@import url("https://use.typekit.net/lav4mne.css");

@font-face{
    font-family: MutiTel-Alt-Black-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/846224/00000000000000007735e602/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/846224/00000000000000007735e602/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/846224/00000000000000007735e602/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-weight: 900;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Black;
    src: local('proxima-nova'), url("https://use.typekit.net/af/a7a503/00000000000000007758cf7c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/a7a503/00000000000000007758cf7c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/a7a503/00000000000000007758cf7c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-weight: 900;
    font-style: normal;
}
@font-face{
    font-family: MutiTel-Alt-Bold-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-weight: 700;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Bold;
    src: local('proxima-nova'), url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family: MutiTel-Alt-Light-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/0b8052/00000000000000007758cf90/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/0b8052/00000000000000007758cf90/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/0b8052/00000000000000007758cf90/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-weight: 300;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Light;
    src: local('proxima-nova'), url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: MutiTel-Alt-Extrabold-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/57ba91/00000000000000007758cf8c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/57ba91/00000000000000007758cf8c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/57ba91/00000000000000007758cf8c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
    font-weight: 800;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Extrabold;
    src: local('proxima-nova'), url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-weight: 800;
    font-style: normal;
}
@font-face{
    font-family: MutiTel-Alt-Regular-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-weight: 400;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Regular;
    src: local('proxima-nova'), url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: MutiTel-Alt-Semibold-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/0bd0af/00000000000000007758cf8e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/0bd0af/00000000000000007758cf8e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/0bd0af/00000000000000007758cf8e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-weight: 600;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Semibold;
    src: local('proxima-nova'), url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-weight: 600;
}
@font-face{
    font-family: MutiTel-Alt-Thin-Italic;
    src: local('proxima-nova'), url("https://use.typekit.net/af/da27c4/00000000000000007758cf8d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/da27c4/00000000000000007758cf8d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/da27c4/00000000000000007758cf8d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-weight: 100;
    font-style: italic;
}
@font-face{
    font-family: MutiTel-Alt-Thin;
    src: local('proxima-nova'), url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-weight: 100;
    font-style: normal;
}
body {
    overflow: hidden;
    height: 100%
}

.navbar-header {
    min-width: 60px
}

.page-header {
    width: 100%!important;
    height: 92vh;
    overflow: auto
}

.w900 {
    width: 900px!important
}

h4.custom-panel-title,.h4.custom-panel-title {
    font-size: 16px
}

.custom-dialog-title {
    font-size: 18px;
    font-weight: 700
}

.float-left {
    float: left;
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.clear {
    clear: both
}

.btn_search_download_container {
    padding-top: 25px;
    margin-right: 23px
}

.mb30 {
    margin-bottom: 30px!important
}

.info-billing-dates {
    padding: 8px 0;
    clear: both
}

.mt10 {
    margin-top: 10px!important
}

.mt20 {
    margin-top: 20px!important
}

.pt20 {
    padding-top: 20px!important
}

.panel-body.panel-body-border-top {
    border-top: 2px solid #dddddd;
    padding-top: 20px!important
}

.border-transparent {
    border-color: transparent!important;
    box-shadow: unset
}

.no-padding-left-right {
    padding-left: 0!important;
    padding-right: 0!important
}

.double-border-solid {
    border: 2px solid #ddd!important
}

.single-border {
    border: 1px solid #ddd
}

.bold-text {
    font-weight: 700
}

.mb10 {
    margin-bottom: 10px!important
}

.img-middle {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.add_balance_logo_height {
    position: relative;
    height: 200px
}

.bg-grey-light {
    background-color: #f5f5f5!important
}

.alert-error {
    background-color: #fbe9e7;
    border-color: #ff5722;
    color: #d84315
}

.alert-error,.alert-error .close {
    color: #9c1f1f
}

.full-width {
    width: 100%!important
}

.alert-notif {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 8px;
    box-shadow: 4px 3px 0 #fff,9px 8px 0 rgba(0,0,0,.15);
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
    width: 450px
}

.alert-success .header-alert {
    background-color: #3fc59d
}

.alert-error .header-alert {
    background-color: #a94442
}

i.icon {
    display: block;
    height: 132px;
    margin: 0 auto;
    width: 112px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

i.ic-success {
    background-image: url(../images/icon-success.png)
}

i.ic-error {
    background-image: url(../images/icon-error.png)
}

.body-alert .text-alert-wrapper {
    color: #657086
}

.no-pb {
    padding-bottom: 0!important
}

.custom_date_gap {
    padding-top: 7px
}

.mr10 {
    margin-right: 10px!important
}

.create_ots_invoices_conatiner #state_select #preloader_state_isocode {
    position: absolute;
    top: 8px;
    right: -15px
}

.preloader_content {
    position: absolute;
    top: 10px;
    right: -25px
}

.w100 {
    width: 100px!important
}

.w65_perc {
    width: 65%!important
}

span.minicolors {
    width: 100%;
    position: relative
}

#tab_pbx_billing #form-pbxstats .form-control {
    margin: 0!important
}

.minicolors input.form-control {
    border: 1px solid #eee;
    font: inherit;
    height: 36px;
    width: 100%;
    border-radius: 3px
}

span.minicolors .minicolors-swatch {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 0;
    top: 0
}

span.minicolors .minicolors-panel {
    top: 35px
}

.no-border-right {
    border-right: none!important
}

.w200 {
    width: 200px!important
}

.kv-file-content .file-preview-image.kv-preview-data {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    max-height: 100%;
    max-width: 100%;
    padding: 5px
}

.kv-file-content {
    position: relative;
    height: 125px;
    width: 200px
}

.login-container .page-container .login-form.custom-login-form {
    width: 345px
}

.login-container .page-container .login-form.custom-verify {
    width: 450px
}

.unset-overflow-x {
    overflow-x: unset!important
}

textarea.kv-preview-data.file-preview-text {
    width: 100%!important;
    height: 100%!important
}

.custom-height-tokenfield .tokenfield.form-control {
    min-height: 110px
}

#ui-datepicker-div.ui-datepicker {
    z-index: 9999!important
}

.mt5 {
    margin-top: 5px
}

.padding-20 {
    padding: 20px
}

.hide-btn {
    display: none
}

.single-border-top {
    border-top: 1px solid #ddd
}

.mb40 {
    margin-bottom: 40px!important
}

.header-pricing-title {
    box-shadow: 1px 0 0 #ddd,0 1px 0 #ddd;
    text-align: center;
    padding: 5px
}

.pricing-table-content-header {
    box-shadow: 1px 0 0 #ddd,0 1px 0 #ddd;
    text-align: center;
    padding: 20px
}

.pricing-table .pricing-table-price-custom {
    font-size: 30px
}

.white-text {
    color: #fff
}

.bg-yellow {
    background-color: #fc6
}

.bg-dark-gray {
    background-color: gray
}

.bg-black {
    background-color: #333
}

.bg-green {
    background-color: green
}

.sidebar-opposite.sidebar-opposite-custom {
    display: table-cell;
    padding-right: 0;
    padding-left: 20px
}

.custom-page-container {
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed
}

.display-block {
    display: block
}

.padding-5 {
    padding: 5px!important
}

.padding-10 {
    padding: 10px
}

.ui-autocomplete.ui-widget.ui-widget-content {
    z-index: 9999
}

.position-relative {
    position: relative!important
}

.mt50 {
    margin-top: 50px!important
}

#mf_cidnum_select .select2-selection.select2-selection--single {
    height: 34px
}

.hosted-option-remove-content {
    display: block;
    height: 100%;
    position: relative;
    margin-top: 0;
    overflow: unset;
    width: 100%;
    margin-left: -180px
}

.ml30 {
    margin-left: 30px!important
}

.pointer-event-none .switchery.switchery-default {
    pointer-events: none
}

.vm_player audio.span {
    width: 70%
}

.vm_player .download_recording {
    position: absolute;
    margin-left: 10px;
    top: 10px
}

#weekcalendar .fc-event-container .fc-time-grid-event.fc-v-event {
    min-height: unset;
    margin: unset;
    padding: 5px
}

