body {
    /*overflow-y: hidden !important;*/
    background-color: #fff;
    overflow: hidden;
}

html {
    font-family: "Roboto", sans-serif !important;
    /*font-family: "Rubik", sans-serif !important;*/
}

#main {
    margin-top: -5px;
}

.myChatBox {
    padding: 0 10px;
}

    .myChatBox a {
        line-height: inherit !important;
        height: 42px !important;
        display: initial !important;
        padding: 0px 5px !important;
    }

    .myChatBox li {
        margin-bottom: 10px;
    }

        .myChatBox li:hover {
            background-color: transparent !important;
        }

.btn, .btn-large, .btn-flat, .file-field .btn, .file-field .btn-large {
    height: 30px;
    line-height: 30px;
    margin: 5px 3px !important;
    text-transform: inherit;
}

    .btn-large i {
        font-size: 2.35rem;
    }

.customFloatActionButton {
    bottom: 35px;
    right: 15px;
}

.imageIcon {
    height: 20px;
    width: 20px;
    margin: 5px 0px;
}

.selectedSection {
    background-color: #dcdcdc;
}

.rowActionBtn {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 1.65 !important;
    font-size: 1.25rem !important;
    padding: 0 !important;
}

#content .header-search-wrapper {
    height: 35px;
    padding-left: 5px;
}

#email-list .collection .collection-item.avatar .icon {
    width: initial;
}

#email-list .collection .collection-item.avatar {
    padding-left: 75px;
}

#sideNavAttachment li:hover {
    background-color: transparent;
}

ul.side-nav.leftside-navigation li {
    line-height: 25px;
}

#left-sidebar-nav span.badge.new {
    line-height: 17px;
    margin-top: 0;
}

#email-list .collection .collection-item.avatar .circle {
    left: 12px;
    padding: 0;
    top: 10px;
}

#email-list .collection .collection-item.selected {
    border-left: 4px solid #004281;
    padding-left: 71px;
}

    #email-list .collection .collection-item.selected i.circle {
        left: 8px;
    }

.mainHeaderChipsPlacedOn {
    padding: 0 5px;
}

.showPasswordIcon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #757575;
}

.myHeaderBorder th {
    border: 1px #b5b5b5 solid;
}

.datatable-header {
    border: none;
}

.myTableHeader .datatable-header {
    border-bottom: none;
}

.dataTable [type="checkbox"].filled-in:checked + label:before {
    width: 4px;
    height: 9px;
}

.dataTable [type="checkbox"].filled-in:checked + label:after {
    width: 16px;
    height: 16px;
}

.dataTable [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 16px;
    width: 16px;
}

.dataTables_wrapper .dataTables_filter {
    text-align: left;
    float: left;
}

/*table.dataTable.nowrap th,*/ table.dataTable.nowrap td {
    white-space: pre-line;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td,
.mytable th, .mytable td {
    padding: 7px 7px;
    font-weight: normal;
}

.mytable, .mytable th {
    border-bottom: 1px solid #111;
}

table.dataTable tbody tr,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.display tbody tr.even > .sorting_3 {
    background-color: transparent;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
}

span.dtr-title span { /*To display header text when collapsed (order -> currency)*/
    display: block;
}
/*---------------------------------------------------------*/

.priceTotal input {
    margin-bottom: 5px;
}

.rowButton {
    padding: 10px 0px;
    border-bottom: 3px solid;
    margin-bottom: 5px !important;
    cursor: pointer;
    border-radius: 5px;
}

.customcircle {
    font-size: 28px;
    color: #2196f3;
    border: 1px solid #2196f3;
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

#menuTilesPage .card-content {
    /*padding-top: 25px;*/
}

#flight-card .flight-icon {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}

#flight-card .flight-state-wrapper {
    margin-bottom: 10px !important;
}

#flight-card {
    cursor: pointer;
}


    #flight-card .card-content {
        background: rgba(0, 0, 0, 0.55);
    }

.flight-card-title, .card .card-title {
    font-size: 1.75rem;
    line-height: 1;
}

    .card .card-title p::first-letter, .card .card-title span {
        font-size: 2.25rem;
    }

.card .card-content {
    padding: 10px;
}

.card .card-reveal {
    padding: 15px;
}

.card .card-content .card-title {
    line-height: 20px;
}

#task-card .collection-header {
    padding: 10px;
}

.collection.with-header .collection-item {
    padding: 10px;
}

#profile-card .card-content p {
    font-size: inherit;
}

.myContactTiles .card p i {
    margin-right: 5px;
}

.myContactTiles .card-title {
    font-size: 18px;
}

