@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700,700i&display=swap&subset=latin-ext');

body {
    font-family: -apple-system, "Open Sans", "Rubik", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body:before {
    background: none !important
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: -apple-system, "Open Sans", "Rubik", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

.transaction-history-panel {
    height: 300px;
    overflow: scroll;
}

.blurred {
    filter: blur(15px);
}
.blurred5 {
    filter: blur(5px);
}
.menu-side-compact-w.color-scheme-dark {
    color: rgba(255, 255, 255, 0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#75508e), to(#3b3758));
    background-image: linear-gradient(to bottom, #75508e 0%, #3b3758 100%);
    background-repeat: repeat-x;
}

.menu-side-compact-w ul.main-menu .icon-w {
    font-size: 30px;
    color: #0073ff;
}

.menu-side-compact-w ul.main-menu > li.active > a {
    background-image: linear-gradient(to bottom, #533469 0%, #544d86 100%);
    font-size: 30px;
}

.menu-side-compact-w ul.main-menu > li.active > a .icon-w {
    color: #fff;
}

.top-menu-secondary .messages-notifications {
    margin: 0px 1rem;
    position: relative;
    font-size: 24px;
    color: #fff;
}

.top-menu-secondary .top-icon {
    margin: 0px 1rem;
    color: #fff;
    font-size: 26px;
}

.menu-side-compact-w.color-scheme-dark ul.main-menu .icon-w {
    color: #fff;
}

.menu-side .layout-w {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}

.all-wrapper {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.all-wrapper.flu-bg-content .content-w {
    vertical-align: top;
    background: rgba(255,255,255,0.45)
}

.menu-side-compact-w .sub-menu-w {
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(40px) scale(0.95);
    transform: translateX(40px) scale(0.95);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: absolute;
    background-color: #000;
    color: #fff;
    left: 100%;
    top: -100px;
    overflow: hidden;
    text-align: left;
    -webkit-box-shadow: 0px 2px 40px 0px rgba(26, 138, 255, 0.5);
    box-shadow: 0px 2px 40px 0px rgba(26, 138, 255, 0.5);
    padding-bottom: 20px;
    background-image: linear-gradient(to bottom, #533469 0%, #544d86 100%);
}

.top-menu-secondary {
    z-index: 999 !important;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
    box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
    padding: 0px 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-image: linear-gradient(to bottom, #73518e 50%, #704f8a 100%);
    border-radius: 0px 0px 0px 0px;
}

.capitalize {
    text-transform: capitalize;
}

.stringLimit
{
    text-overflow: ellipsis;
}

.w50 {width: 50px}
.w100 {width: 100px}
.w150 {width: 150px}

.top-menu-secondary > ul li {
    display: inline-block;
}

.top-menu-secondary > ul li a {
    display: inline-block;
    padding: 20px 25px;
    color: rgba(255, 255, 255, 0.45);
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.top-menu-secondary > ul li a:after {
    content: "";
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0px;
    height: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.top-menu-secondary > ul li.active a, .top-menu-secondary > ul li:hover a {
    color: #fff;
    text-decoration: none;
}



.table.table-padded{border-collapse:separate;border-spacing:0 5px}.table.table-padded thead tr th{border:none;font-size:.81rem;color:rgba(90,99,126,0.49);letter-spacing:1px;padding:0.3rem 1.1rem}.table.table-padded tbody tr{border-radius:4px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.table.table-padded tbody tr:hover{-webkit-box-shadow:0px 2px 5px rgba(69,101,173,0.1);box-shadow:0px 2px 5px rgba(69,101,173,0.1);-webkit-transform:translateY(-1px) scale(1.01);transform:translateY(-1px) scale(1.01)}.table.table-padded tbody td{padding:0.9rem 1.1rem;background-color:#fff;border:none;border-right:1px solid rgba(0,0,0,0.03)}.table.table-padded tbody td.bolder{font-weight:500;font-size:.99rem}.table.table-padded tbody td img{display:inline-block;vertical-align:middle}.table.table-padded tbody td img+span{display:inline-block;margin-left:10px;vertical-align:middle}.table.table-padded tbody td span+span{margin-left:5px}.table.table-padded tbody td .status-pill+span{margin-left:10px}.table.table-padded tbody td:first-child{border-radius:4px 0px 0px 4px}.table.table-padded tbody td:last-child{border-radius:0px 4px 4px 0px;border-right:none}
.checkbox-label,.checkbox-label:before,*:after {
    box-sizing:border-box;
    margin:0;
    padding:0;
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    outline:none;
    font-family:Helvetica Neue,helvetica,arial,verdana,sans-serif;
}
#toggles{
    width:70px;
}
.ios-toggle,.ios-toggle:active {
    position:absolute;
    height:0;
    width:0;
    opacity:0;
    border:none;
    outline:none;
}
.checkbox-label{
    display:block;
    position:relative!important;
    padding:10px;
    font-size:12px;
    line-height:16px;
    width:100%;
    height:25px;
    /*border-radius*/
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    background:#f8f8f8;
    cursor:pointer!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12), inset 0 0 2px rgba(0,0,0,.15);
}
.checkbox-label:before{
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    line-height:24px;
    text-indent:40px;
    height:25px;
    width:25px;
    /*border-radius*/
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    top:0px;
    left:0px;
    right:auto;
    background:white;
    /*box-shadow*/
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #dddddd;
    box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #dddddd;
}
.checkbox-label:after{
    content:attr(data-off);
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:-10px;
    padding:10px;
    height:100%;
    width:10px;
    text-align:right;
    color:#bfbfbf;
    white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
    /*box-shadow*/
    background: #75508e;
}
.ios-toggle:checked + .checkbox-label:before{
    left:calc(100% - 25px);
    border: 1px solid #75508e;
    /*box-shadow*/
    -webkit-box-shadow:0 0 0 2px transparent,0 3px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 1px rgba(0,0,0,.3);
    box-shadow:0 0 0 2px transparent,0 3px 1px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
    content:attr(data-on);
    left:60px;
    width:25px;
}
/* GREEN CHECKBOX */

#checkbox1 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkbox1:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkbox1:checked + .checkbox-label:after{
    color:rgba(19,191,17,1);
}
/* RED CHECKBOX */

#checkbox2 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
}
#checkbox2:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
    -moz-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
    box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
}
#checkbox2:checked + .checkbox-label:after{
    color:#f35f42;
}
/* BLUE CHECKBOX */

#checkbox3 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
}
#checkbox3:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
    -moz-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
    box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
}
#checkbox3:checked + .checkbox-label:after{
    color:#1fc1c8;
}

.table .lighter {
    color: rgba(90,99,126,0.49);
}

.table .smaller {
    font-size: .72rem;
}
.sweet-modal .sweet-title {

    padding: 20px;
}

.fs20 {
    font-size: 20px;
}
a {
    // color: #4e4069;
    // text-decoration: none;
}
.tooltip {
    text-transform: capitalize;
}

.vue-tabs .nav {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    display: block !important;
}

.menu-simple {
    padding: 0;
    list-style: none;
}
.menu-simple li{
    font-size: 16px;
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    text-align: left;
}

.menu-simple li.head{
    font-weight: 600;
    color: #039BE5;
}

.floating-labels .form-group{
    position:relative
}
.floating-labels .form-control{
    font-size:20px;
    padding: 0px 10px 10px 0;
    display:block;
    border:none;
    border-bottom:1px solid #e4e7ea
}
.floating-labels select.form-control>option{
    font-size:14px
}
.has-error .form-control{
    border-bottom:1px solid #fb9678
}
.has-warning .form-control{
    border-bottom:1px solid #fec107
}
.has-success .form-control{
    border-bottom:1px solid #00c292
}
.floating-labels .form-control:focus{
    outline:0;
    border:none
}
.floating-labels label{
    color:#686868;
    font-size:16px;
    position:absolute;
    cursor:auto;
    top:10px;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.floating-labels .form-control:focus~label,.floating-labels .form-control:valid~label{
    top:-15px;
    font-size:12px;
    color:#ab8ce4
}
.floating-labels .bar{
    position:relative;
    display:block
}
.floating-labels .bar:after,.floating-labels .bar:before{
    content:'';
    height:2px;
    width:0;
    bottom:1px;
    position:absolute;
    background:#ab8ce4;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.floating-labels .bar:before{
    left:50%
}
.floating-labels .bar:after{
    right:50%
}
.floating-labels .form-control:focus~.bar:after,.floating-labels .form-control:focus~.bar:before{
    width:50%
}
.floating-labels span.highlight{
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:.5
}
.floating-labels .input-lg,.floating-labels .input-lg~label{
    font-size:24px
}
.floating-labels .input-sm,.floating-labels .input-sm~label{
    font-size:16px
}
.floating-labels .form-group .focused {
    top: -18px;
    font-size: 12px;
    color: #ab8ce4;
}
body.color-scheme-dark .floating-labels .form-control, .content-panel.color-scheme-dark .floating-labels .form-control {
    background-color: transparent;
    border-color: transparent;
    color: #ccd9e8;
    border-bottom: 1px solid #a285d8;
    border-radius: 0px;

}
#company_mobilePhone select {
    -webkit-appearance: unset;
    height: calc(2.1rem + 7px);
}

body.color-scheme-dark .floating-labels .dropdown-toggle input {
    opacity: 0
}

body.color-scheme-dark .v-select .selected-tag{
    color: #ccc
}

.floating-labels .help-block {
    color: red;
    font-size: 12px
}


.collapsed > .when-opened,
:not(.collapsed) > .when-closed {
    display: none;
}
.avatar-w i {
    font-size: 32px;
}

.dropdown-menu.show {
    display: block;
    max-height: 300px;
    overflow: scroll;
}
body.color-scheme-dark .element-wrapper .element-header, .content-panel.color-scheme-dark .element-wrapper .element-header {
    text-transform: capitalize;
}
.menu-w {
    display: block !important;
}
.listy {
    width: 100%;
    min-height: 40px;
    float: left;
    display: block;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.listy .label {
    position: absolute;
    left: 5px;
    top: -10px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    text-transform: capitalize;
}
.form-group {
    margin-bottom: 2rem;
}
.color-scheme-dark .listy .label {
    color: rgba(218, 226, 243, 0.4);
}

.relative {
    position: relative;
}
.capitalize {
    text-transform: capitalize;
}

.sweet-modal-overlay:not(:hover) > body{
    opacity: 0.3;
}
.color-scheme-dark .footer-w, .color-scheme-dark .page-head, .color-scheme-dark .table.table-padded tbody td {
    background-image: linear-gradient(180deg,#323c58,#303950);
    box-shadow: 0 5px 15px rgba(22,22,35,.1);
}

/* 3h. Override bootstrap popover styles */
.color-scheme-dark .popover {
    background: #323c58;
    font-size: 0.99rem;
    -webkit-box-shadow: 0 5px 50px rgba(4, 123, 248, 0.3);
    box-shadow: 0 5px 50px rgba(4, 123, 248, 0.3);
    border: 1px solid #fff;
}

.color-scheme-dark .popover .user-with-avatar {
    color: #fff;
}

.color-scheme-dark .popover .listy {
    color: #ccc;
}

.color-scheme-dark .popover-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
    color: #fff;
}
.popover .user-with-avatar {
    white-space: nowrap;
}
.popover .user-with-avatar img {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
}

.popover img+span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.color-scheme-dark .el-legend .legend-value .legend-sub-value {
    color: rgba(255, 255, 255, 0.49);
    font-size: 0.63rem;
}

.search-with-suggestions-w .search-with-suggestions-modal .element-search input {
    background: none
}
.content-panel {
    min-width: 320px;
}
.color-scheme-dark .sweet-modal {
    background: #293145 !important;
}
.color-scheme-dark .sweet-modal-overlay {
    background: rgba(24, 32, 40, 0.94) !important;
}

.color-scheme-dark .form-group .choices__inner, .color-scheme-dark .form-group .choices__list--dropdown {
    background-color: #242b3f;
    border: 1px solid #252c40;
}
.form-group .choices__list--dropdown {
    z-index: 10;
}


.color-scheme-dark .form-group .choices__input {
    background-color: #242b3f;
}
.color-scheme-dark .form-group .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #323b56;
}

.cke_chrome {
    border: none !important
}
.choices {
    width: 100%
}

.content-panel .content-panel-close {
    font-size: 26px;

}


ul.vibe-list {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.vibe-list li {
    font: 200 12px Helvetica, Verdana, sans-serif;
}

ul.vibe-list li:hover, ul.vibe-list li.active{
    font-size: 14px;
    background: rgba(255, 255, 255, 0.05);
}

ul.vibe-list li:last-child {
    border: none;
}

ul.vibe-list li a {
    text-decoration: none;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
    display: block;
    width: 200px;
    padding: 12px 9px
}

.box-list {
    min-height: 250px;
    overflow: auto
}
.nav-item.active  a {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 transparent;
    position: relative;
}
.nav-tabs .nav-item.active > a:after{
    width: 100% !important;
}
@media screen and (max-width: 1150px) {
    .content-i .content-panel {
        overflow: auto;
    }
}

.mx-datepicker-range{
    width: 98%;
}

.color-scheme-dark .mx-input{
    color: #555;
    background-color: #18202b;
    border: 1px solid #464545;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.color-scheme-dark .mx-input-append {
    background: none
}

.color-scheme-dark .mx-datepicker-popup {
    background-color: #18202b;
    border: 1px solid #464545;
}

.color-scheme-dark .vue-form-generator .field-wrap button, .vue-form-generator .field-wrap input[type=submit] {
    background-color: #18202b;
    color: #ccc;
    border: 1px solid #464545;
}

.color-scheme-dark .mx-calendar-content .cell.disabled {
    background-color: #2f2e2e;
    color: #ccc;
}
.color-scheme-dark .mx-calendar-content .cell:hover {
    background: #333333;
}
.color-scheme-dark .mx-calendar-content .cell.inrange {
    background-color: #272a2b;
}

.r-loader {
    width: 30px;
    height: 30px;
}
form .help-block ul li {
    color: red!important;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
}
.form-group .input-group-addon {
    background-color: rgba(18, 22, 41, 0.14);
    border-color: rgba(18, 22, 41, 0.14);
    padding: 5px 15px;
    border: 2px solid #dde2ec;
}

body.color-scheme-dark .form-group .input-group-addon, .content-panel.color-scheme-dark .form-group .input-group-addon{
    background-color: rgba(18, 22, 41, 0.34);
    border-color: rgba(18, 22, 41, 0.34);
    color: #ccd9e8;
}

body.color-scheme-dark .sweet-modal ul.sweet-modal-tabs li.sweet-modal-tab a {
    color: #ccd9e8;
}

body.color-scheme-dark .sweet-modal .sweet-box-actions .sweet-action-close svg path {
    fill: #fff !important;
}
body.color-scheme-dark .sweet-modal .sweet-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.table .row-actions a{
  margin: 0 !important;
}

.introjs-hint-pulse {
  border: 5px solid rgba(87, 151, 252, 0.38) !important;
  background-color: rgba(87, 151, 252, 0.42) !important;
}
.introjs-hint-dot {
  border: 10px solid rgba(87, 151, 252, 0.41) !important;
}
.search-input input{
  background: none;
  border: none;
}
.autocomplete__box, .autocomplete__box input {
  min-height: 27px;
}
body.color-scheme-dark .autocomplete__box, body.color-scheme-dark .autocomplete__box input{
  color: #fff;
  background: transparent;
}
body.color-scheme-dark .autocomplete__box {
  border-color: rgba(18, 22, 41, 0.34) !important;
  background: rgba(18, 22, 41, 0.22) !important;
}

body.color-scheme-dark .element-wrapper .element-search input {
  border-color: rgba(18, 22, 41, 0.34) !important;
  background: rgba(18, 22, 41, 0.22) !important;
  text-color: gray;
}
body.color-scheme-dark .element-wrapper .element-search:before {
  color: rgba(255, 255, 255, 0.48);
}