#weekcalendar .fc-event-container #events-layer {
    top: 2px!important;
    right: 0
}

#fullcalendar .fc-day-grid-event .fc-time {
    float: left
}

#fullcalendar.fc button .fc-icon {
    height: 2em;
    top: -4px
}

.mb0 {
    margin-bottom: 0!important
}

.mb50 {
    margin-bottom: 50px!important
}

.w95perc {
    width: 95%!important
}

.text-conferences-info::before {
    content: ":";
    margin-right: 5px
}

.conference_content .conference-info-container {
    color: #fff;
    background: rgba(0,0,0,.47);
    padding: 22px 25px 17px
}

.darkgrey-badge {
    background-color: darkgrey!important
}

#tab_buy_number .portlet.light.bordered {
    border: 1px solid #e1e1e1!important
}

#tab_buy_number .portlet.light {
    background-color: #fff;
    padding: 12px 20px 15px
}

.pr-0 {
    padding-right: 0!important
}

tr.subtable_prefix {
    background-color: #f5f8fd
}

tr.subtable_prefix td.subtable_prefix {
    border-bottom: 1px solid #ddd
}

td.subtable_prefix .picknumbers_container .dataTables_filter input {
    background-color: transparent;
    border-color: #ccc
}

td.subtable_prefix .picknumbers_container .dataTables_length select {
    background-color: transparent;
    border-color: #ccc
}