.myContactTiles .card-content > a {
    top: 0 !important;
    right: -15px !important;
    margin: 0px 2px;
}

.plans-container .card .card-image .card-title {
    text-transform: inherit;
    font-weight: 400;
}

#menuTilesPage p {
    padding: 0;
}

#profile-card .card-image {
    height: 60px;
    padding: 10px 10px;
    color: #fff;
}

#profile-card .btn-move-up {
    position: relative;
    top: -30px;
}

#flight-card .card-header .card-title {
    padding: 15px;
}

.invoice-card {
    padding: 5px 10px !important;
}

.flight-state span {
    font-size: 4rem;
    line-height: 1;
}

.card-content p span {
    font-weight: 300;
    font-size: 1.15rem;
}

.flight-state p {
    font-size: 1.25rem;
}

.card .card-image {
    border-radius: 3px;
}

.task-cat {
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    padding: 3px;
}

.enqTypeFont {
    font-size: 16px;
    margin: 5px 5px;
}

.chip {
    margin: 1px 3px 1px 0;
}

.card .card-image {
    border-radius: 3px;
    height: 100%;
}

.action-icon > ul > li {
    display: inline-block;
    float: left;
    text-align: center;
    cursor: pointer;
    margin: -5px 0;
}

.action-icon .actionText {
    margin: 0px 3px 15px 3px;
    font-size: 9px;
    line-height: 10px;
    width: 45px;
    white-space: normal;
}

.empRowPage .action-icon .actionText {
    margin: 0px !important;
    font-size: 9px;
    line-height: 10px;
    width: 45px;
    white-space: normal;
}

.divCount {
    float: left;
    padding: 0 5px;
    margin: 0 8px 0 -12px;
    height: 32px;
    min-width: 32px;
    border-radius: 16px;
    background: rgba(0,0,0,0.15);
    text-align: center;
}

footer {
    padding-left: 0;
}

#portalFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 35px;
    border-top: 1px solid;
    border-top-color: #f9f9f9;
    z-index: 999;
}

.largeModal {
    width: 75%;
    height: 75%;
    max-height: 75%;
}

.collapsible-header {
    font-weight: 400;
    font-size: 14px;
    background-color: #efefef;
}

.collapsible-body, .modal-content {
    background-color: #fff;
}

    .collapsible-body p {
        padding: inherit;
    }

.smallDeviceUserProfileList .collapsible-header:after, .smallDeviceUserProfileList .collapsible-header.active:after {
    position: absolute !important;
    right: 5px !important;
    top: 25px !important;
    color: #fff;
}

.selectHeaderEntity {
    margin-left: -5px !important;
}

.smallDeviceUserProfileList .collapsible-header i {
    line-height: 1.7;
    height: 25px;
    margin-right: 5px;
}

.customComboInput {
    width: calc(100% - 2rem) !important;
    margin-right: -2.5rem !important;
    padding-right: 2rem !important;
}

.customComboSelect {
    background-color: transparent !important;
    border: none !important;
}

.side-nav .collapsible-header i {
    line-height: 1.7;
    height: 25px;
    margin-right: 5px;
    font-size: 1.2rem;
}

ul.side-nav.leftside-navigation li a {
    font-size: 1rem;
    padding: 0 11px;
}

#slide-out li a i {
    margin-right: 6px;
    font-size: 1.2rem;
}

.breadcrumbs .active {
    color: #999 !important;
}

.captcha #captchaCode {
    text-align: center;
    border: 1px solid #ccc;
    padding: 0.30em 16px;
    border-radius: 5px;
    display: inline-block;
    width: 130px;
    font-size: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.captcha .icon-sync {
    font-size: 20px;
    padding-bottom: 0.5rem;
    margin: 10px;
}

.tableCaption {
    margin-bottom: 3px;
}

.tableCaption, .modal-header {
    font-size: 17px;
    font-weight: 400;
}

    .tableCaption::first-letter, .modal-header::first-letter {
        font-size: 18px;
        /*font-weight: 500;*/
    }

.lableControl {
    font-weight: bold;
    font-size: 13px !important;
}

.appHeader {
    font-size: 24px;
    display: inline-block;
    top: -12px;
    position: relative;
    margin-top: 22px;
}

[class^="icon-"], [class*=" icon-"] {
    font-size: 1.35rem;
}

[type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #BDBDBD !important;
    border-color: #BDBDBD !important;
}

[type="checkbox"] + label {
    padding-left: 25px;
    height: 20px;
}

.active > i, .active > a > i {
    /*filter: brightness(150%);*/
}

button:focus {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    filter: brightness(115%);
}

.btn:hover, .btn-large:hover {
    /*filter: brightness(125%);*/
}