td.subtable_prefix .picknumbers_container table.table {
    background-color: transparent
}

td.subtable_prefix .picknumbers_container table.table select.channels {
    background-color: transparent;
    border-color: #ccc
}

.pt-8 {
    padding-top: 8px!important
}

#panel_body_user_map div#activityMapSide {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    height: 195px;
    margin-top: 10px;
    opacity: .9;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: 70px;
    width: auto;
    z-index: 2;
    top: 0
}

#dest {
    position: relative
}

#remove_number {
    position: absolute;
    top: 0;
    right: 0;
    height: 57px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer
}

#remove_number span {
    font-size: 32px;
    margin-top: 15px
}

#dial_number_autocomplete {
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 94%;
    z-index: 100;
    background-color: #fff
}

#dial_number_autocomplete .list_dial_number_container {
    list-style: none
}

#dial_number_autocomplete .list_dial_number_container.activeArrow {
    background-color: #eaeaea
}

#dial_number_autocomplete .list_dial_number_container.hasContact {
    display: block
}

#dial_number_autocomplete .list_dial_number_container:hover {
    background-color: #50626b
}

#dial_number_autocomplete .list_dial_number_container .list_dial_number {
    color: #000;
    padding: 10px 25px;
    display: block
}

#error span {
    color: red;
    font-style: italic!important;
    font-size: 12px!important
}

.circle-status {
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%
}

#modalCall .modal-header .close {
    margin-right: -33px;
    color: #fff;
    font-size: 24px
}

#modalCall .modal-body {
    background-color: #fff;
    margin-top: 30px
}

#modalCall .modal-body .part1,#modalCall .modal-body .part2,#modalCall .modal-body .part3 {
    border-bottom: 1px solid #eaeaea
}

#modalCall .modal-body .part1 #selectCountry {
    border: 0
}

#modalCall .modal-body .part1 #selectCountry:active {
    border: 0
}

#modalCall .modal-body .part1 p {
    margin-left: 5px
}

#modalCall .modal-body .part1 #cost {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 10px;
    display: inline-block
}

#modalCall .modal-body .part2 #address {
    width: 100%;
    border: 0;
    padding: 15px 25px 15px 10px;
    font-size: 18px;
    text-align: center
}

#modalCall .modal-body .part2 #address:active {
    border: 0
}

#modalCall .modal-body .part3 .btnInputCall {
    cursor: pointer;
    transition: .3s
}

#modalCall .modal-body .part3 .btnInputCall:hover {
    background-color: #eaeaea
}

#modalCall .modal-body .part3 .btnInputCall h4 {
    margin-bottom: 0
}

#modalCall .modal-body .part3 .btnInputCall p {
    height: 20px
}

.ui-tooltip-content {
    overflow-wrap: anywhere
}

.rounded-round {
    border-radius: 100px!important
}

.boxes {
    --size: 32px;
    --duration: 800ms;
    height: calc(var(--size) * 2);
    width: calc(var(--size) * 3);
    position: relative;
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    margin-top: calc(var(--size) * 1.5 * -1);
    transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px)
}

.boxes .box {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;
    position: absolute;
    transform-style: preserve-3d
}

.boxes .box:nth-child(1) {
    transform: translate(100%,0);
    -webkit-animation: box1 var(--duration) linear infinite;
    animation: box1 var(--duration) linear infinite
}

.boxes .box:nth-child(2) {
    transform: translate(0,100%);
    -webkit-animation: box2 var(--duration) linear infinite;
    animation: box2 var(--duration) linear infinite
}

.boxes .box:nth-child(3) {
    transform: translate(100%,100%);
    -webkit-animation: box3 var(--duration) linear infinite;
    animation: box3 var(--duration) linear infinite
}

.boxes .box:nth-child(4) {
    transform: translate(200%,0);
    -webkit-animation: box4 var(--duration) linear infinite;
    animation: box4 var(--duration) linear infinite
}

.boxes .box>div {
    --background: #5C8DF6;
    --top: auto;
    --right: auto;
    --bottom: auto;
    --left: auto;
    --translateZ: calc(var(--size) / 2);
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--background);
    top: var(--top);
    right: var(--right);
    bottom: var(--bottom);
    left: var(--left);
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))
}