.modal.modal-fixed-footer .modal-footer {
    text-align: right;
}

.modal .modal-footer .btn, .modal .btn {
    min-width: 90px;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: none;
}

tfoot {
    display: table-header-group;
}

.toolbar {
    float: left;
}

.dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before, .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before {
    margin: 2px 5px;
}

.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child {
    white-space: inherit;
}

.left-alert input[type=text] + label:after,
.left-alert input[type=password] + label:after,
.left-alert input[type=email] + label:after,
.left-alert input[type=url] + label:after,
.left-alert input[type=time] + label:after,
.left-alert input[type=date] + label:after,
.left-alert input[type=datetime-local] + label:after,
.left-alert input[type=tel] + label:after,
.left-alert input[type=number] + label:after,
.left-alert input[type=search] + label:after,
.left-alert textarea.materialize-textarea + label:after {
    left: 0px;
}

.right-alert input[type=text] + label:after,
.right-alert input[type=password] + label:after,
.right-alert input[type=email] + label:after,
.right-alert input[type=url] + label:after,
.right-alert input[type=time] + label:after,
.right-alert input[type=date] + label:after,
.right-alert input[type=datetime-local] + label:after,
.right-alert input[type=tel] + label:after,
.right-alert input[type=number] + label:after,
.right-alert input[type=search] + label:after,
.right-alert textarea.materialize-textarea + label:after {
    right: 70px;
}

.dropify-wrapper .dropify-message p {
    text-align: center;
}

.card .card-image, .plans-container .card .card-image {
    position: initial;
}

.btn-flat {
    /*color: #7F33A7;*/
    padding: 0 15px;
}

input[type=text].valid, input[type=password].valid, input[type=email].valid, input[type=url].valid, input[type=time].valid, input[type=date].valid, input[type=datetime-local].valid, input[type=tel].valid, input[type=number].valid, input[type=search].valid, textarea.materialize-textarea.valid {
    border-bottom: 1px solid #9e9e9e;
    box-shadow: inherit;
}

input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.6);
}

.mySectionForm label {
    font-size: 13px !important;
    color: #333;
}

.mySectionForm input {
    color: inherit !important;
    margin-bottom: 0;
}

.myRow {
    margin-bottom: 0 !important;
}

td.no-before:before {
    content: none !important;
}

.dataTable [type="radio"] + label:before, .dataTable [type="radio"] + label:after {
    width: 12px;
    height: 12px;
}

[type="radio"] + label:before, [type="radio"] + label:after {
    width: 16px;
    height: 16px;
}

[type="radio"].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.55) !important;
    width: 16px;
    height: 16px;
}

[type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, 0.55) !important;
}

input[type=text]:disabled, input[type=text][readonly="readonly"],
input[type=password]:disabled, input[type=password][readonly="readonly"],
input[type=email]:disabled, input[type=email][readonly="readonly"],
input[type=url]:disabled, input[type=url][readonly="readonly"],
input[type=time]:disabled, input[type=time][readonly="readonly"],
input[type=date]:disabled, input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled, input[type=tel][readonly="readonly"],
input[type=number]:disabled, input[type=number][readonly="readonly"],
input[type=search]:disabled, input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]
 {
    color: rgba(0, 0, 0, 0.55);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
}

[type="radio"]:disabled + label {
    color: rgba(0, 0, 0, 0.55);
}

.btn.disabled {
    pointer-events: none;
}

/*#region name custom-checkbox materialize css*/
[type="checkbox"].filled-in:checked + label:before {
    /*width: 5px;
    height: 9px;
    left: 0px;*/
}

[type="checkbox"].filled-in:checked + label:after {
    /*width: 15px;
    height: 15px;
    border: 2px solid #26a69a;
    background-color: #26a69a;*/
}

[type="checkbox"].filled-in:not(:checked) + label:after {
    /*height: 15px;
    width: 15px;*/
}

[type="checkbox"] + label {
    /*height: 15px;*/
}
/*#endregion */

/*#region dev extreme select box */
.dx-widget, .dx-overlay-wrapper, .dx-theme-generic-typography {
    color: #333;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5;
    font-family: "Roboto", sans-serif !important;
    /*font-family: "Rubik", sans-serif !important;*/
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
}

.dx-texteditor-input {
    min-height: inherit;
}

.input-field .dx-dropdowneditor-icon {
    width: 27px;
    height: 27px;
}