.boxes .box>div:nth-child(1) {
    --top: 0;
    --left: 0
}

.boxes .box>div:nth-child(2) {
    --background: #145af2;
    --right: 0;
    --rotateY: 90deg
}

.boxes .box>div:nth-child(3) {
    --background: #447cf5;
    --rotateX: -90deg
}

.boxes .box>div:nth-child(4) {
    --background: #DBE3F4;
    --top: 0;
    --left: 0;
    --translateZ: calc(var(--size) * 3 * -1)
}

@-webkit-keyframes box1 {
    0%,50% {
        transform: translate(100%,0)
    }

    100% {
        transform: translate(200%,0)
    }
}

@keyframes box1 {
    0%,50% {
        transform: translate(100%,0)
    }

    100% {
        transform: translate(200%,0)
    }
}

@-webkit-keyframes box2 {
    0% {
        transform: translate(0,100%)
    }

    50% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(100%,0)
    }
}

@keyframes box2 {
    0% {
        transform: translate(0,100%)
    }

    50% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(100%,0)
    }
}

@-webkit-keyframes box3 {
    0%,50% {
        transform: translate(100%,100%)
    }

    100% {
        transform: translate(0,100%)
    }
}

@keyframes box3 {
    0%,50% {
        transform: translate(100%,100%)
    }

    100% {
        transform: translate(0,100%)
    }
}

@-webkit-keyframes box4 {
    0% {
        transform: translate(200%,0)
    }

    50% {
        transform: translate(200%,100%)
    }

    100% {
        transform: translate(100%,100%)
    }
}

@keyframes box4 {
    0% {
        transform: translate(200%,0)
    }

    50% {
        transform: translate(200%,100%)
    }

    100% {
        transform: translate(100%,100%)
    }
}

html {
    -webkit-font-smoothing: antialiased
}

* {
    box-sizing: border-box
}

*:before,*:after {
    box-sizing: border-box
}

body .dribbble {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px
}

body .dribbble img {
    display: block;
    height: 28px
}

.as-preloader {
    font-family: Roboto,Arial;
    color: #adafb6;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9fbff
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.col-form-label {
    padding-top: calc(0.4375rem + 1px);
    padding-bottom: calc(0.4375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5385
}

div.page-content>div.content-wrapper {
    padding-bottom: 10px
}

.btn-outline-primary {
    color: #2196f3;
    background-color: transparent;
    background-image: none;
    border-color: #2196f3
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #2196f3;
    background-color: transparent
}

.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

.btn-outline-secondary {
    color: #777;
    background-color: transparent;
    background-image: none;
    border-color: #777
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #777;
    border-color: #777
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #777;
    background-color: transparent
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #777;
    border-color: #777
}

.btn-outline-success {
    color: #4caf50;
    background-color: transparent;
    background-image: none;
    border-color: #4caf50
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #4caf50;
    background-color: transparent
}

.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.btn-outline-info {
    color: #00bcd4;
    background-color: transparent;
    background-image: none;
    border-color: #00bcd4
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #00bcd4;
    background-color: transparent
}

.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4
}

.btn-outline-warning {
    color: #ff7043;
    background-color: transparent;
    background-image: none;
    border-color: #ff7043
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ff7043;
    background-color: transparent
}

.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043
}

.btn-outline-danger {
    color: #f44336;
    background-color: transparent;
    background-image: none;
    border-color: #f44336
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #f44336;
    background-color: transparent
}

.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.btn-outline-light {
    color: #fafafa;
    background-color: transparent;
    background-image: none;
    border-color: #fafafa
}

.btn-outline-light:hover {
    color: #fff;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #fafafa;
    background-color: transparent
}

.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-outline-dark {
    color: #324148;
    background-color: transparent;
    background-image: none;
    border-color: #324148
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #324148;
    border-color: #324148
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #324148;
    background-color: transparent
}

.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #324148;
    border-color: #324148
}

.btn-sm-2,.btn-group-sm-2>.btn {
    padding: 1px 6px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 2px
}

.mb-0 {
    margin-bottom: 0!important
}

.login-body p {
    margin-bottom: 0!important
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #cc4744;
    padding-right: calc(1.5715em + 0.875rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23cc4744' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cc4744' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.39287em + 0.21875rem) center;
    background-size: calc(0.78575em + 0.4375rem) calc(0.78575em + 0.4375rem)
}

.as-notification-container p {
    margin-bottom: 0!important
}

.datatable-scroll {
    overflow: unset!important
}

.dataTable {
    width: 100%!important
}

.dataTable button.btn {
    padding: 1px 12px!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 15px!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .3125rem!important
}

.mt-1,.my-1 {
    margin-top: .3125rem!important
}

.mr-1,.mx-1 {
    margin-right: .3125rem!important
}

.mb-1,.my-1 {
    margin-bottom: .3125rem!important
}

.ml-1,.mx-1 {
    margin-left: .3125rem!important
}

.m-2 {
    margin: .625rem!important
}

.mt-2,.my-2 {
    margin-top: .625rem!important
}

.mr-2,.mx-2 {
    margin-right: .625rem!important
}

.mb-2,.my-2 {
    margin-bottom: .625rem!important
}

.ml-2,.mx-2 {
    margin-left: .625rem!important
}

.m-3 {
    margin: 1.25rem!important
}

.mt-3,.my-3 {
    margin-top: 1.25rem!important
}

.mr-3,.mx-3 {
    margin-right: 1.25rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1.25rem!important
}

.ml-3,.mx-3 {
    margin-left: 1.25rem!important
}

.m-4 {
    margin: 1.875rem!important
}

.mt-4,.my-4 {
    margin-top: 1.875rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.875rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.875rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.875rem!important
}

.m-5 {
    margin: 3.75rem!important
}

.mt-5,.my-5 {
    margin-top: 3.75rem!important
}

.mr-5,.mx-5 {
    margin-right: 3.75rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3.75rem!important
}

.ml-5,.mx-5 {
    margin-left: 3.75rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .3125rem!important
}

.pt-1,.py-1 {
    padding-top: .3125rem!important
}

.pr-1,.px-1 {
    padding-righ
/* Theme switcher extended overrides */
html[data-color-theme="dark"] body,
html[data-color-theme="dark"] .page-container,
html[data-color-theme="dark"] .content-wrapper,
html[data-color-theme="dark"] .content,
html[data-color-theme="dark"] .main_content {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
}

html[data-color-theme="dark"] .sidebar,
html[data-color-theme="dark"] .sidebar-main,
html[data-color-theme="dark"] .sidebar-main .navigation > li > a {
    background-color: #0f172a !important;
    color: #cbd5f5 !important;
}

html[data-color-theme="dark"] .sidebar-main .navigation > li.active > a,
html[data-color-theme="dark"] .sidebar-main .navigation > li > a:hover {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #f3f4f6 !important;
}

html[data-color-theme="dark"] .panel,
html[data-color-theme="dark"] .panel-heading,
html[data-color-theme="dark"] .panel-body,
html[data-color-theme="dark"] .panel-footer,
html[data-color-theme="dark"] .well,
html[data-color-theme="dark"] .card,
html[data-color-theme="dark"] .card-body,
html[data-color-theme="dark"] .card-header,
html[data-color-theme="dark"] .card-footer {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

html[data-color-theme="dark"] .nav-tabs,
html[data-color-theme="dark"] .nav-tabs > li > a {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

html[data-color-theme="dark"] .nav-tabs > li.active > a,
html[data-color-theme="dark"] .nav-tabs > li.active > a:focus,
html[data-color-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-color-theme="dark"] .nav-tabs > li > a:hover {
    background-color: rgba(59, 130, 246, 0.18) !important;
    color: #f8fafc !important;
    border-color: rgba(59, 130, 246, 0.4) !important;
}

html[data-color-theme="dark"] .tab-content,
html[data-color-theme="dark"] .tab-pane {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

html[data-color-theme="dark"] .modal-content,
html[data-color-theme="dark"] .modal-header,
html[data-color-theme="dark"] .modal-body,
html[data-color-theme="dark"] .modal-footer {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

html[data-color-theme="dark"] .modal-header .close {
    color: #e2e8f0 !important;
    opacity: 0.75;
}

html[data-color-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #1f2937 !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    color: #e2e8f0 !important;
}

html[data-color-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #f8fafc !important;
}

html[data-color-theme="dark"] .dataTables_wrapper .dataTables_filter input {
    background-color: #1f2937 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
    color: #e2e8f0 !important;
}

html[data-color-theme="dark"] footer {
    background-color: #0f172a !important;
    color: #cbd5f5 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Theme toggle button styling */
.theme-toggle-button {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

.navbar-nav > li > a.theme-toggle-button {
    padding: 15px;
    line-height: 20px;
}

.navbar-nav > li > a.theme-toggle-button:focus,
.navbar-nav > li > a.theme-toggle-button:hover {
    background-color: rgba(255, 255, 255, 0.08);
    outline: none;
}

.theme-toggle-icon {
    font-size: 1.65rem;
    line-height: 1;
}

.theme-toggle-summary {
    font-size: 12px;
    color: inherit;
    opacity: 0.75;
}