.input-field .dx-dropdowneditor {
    border: none;
    margin-bottom: 15px;
}

    .input-field .dx-dropdowneditor .dx-dropdowneditor-button {
        width: inherit;
    }

    .input-field .dx-dropdowneditor .dx-texteditor-input {
        margin: 0;
    }

    .input-field .dx-dropdowneditor .dx-placeholder {
        font-size: inherit;
    }

        .input-field .dx-dropdowneditor .dx-placeholder:before {
            padding: 0 2px;
        }
/*#endregion */

/*#region custom-autocomplete materialize css */
.autocomplete-content {
    /*margin-top: -20px;*/
    display: block;
    opacity: 1;
    position: absolute;
}

    .autocomplete-content li .highlight {
        color: #444;
    }

    .autocomplete-content li img {
        height: 40px;
        width: 40px;
        margin: 5px 15px;
    }
/*#endregion */

.input-field div.error {
    position: relative;
    top: -8px;
    left: 0rem;
    font-size: 0.75rem;
    color: #F44336;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

select:disabled {
    color: rgba(0, 0, 0, 0.55);
}

.input-field > select {
    margin-bottom: 10px;
}

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=time], input[type=date], input[type=datetime-local], input[type=tel],
input[type=number], input[type=search], textarea.materialize-textarea {
    height: 2.5rem;
    margin-bottom: 10px;
}

.input-field label {
    top: 0.65rem;
}

    .input-field label.active {
        width: initial;
        -webkit-transform: translateY(-120%);
        -moz-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        -o-transform: translateY(-120%);
        transform: translateY(-120%);
        z-index: 1;
    }

/*#region inside Sweetalert */

.swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
    margin: 0.5em auto;
}

.swal2-popup .customTextArea {
    height: 9.75em !important;
}

.swal2-icon {
    margin: 0.25em auto 0.75em !important;
}

.swal2-popup .swal2-validationerror {
    margin: 5px -15px -5px;
}

.swal2-popup .swal2-title {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
}

.swal2-popup #swal2-content {
    color: #7d7d7d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.75rem;
}

.swal2-actions button {
    font-size: 13px !important;
    padding: 5px !important;
    min-width: 95px !important;
}

.swal2-textarea {
    resize: none;
}

.swal2-popup .swal2-textarea {
    font-size: 1em;
}

.zoomIn {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
/*#end region inside Sweetalert */

/*Cursor blinking in select box*/
.select-wrapper input.select-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/*#region inside page loader */

#custom-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1006;
}

    #custom-loader .loader-section {
        opacity: 0.45;
        width: 100%;
        position: fixed;
        top: 0;
        height: 100%;
        background: #000000;
        z-index: 1000;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.spinnerChild {
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 1005;
    position: absolute;
    top: 50%;
}

    .spinnerChild > div {
        width: 12px;
        height: 12px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1s infinite ease-in-out both;
    }

    .spinnerChild .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerChild .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*#endregion */

/*#region inside div loader */
.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
}

    .sk-circle .sk-child {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #fff;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*#endregion */


.notSupportSmlDeviceOverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 90px;
    z-index: 9;
    background-color: #fff;
}

.notSupportSmlDeviceOverlayText {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 30%;
    font-size: 25px;
    color: #0277bd;
}

.vatMainDivMask {
    width: 15px;
    margin: 0px 5px 0px 0px;
}

.vatMainDivText {
    margin-top: 7px;
    margin-right: 7px;
}


/*#region XDSOFT datetimepicker */
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    text-align: left;
}

.xdsoft_datetimepicker .xdsoft_label {
    font-weight: 500;
}

.xdsoft_datetimepicker {
    font-family: inherit;
}

    .xdsoft_datetimepicker .xdsoft_calendar th {
        font-weight: 500;
    }

    .xdsoft_datetimepicker .xdsoft_calendar td > div {
        padding: 0;
        /*width: 20px;*/
    }

    .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
        background: none;
        border: none;
        padding: 5px;
        height: 30px;
        text-align: center;
    }

    .xdsoft_datetimepicker .xdsoft_month {
        width: 90px;
        text-align: left;
        margin: 2px 2px 0px;
    }

    .xdsoft_datetimepicker .xdsoft_year {
        width: 50px;
        text-align: left;
        margin: 2px 2px;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
        right: 2px;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        top: 5px;
        max-height: 210px;
    }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
            font-weight: 500;
        }

.xdsoft_calendar table thead {
    border-bottom: none;
}
/*#end region XDSOFT datetimepicker */

.customPagingOverlay {
    position: absolute;
    width: 100%;
    height: 35px;
    top: 0;
    z-index: 999;
    background-color: #fff;
    opacity: 0.5;
    display: none;
}

.rowAction.disabled {
    color: #aeaeae !important;
    cursor: default;
}
.xpBlueBack {
    background-color: #0277bd !important;
    color: #fff !important;
}