/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 30px;
    padding-bottom: 10px;*/
    overflow-x: hidden;
    /*max-width: 1024px !important;*/
    /*font-size: .75rem;*/
    background-color: #f1f7fc;
    margin: 70px 0 0 0 !important;
    padding: 0;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    overflow-x: hidden;
    padding-left: 0px;
    padding-right: 0px;
    /*margin: 70px 10px 10px 10px !important;*/
    max-width: 100% !important;
    /*height:calc(100% - 75px);*/
}

.MEdiv {
    overflow-x: hidden !important;
    direction: rtl;
}

.content-title {
    font-size: 2rem;
    padding-top: 1rem;
    height: 4rem;
}

.navbar-toggler {
    font-size: 1.0rem !important;
}

 
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    left: 5px;
    width: 40px;
    display: none;
    /*border-radius: 25%;
    border: 2px solid #fff;*/
    color: white;
    background-color: rgb(108, 117, 125);
    opacity: 0.9;
    z-index: 10009;
}

    .back-to-top:Hover {
        background-color: white;
        color: black;
    }

.kpi {
    width: 100%;
    height: 450px;
}

@media screen and (max-width: 500px) {
    .kpi {
        width: 1600px !important;
        height: 750px
    }
}

.logindiv {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    margin-top: 20px !important;
}

.login-clean {
    max-width: 450px;
    width: 90%;
    margin: 20px auto;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 4px;
    color: #505e6c;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
/*.mycheckboxlist {
    max-height:200px !important;
        overflow-y:auto;
}*/
.iOSCheckBox {
    padding-left: 8px !important;
}

.gridBand {
    background-color: rgba(0, 0, 0, 0.03);
    color: #007bff;
}

.img-round {
    border-radius: 50%;
}

.margin-left-8{
    margin-left:8px;
}
.margin-top-4{
    margin-top:8px;
}

.mainnav {
    z-index: 1000;
    position: fixed !important;
    top: 0px;
    width: 100%;
    padding: 4px;
    /*height:45px;*/
}
.navbar-header {
    height:35px;
}

.btn-mainpage {
    width: 200px;
}

.footer-dark {
    margin: 0;
    font-family: Lato,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*color: #212529;*/
    text-align: left;
    padding: 8px 0;
    color: white;
    background-color: #282d32;
    width: 100%;
}

    .footer-dark .copyright {
        text-align: center;
        /*padding-top: 24px;*/
        opacity: 0.8;
        font-size: 13px;
        margin-bottom: 0;
        color: #ee7e20;
    }

        .footer-dark .copyright .copyrightaddress {
            color: white;
            opacity: 0.7;
        }

        .footer-dark .copyright a {
            color: white;
            opacity: 0.7;
        }


.footer-white {
    font-family: Lato,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*color: #212529;*/
    text-align: left;
    width: 100%;
}

    .footer-white .copyright {
        text-align: center;
        /*padding-top: 24px;*/
        font-size: 13px;
        margin-bottom: 0;
        color: black;
    }


.swal2-container {
    z-index: 10002 !important;
}

.mygrid .dxbs-popup {
    min-width: 60% !important; /* you can use custom width or different widths for different resolutions using media queries */
    min-height: 50% !important; /* you can use custom height or different heights for different resolution using media queries */
    margin: auto !important;
}

    /*@media (min-width: 576px) { 
    .modal-dialog {
        max-width:70% !important;
        margin: 1.75rem auto;
    }
}*/

    .mygrid .dxbs-popup .modal-content {
        /*max-height: 100%;  
    overflow-y: auto;  */
    }

/*.checkbox-list {
    width: 100% !important;
}

@media screen and (max-width: 500px) {
    .checkbox-list {
        width: 100% !important;
    }
    .checkbox-list > tbody > tr > td {
        /*width: 50% !important;
}
}*/

@media screen and (min-width: 768px) {
    .checkbox-list {
        width: 70% !important;
    }

        .checkbox-list > tbody > tr > td {
            /*width: 25% !important;*/
        }
}


.checkbox-list > tbody > tr > td {
    padding: 0 0 0 12px !important;
}



input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 4px 0px -1.25rem !important
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type=number] {
    -moz-appearance: textfield !important; /* Firefox */
}

/*.dxbs-icon-remove,*/
.dxbs-clear-btn {
    visibility: hidden !important;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/*.dx-dropdown-menu
{
    left:auto !important;
}*/
/*.fa-hand-point-down
{
    font-size:x-large !important;
}*/
/*/****************/
/* Signature */
/***************/
#signatureparent {
    color: darkblue;
    background-color: darkgrey;
    /*max-width:600px;*/
    padding: 10px;
}

/*This is the div within which the signature canvas is fitted*/
#signature {
    /*min-height: 200px;*/
    border: 2px dotted black;
    background-color: white;
}
/* Drawing the 'gripper' for touch-enabled devices */
html.touch #content {
    float: left;
    width: 92%;
}

html.touch #scrollgrabber {
    float: right;
    width: 4%;
    margin-right: 2%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
}

html.borderradius #scrollgrabber {
    border-radius: 1em;
}
/***************/

.dxbs-icon-angle-right::before {
    content: "\e002" !important;
}

.dxbs-icon-angle-left::before {
    content: "\e003" !important;
}

.dxbs-icon-backward::before {
    content: "\e030" !important;
}

.dxbs-icon-forward::before {
    content: "\e00c" !important;
}

.pad:before {
    content: "\f775";
    padding-left: 8px !important;
}

.inactivecell, .inactivecell > a.dxbs-hyperlink {
    /*color: red !important;*/
    font-style: italic !important;
    text-decoration: line-through !important;
}

mark, .mark {
    padding: 0.2em;
    background-color: #2fa4e769;
    font-weight: bold !important;
}

.form-check-label {
    margin-bottom: 0;
    padding-right: 20px;
}

.form-horizontal .dxbs-textbox input.form-control + .dxbs-feedback, .form-horizontal .dxbs-textbox .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-memo textarea.form-control + .dxbs-feedback, .form-horizontal .dxbs-memo .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-button-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-button-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-button-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-spin-edit input.form-control + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .dxbs-null-text + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .input-group input.form-control + .dxbs-feedback, .form-horizontal .dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-textbox input.form-control + .dxbs-feedback, .dxbs-textbox .dxbs-null-text + .dxbs-feedback, .dxbs-memo textarea.form-control + .dxbs-feedback, .dxbs-memo .dxbs-null-text + .dxbs-feedback, .dxbs-button-edit input.form-control + .dxbs-feedback, .dxbs-button-edit .dxbs-null-text + .dxbs-feedback, .dxbs-button-edit .input-group input.form-control + .dxbs-feedback, .dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-dropdown-edit input.form-control + .dxbs-feedback, .dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback, .dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback, .dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-spin-edit input.form-control + .dxbs-feedback, .dxbs-spin-edit .dxbs-null-text + .dxbs-feedback, .dxbs-spin-edit .input-group input.form-control + .dxbs-feedback, .dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback, .dxbs-tagbox .form-control .dxbs-feedback, .dxbs-tagbox .input-group .form-control .dxbs-feedback {
    right: unset !important;
    left: 8px !important;
}

.dxbs-binary-image .bin-img-text-panel, .dxbs-binary-image .bin-img-drope-zone {
    background-color: white !important;
}

:not(input).form-control, select[multiple].form-control, textarea.form-control {
    border-radius: 1em !important;
    padding: 8px !important;
}

.dxbs-memo {
    border-radius: 1em !important;
}

.dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:last-child) .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
}


.dxbs-input-cntr .form-control:not(.ltr):not(.noround) {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
    border-top-right-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
}

.dxbs-dropdown-edit input.form-control + .dxbs-feedback {
    right: calc(100% - 2rem) !important;
    left: 0px !important;
}


.dxbs-gridview[class~="rtl"] > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
    margin-top: 2px;
}


.dxbs-toolbar > .btn-group:not(:last-child) {
    margin-right: 0rem;
    margin-left: 0.2rem;
}

.dxbs-toolbar > .btn-group {
    margin-bottom: 0.2rem;
}

.dropdown-toggle {
    /*margin-top: 2px;*/
    /*max-height: 38px ;*/
}

    /*.dropdown-toggle:empty::after {
        margin-left: 0;
        margin-top: calc(100% );
    }*/
    .dropdown-toggle:not(.btn-maptype)::after {
        /*margin-top: 100%;*/
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: White !Important;
    background-color: #2FA4E7 !Important;
    border-color: #e6e6e6 !Important;
    text-decoration: none;
}

.btn-sm {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    /*border: 2px solid transparent;*/
    padding: 4px;
    margin: 6px 2px 2px 2px !important;
    width: 24px !important;
    color: #2FA4E7 !important;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary .btn-sm {
    /*color: black;*/
    background-color: white;
}

.progress {
    background-color: darkgrey !important;
}

.progress-text {
    font-size: .75rem;
}

/*.gmnoprint {
    background-color: transparent !important;
}*/
/*#mapholder > div > div > div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div:nth-child(1) > div {
    user-select: none;
    box-shadow: none !important;
    border-radius: 0px !important;
    cursor: pointer;
    background-color: transparent !important;
    width: 40px;
    height: 81px;
}*/

.mapframe {
    padding: 0 !important;
    margin: 0 !important;
}

.color-palette {
    clear: both;
    /*background-color: white !important;*/
}

.color-panel {
    /*background-color: white !important;*/
    margin: 8px;
    /*visibility:hidden !important;*/
}

.color-button {
    width: 18px;
    height: 18px;
    font-size: 0;
    margin: 2px;
    float: left;
    cursor: pointer;
}

.btn-clearall {
    background-color: white !important;
    width: 18px;
    height: 18px;
    font-size: 12pt;
    margin: 2px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.btn-map {
    /*, .gm-control-active, .gm-fullscreen-control, .gm-svpc {*/
    background-color: white !important;
    color: rgb(108, 117, 125) !important; /* for orig Bootstrap*/
    border: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    user-select: none;
    /*border-radius: 3em !important;*/
    height: 40px;
    width: 40px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    overflow: hidden;
    top: 0px;
    /*margin-right: 3px;*/
}


.btn-maptype {
    margin-left: 4px !important;
}

.maptoolbar {
    /*margin-left: 8px !important;*/
}

@media screen and (max-width: 500px) {
    .maptoolbar {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 500px) {
    #mapholder > div > div > div.gmnoprint.gm-style-mtc {
        margin: 40px 0 0 4px !important;
    }
}

#mapholder > div > div > div.gmnoprint.gm-style-mtc > div:nth-child(1) {
    font-size: small !important;
}

.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {
    font-size: 12px !important;
}

.btn-checked {
    color: White !Important;
    background-color: #2FA4E7 !Important;
    border-color: #e6e6e6;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: White !Important;
    background-color: #2FA4E7 !Important;
    border-color: #e6e6e6;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /*margin-bottom: 2px;*/
}

/*[class~="rtl"]*/
.input-group > .input-group-append:last-child > .btn:last-child {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 2px;
    /*for org bootstrap*/
    HEIGHT: AUTO;
    margin: 0 0 0 1px !important;
    /* */
}

.input-group > .input-group-append :not(:last-child) > .btn {
    border-top-left-radius: 0em !important;
    border-bottom-left-radius: 0em !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 2px;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /*for org bootstrap*/
    HEIGHT: AUTO;
    margin: 0 0 0 1px !important;
    /* */
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    /*padding:.1rem;*/
    clear: both;
    font-weight: 400;
    color: #3a383f;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dxbs-menu ul.flex-column > li > a > span.popout, .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout {
    transform: rotate(90deg);
    position: absolute;
    /* top: 0.2rem; */
    right: Calc(100% - 8px);
    /* left: 0.8em;*/
}

.dxbs-edit-btn[class~="dropdown-toggle"].dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    margin-top: 70%;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

select {
    border-radius: 1em !important;
    padding-right: 8px;
}

    select:focus {
        border: none !important;
    }

.select-div {
    border-radius: 1em !important;
}

.dx-dropdown-menu:not(.dxbs-popup-menu), .dropdown-menu:not(.dxbs-popup-menu) {
    /*right: unset !important;*/
    /*left: calc(-86.2%) !important;
    right: 0 !important;*/
    text-align: right;
    /*float:right !important;*/
    /*right: 0px;*/
    /*width: auto;*/
    /*left: -50px;*/
}

.dxbs-popup-menu {
    /*right: unset !important;*/
    text-align: right;
}

/*.dxbs-menu ul.flex-column > li > a > span.popout, .dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout, .dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout {
        transform: rotate(-90deg) !important; 
        position: absolute !important;
        left: 0.8em !important;
        right: 0px !important;
        top: calc(50% - 2px) !important;
    }*/

/*.dropdown-toggle {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}*/

.btn-secondary.dropdown-toggle, .multiselect-native-select {
    /*border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;*/
    margin-left: 0px;
}

.btn-secondary:hover {
    color: White !Important;
    background-color: #2FA4E7 !Important;
    border-color: #e6e6e6;
}


.btn-link[class~="icon-only"] {
    font-weight: 400;
    /*color: var(--dark);*/
    text-decoration: none;
    width: 10px !important;
    padding-left: 8px;
    border: none;
}

.btn-link {
    /*color: var(--dark);*/
}



.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 10px;
}

.panel {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.dxbs-toolbar > .btn-group > .btn > span.image:not(:last-child) {
    margin-left: 0.4em !important;
}

#map-container {
    padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
    width: 100%;
}

#Mymap-container {
    /*padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;*/
    margin: 0px !important;
    width: 100%;
    height: 100%;
}

.mymap {
    padding: 0px !important;
}


.nopadding {
    padding: 0px !important;
}

.row {
    padding: 0px !important;
    /*padding-top: 4px !important;*/
    /*margin-top:  4px !important;*/
    margin: 4px 0px 4px 0px !important;
}

.checkBoxList {
    max-height: 150px !important;
    height: auto !important;
    height: 150px !important;
}

input {
    /*padding-right: 10px !important;*/
    max-height: 38px;
}

.caret {
    margin-top: 100% !important;
}

.btn {
    /*min-height: 34px !important;*/
    /*max-height: 34px !important;*/
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /* comment for orig Bootstrap*/
    /*color: black;*/
}

.modal-header .close {
    padding: 0;
    margin: 0;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer !important;
    /*margin-top: 2px;
    margin-bottom: 2px;*/
}

.btn-group a {
    margin-top: 2px;
    margin-bottom: 2px;
}

.dxbs-gridview > .card .dxbs-table > thead > tr.dxbs-filter-row > td .btn-link:not(.btn-outline-primary) {
    color: rgb(47, 164, 232);
}


ul.multiselect-container.dropdown-menu.show {
    /*direction: rtl !important;*/
    /*float:right !important;*/
    /*left: -85px !important;*/
    right: 0px !important;
    transform: translate3d(8px, 40px, 0px) !important;
}

.multiselect-container > li > a > label {
    padding: 0px 4px 3px 4px !important;
    font-weight: bold !important;
    color: black !important;
}

label.checkbox {
}

.form-control {
    font-size: 18px !important;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 4px);
    /*padding: 0.375rem 1rem 0 3rem;*/
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2e2d33;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.noround {
    border-radius: 0 !important;
}

.form-control-feedback {
    visibility: collapse !important;
}

.form-control.is-invalid {
    background-position: center left calc(.375em + .1875rem);
}

/*.text-muted:before {
    content: "*";
    color: red;
}*/
.dxbs-fl .form-group label em {
    color: red !important;
}

.fl-items-captions {
    /*text-align: left;*/
    padding-left: 8px;
}

@media screen and (max-width: 500px) {
    .fl-items-captions {
        text-align: right;
        /*padding-left: 8px;*/
    }
}

.form-group-ltr {
    direction: ltr !important;
}

.checkbox.ltr input[type="checkbox"] {
    /*margin-left: -10px !important;*/
    /*text-align:left !important;*/
    /*direction:ltr !important;*/
    position: unset !important;
    margin-right: 0px !important
}

.WebDocViewer {
    /*z-index: 100004;*/
    margin-top: -20px;
    /*height:calc(100% - 150px);*/
}

.dxrd-menu-parameters-popup .dx-popup-content .dxrdp-parameters-mobile .dxrdp-parameters-buttons {
    left: 0 !important;
}

/*#coordsinfo {
    font-size: medium !important;
}*/

/*.navbar {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    /*background-color: #222222d1;
}*/


/*.navbar-header-rtl, navbar {
    direction: rtl !important;
}*/

.navbar-brand {
    display: inline-block;
    padding:0;
    margin-right: 0 !important;
    margin-left: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap;
}

.dxbs-search-panel {
    /*width: 300px !important;*/
    margin-right: 0px auto;
}

.card-header {
    direction: rtl !important;
    text-align: right !important;
    padding: .1rem !important;
}


/*.dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control {
     border-top-right-radius: 0; 
     border-bottom-right-radius: 0; 
}*/
/*.dxbs-gridview > .panel .panel-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control
 {
     padding-right:0px !important;
     z-index:1 !important;
     right:10px !important;
 }*/
/*.input-group .form-control {
    padding:0 !important ; 
}*/
.form-control-feedback {
    padding: 0 !important;
}

/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        padding: 0;
    }
}*/

.control-label {
    padding-left: 8px !important;
}


.ShadowedImg {
    border: thin;
    box-shadow: 0 20px 20px #333 !important;
}

.Ltr, .ltr {
    direction: ltr !important;
    text-align: left;
}

.Rtl, .rtl {
    direction: rtl !important;
    text-align: right;
}

.bg-white {
    background-color: white !important;
}

#ControlsDiv {
    /*background-color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    cursor: pointer;
    margin-bottom: 22px;
    text-align: center; 
    right: 8px !important;
    /*max-height:34px !important;*/
    margin: 10px !important;
}

#ControlsDivInterior {
    color: rgb(25,25,25);
    /*font-family: Roboto,Arial,sans-serif;
    font-size: 16px; 
    line-height: 28px;*/
    padding-left: 5px;
    padding-right: 5px;
    /*max-height: 34px !important;*/
}

/*.multiselect {
    max-height: 34px !important;
}*/

hr, .hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.CustomText-xlg {
    font-size: 20px !important;
}

.CustomText-lg {
    font-size: 18px !important;
}

.CustomText-md {
    font-size: 16px !important;
}

.CustomText-sm {
    font-size: 14px !important;
}

.CustomText-xsm {
    font-size: 11px !important;
}


.AmiriText-xsm {
    font-family: amiri,serif !important;
    font-size: 12px !important;
}

.AmiriText-sm {
    font-family: amiri,serif !important;
    font-size: 14px !important;
}

.AmiriText-xmd {
    font-family: amiri,serif !important;
    font-size: 16px !important;
}

.AmiriText-md {
    font-family: amiri, "serif !important";
    font-size: 16px !important;
}

.AmiriText-lg {
    font-family: amiri,serif !important;
    font-size: 22px !important;
}

.AmiriText-xlg {
    font-family: amiri,serif !important;
    font-size: 32px !important;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .AmiriText-xsm {
        font-family: amiri,serif !important;
        font-size: 14px !important;
    }

    .AmiriText-md {
        font-family: amiri,serif !important;
        font-size: 20px !important;
    }
}

.CairoText-sm {
    font-family: Cairo,serif !important;
    font-size: 14px !important;
}

.CairoText-md {
    font-family: Cairo,serif !important;
    font-size: 20px !important;
}

.CairoText-lg {
    font-family: Cairo,serif !important;
    font-size: 24px !important;
}

.CairoText-xlg {
    font-family: Cairo,serif !important;
    font-size: 32px !important;
}

.FontBold {
    font-weight: bold !important;
}


.progress-green {
    background-color: green !important;
}

.progress-red {
    background-color: red !important;
}

.progress-yellow {
    background-color: darkorange !important;
}

.progress-blue {
    background-color: #2FA4E7 !important;
}

.blue {
    color: #2FA4E7 !important;
}

.green {
    color: green !important;
}

.red {
    color: red !important;
}

.yellow {
    color: darkorange !important;
}

.danger {
    color: #f31b48 !important;
}

/********************************************************/
/*Animation*/
/********************************************************/
@keyframes bounceY {
    0% {
        -webkit-transform: translateY(-10px);
    }

    30% {
        -webkit-transform: translateY(-15px);
    }

    66% {
        -webkit-transform: translateY(-20px);
    }

    55%, 75%, 97%, 100% {
        transform: translateY(-20px);
    }
}

@-moz-keyframes bounceX {
    0% {
        -webkit-transform: translateY(-10px);
    }

    30% {
        -webkit-transform: translateY(-15px);
    }

    66% {
        -webkit-transform: translateY(-20px);
    }

    55%, 75%, 97%, 100% {
        transform: translateY(-20px);
    }
}

@-webkit-keyframes bounceX {
    0% {
        -webkit-transform: translateY(-10px);
    }

    30% {
        -webkit-transform: translateY(-15px);
    }

    66% {
        -webkit-transform: translateY(-20px);
    }

    55%, 75%, 97%, 100% {
        transform: translateY(-20px);
    }
}

.bounce {
    -webkit-animation-name: bounceX;
    animation-name: bounceX;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

.animatedOnce {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}


@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.flip {
    backface-visibility: visible !important;
    animation-name: flip;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}


@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    animation-name: rollIn;
}

.BillsList-animated {
    animation-duration: 6s;
    animation-fill-mode: both;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse;
}


@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}
/********************************************************/
/* Eend color-profile Animation*/
/********************************************************/

.dxbs-sc-toolbar .btn {
    white-space: nowrap;
}

.me-card-view > .card {
    border: 0;
    border-radius: inherit;
}

    .me-card-view > .card > .card-body {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

.me-card-view .page-link,
.me-card-view .form-control-plaintext,
.me-card-view .page-item.disabled .page-link {
    color: inherit;
}

.me-card-view .page-item.disabled .page-link {
    opacity: 0.3;
}

.me-card-view .page-item.active .page-link {
    background-color: rgba(0, 0, 0, 0.3);
}

.me-card-view-item {
    border: 0;
    box-shadow: none;
}

    .me-card-view-item .font-weight-light {
        opacity: 0.6;
    }

    .me-card-view-item .card-body {
        padding-left: 0;
        padding-right: 0;
    }

    .me-card-view-item .icon-me {
        font-size: 3rem;
        line-height: 3rem;
    }

.me-content {
    min-width: 0;
}

.me-content-title {
    font-size: 2rem;
    padding-top: 1rem;
    height: 4rem;
}

.me-widget-tab-control {
    padding-top: 0;
}

    .me-widget-tab-control.rotated-180 > ul.nav-tabs > li,
    .me-widget-tab-control.rotated-180 > ul.nav-tabs > li > a > * {
        transform: rotateX(180deg);
    }

    .me-widget-tab-control > ul.nav-tabs,
    .me-widget-tab-control > ul.nav-tabs > li {
        margin-bottom: 0;
    }

        .me-widget-tab-control > ul.nav-tabs > li > a > span {
            display: inline-block;
        }

    .me-widget-tab-control a.nav-link.active {
        background-color: transparent;
    }

.me-tab-container .me-tab-card .card {
    box-shadow: none;
    border: none;
    background-color: transparent;
    border-radius: 0;
}

.me-tab-container .me-tab-card.card {
    border: none;
}
/*dashboard - tabcontrols*/
@keyframes appearRTL {
    0% {
        transform: translateX(0%);
        visibility: hidden;
    }

    100% {
        transform: translateX(-100%);
        visibility: visible;
    }
}

@keyframes dissapearLTR {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        transform: translateX(0%);
        visibility: hidden;
    }
}

@keyframes appearLTR {
    0% {
        transform: translateX(-100%);
        visibility: hidden;
    }

    100% {
        transform: translateX(0%);
        visibility: visible;
    }
}

@keyframes dissapearRTL {
    0% {
        transform: translateX(0%);
        visibility: visible;
    }

    100% {
        transform: translateX(-100%);
        visibility: hidden;
    }
}

.me-tab-1,
.me-tab-2 {
    animation-fill-mode: both;
    animation-duration: 0.2s;
    animation-timing-function: ease;
    display: flex;
    min-width: 0;
}

    .me-tab-1 > div,
    .me-tab-2 > div {
        flex: 1 1 auto;
        min-width: 0;
    }

.me-widget-tab-control {
    display: none;
}
/*filtering*/
.me-row-filtering .dxbs-gridview > .card {
    border: 0;
}

@media (max-width: 991px) {
    .me-row-filtering .me-tab-2 {
        margin-right: -100%;
        visibility: hidden;
    }

    .me-row-filtering.me-tab-container {
        overflow: hidden;
    }

    .me-row-filtering .me-widget-tab-control {
        display: flex;
    }

    .me-row-filtering.me-tab-state-0-1 .me-tab-2 {
        animation-name: appearRTL;
    }

    .me-row-filtering.me-tab-state-1-0 .me-tab-2 {
        animation-name: dissapearLTR;
    }

    .me-row-filtering.me-tab-state-0-1 .me-tab-1 {
        animation-name: dissapearRTL;
    }

    .me-row-filtering.me-tab-state-1-0 .me-tab-1 {
        animation-name: appearLTR;
    }

    .me-row-filtering .me-tab-card {
        box-shadow: none;
        border: none;
        background-color: transparent;
        border-radius: 0;
    }
}

@media (min-width: 992px) {
    .me-row-filtering.card {
        box-shadow: none;
        border: none;
        background-color: transparent;
    }
}
/*calendar*/
.me-widget-area div.dxbs-calendar {
    border: none !important;
}

.me-calendar-weekend,
.me-calendar-day-header {
    color: inherit !important;
}

.me-calendar-day-header {
    opacity: 0.7;
}

@media(max-width: 767px) {
    .me-row-calendar .me-tab-2 {
        margin-right: -100%;
        visibility: hidden;
    }

    .me-row-calendar.me-tab-container {
        overflow: hidden;
    }

    .me-row-calendar .me-widget-tab-control {
        display: flex;
    }

    .me-row-calendar.me-tab-state-0-1 .me-tab-2 {
        animation-name: appearRTL;
    }

    .me-row-calendar.me-tab-state-1-0 .me-tab-2 {
        animation-name: dissapearLTR;
    }

    .me-row-calendar.me-tab-state-0-1 .me-tab-1 {
        animation-name: dissapearRTL;
    }

    .me-row-calendar.me-tab-state-1-0 .me-tab-1 {
        animation-name: appearLTR;
    }

    .me-row-calendar .me-tab-card {
        box-shadow: none;
        border: none;
        background-color: transparent;
        border-radius: 0;
    }
}

@media(min-width: 768px) {
    .me-row-calendar.card {
        box-shadow: none;
        border: none;
        background-color: transparent;
    }
}
/*header*/
.me-header-separator {
    position: absolute;
    top: 0;
    width: 100%;
    height: 5rem;
    z-index: 4;
}

.me-header-part {
    z-index: 5;
    min-height: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
}

.me-header-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem 1.5rem;
}

    .me-header-title > div {
        margin-top: -2px;
    }

    .me-header-title .icon-me-logo {
        margin-right: 1rem;
        font-size: 2rem;
        height: 100%;
        line-height: 100%;
        top: 2px;
        position: relative;
    }

    .me-header-title a {
        text-decoration: none;
        white-space: nowrap;
        color: inherit;
    }

    .me-header-title h4 {
        opacity: .78;
        line-height: 1.1;
        font-weight: 400;
        font-size: 0.8rem;
        font-family: 'Roboto', sans-serif;
    }

    .me-header-title h3 {
        line-height: 1.1;
        font-weight: bold;
        font-size: 1.9rem;
        font-family: 'Open Sans Condensed', sans-serif;
        margin-bottom: 0.2rem;
    }

.me-header-toolbar .icon-me {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 1px;
}

.me-header-toolbar .btn {
    white-space: nowrap;
    flex: 0 0 auto;
    clip-path: none !important;
}

    .me-header-toolbar .btn:not(.no-icon) {
        height: 3rem;
        width: 3rem;
        justify-content: space-around;
        align-self: center;
    }

.me-header-toolbar .dxbs-toolbar-custom {
    margin-right: auto;
}

.me-header-search .form-control {
    font-size: 0.9em;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    min-width: 200px;
    background-color: inherit;
    color: inherit;
}

    .me-header-search .form-control:not(:focus) {
        border-bottom-color: transparent;
    }

.me-header-user-info,
.me-header-user-info img {
    margin-left: 20px;
    height: 3rem;
    border-radius: 1.5rem !important;
}

    .me-header-user-info img {
        margin-left: 0px;
        padding: 0.5rem;
        width: 3rem;
    }

    .me-header-user-info.btn.dropdown-toggle {
        /*padding: 0 1.25rem 0 0;*/
        padding: 0 0 0 0;
    }


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


.me-header-toolbar .show-navigation {
    /*margin-right: auto;*/
    margin-left: auto;
}

.me-header-toolbar .me-item-wb {
    position: relative;
}

.me-header-toolbar .me-badge-floating {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    transform: translateX(25%) translateY(-25%);
    min-width: 1rem;
    height: 1rem;
    border-radius: 1rem;
}

    .me-header-toolbar .me-badge-floating span {
        margin: 0;
    }
/*me-side-navigation*/
.me-side-part {
    flex-flow: column nowrap;
}

.me-try-now-link {
    padding: 1rem 3.5rem;
    border-radius: 3rem;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    text-transform: uppercase;
    margin: 1rem 1.5rem 2rem;
    line-height: 1rem;
    justify-content: center;
}

.me-treeview {
    display: flex;
    direction: rtl !important;
}

.me-treeview-node .icon-me {
    font-size: 0.75rem;
    line-height: 0.75rem;
    order: 1;
    margin: 0;
}

.me-treeview-nodes {
    display: flex;
    flex: 1;
}

.me-treeview .me-treeview-node .nav-link {
    border-radius: 0;
    display: flex;
    /*padding: 0.25rem 1.5rem;*/
    /*justify-content: flex-end;*/
}

    .me-treeview .me-treeview-node .nav-link:not(.active):hover {
        background-color: #ebebeb;
    }

    .me-treeview .me-treeview-node .nav-link span:not(.icon-me) {
        min-width: 10rem;
        text-align: right;
    }

.me-treeview-nodes .me-treeview-nodes .me-treeview-node .nav-link:not(.active) span {
    opacity: 0.6;
}

.me-side-nav.me-side-nav-hidden {
    display: none !important;
}

.me-side-nav > div {
    transition: transform 0.5s ease;
    will-change: transform;
}

/*@media (max-width: 991px) {
    .me-side-nav > div {
        transform: translateX(-100%);
    }

    .me-side-nav.me-side-nav-shown > div {
        transform: translateX(0%);
    }

    .me-side-nav.me-side-nav-shown {
        position: fixed;
        display: flex !important;
        z-index: 1000;
        align-items: flex-start;
    }

        .me-side-nav.me-side-nav-shown:before {
            content: " ";
            background-color: #000;
            opacity: 0.3;
            position: absolute;
            z-index: -1;
        }

        .me-side-nav.me-side-nav-shown,
        .me-side-nav.me-side-nav-shown:before {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
}*/
/*hacks*/
/*.dxbs-content {
    flex-wrap: nowrap;
}*/

.me-header-toolbar > .btn-toolbar > div {
    flex: 1 1 auto;
}

.me-header-toolbar > .btn-toolbar > .dxbs-ta-ag {
    display: none;
}






/* Tooltip container */
.tooltip-main {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-weight: 700;
    background: #f3f3f3;
    border: 1px solid #737373;
    color: #737373;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    max-width: 236px !important;
    height: 76px;
    font-size: 12px;
    padding: 10px 15px 10px 20px;
    background: #FFFFFF;
    color: rgba(0, 0, 0,0.7);
    border: 1px solid #737373;
    text-align: left;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #f00;
    /* Red */
}
/* ///////////////////////////////*/


.dxc-chart text,
.dxc-tooltip text,
.dxc-chart .dxc-title > text {
    fill: currentColor;
}
/*header toolbar*/
.me-header-toolbar-settings.dropdown-toggle:after {
    display: none;
}

.me-header-toolbar-settings > span {
    margin: 0;
}

.icon-me-light-theme,
.icon-me-dark-theme {
    display: inline-flex;
}

    .icon-me-light-theme:before,
    .icon-me-light-theme:after,
    .icon-me-dark-theme:before,
    .icon-me-dark-theme:after {
        content: " ";
        display: inline-flex;
        width: 1rem;
        height: 1rem;
        border-radius: 0.5rem;
        box-shadow: 0 0.2rem 0.1rem rgba(0,0,0,.3);
        margin-right: 0.1rem;
        background-color: #ffffff;
    }

    .icon-me-dark-theme:before {
        background-color: #000000;
    }

    .icon-me-light-theme:after,
    .icon-me-dark-theme:after {
        background-color: #2FA4E7;
    }

.theme-light .me-area-highlight {
    background-color: white !important;
    min-width: 300px !important;
    min-height: 5rem !important;
}

.theme-dark .me-area-highlight {
    background-color: #161519;
}

.theme-dark .me-content .me-area-highlight {
    background-color: inherit;
}

.theme-dark .me-treeview .me-treeview-node .nav-link:not(.active):hover {
    color: #161519;
}

button.me-btn-custom-state.btn.btn-outline-secondary {
    background-color: transparent !important;
    color: inherit !important;
    position: relative;
    border: none !important;
}

    button.me-btn-custom-state.btn.btn-outline-secondary:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        left: 0;
    }

.me-loading-process .me-btn-custom-state:before {
    display: none;
}

button.me-btn-custom-state.btn.btn-outline-secondary.active-underline {
    box-shadow: none !important;
}

.me-btn-custom-state.active-underline:before {
    height: 3px;
    bottom: 0;
}

.me-btn-custom-state.active-underline:hover:before,
.me-btn-custom-state.active-underline:focus:before {
    background-color: currentColor;
    opacity: 0.1;
}

.me-btn-custom-state.active-underline.active:before,
.me-btn-custom-state.active-underline.active:hover:before {
    background-color: #2FA4E7;
    opacity: 1;
}

.me-btn-custom-state.active-highlight:before {
    top: 0;
    background-color: currentColor;
    opacity: 0;
    height: 100%;
    border-radius: inherit;
}

.theme-dark .me-btn-custom-state.active-highlight.idle-highlight:not(:hover):not(.active):before {
    opacity: 0.06;
}

.show > .me-btn-custom-state.active-highlight:before,
.me-btn-custom-state.active-highlight:focus:before,
.me-btn-custom-state.active-highlight:hover:before {
    opacity: 0.1;
}

.me-btn-custom-state.active-highlight.active:before {
    opacity: 0.2;
}

.me-btn-custom-state.active-highlight.active:hover:before {
    opacity: 0.3;
}

.me-calendar-today.me-calendar-selected {
    position: relative;
    z-index: 1;
}
/*scheduler*/
.me-scheduler-area {
    display: flex;
    overflow: auto;
    flex-flow: column nowrap;
    height: 100%;
    max-height: 100vh;
}

    .me-scheduler-area .me-tab-container {
        display: flex;
        flex-flow: column nowrap;
        height: calc(100% - 5rem);
    }

        .me-scheduler-area .me-tab-container > .row:first-child {
            flex: 1 1 auto;
        }

        .me-scheduler-area .me-tab-container > .row:last-child {
            flex: 0 0 auto;
            order: -1;
        }

    .me-scheduler-area .me-tab-1,
    .me-scheduler-area .me-tab-2,
    .me-scheduler-area .me-tab-1 > div,
    .me-scheduler-area .me-tab-2 > div {
        height: 100%;
    }

    .me-scheduler-area .dxbs-scheduler > div {
        display: flex;
        flex: 0 0 auto;
        flex-flow: column nowrap;
    }

        .me-scheduler-area .dxbs-scheduler > div:last-child {
            flex: 1 1 auto;
            overflow: auto;
        }

            .me-scheduler-area .dxbs-scheduler > div:last-child > .position-relative {
                display: flex;
                flex: 1 1 auto;
                flex-flow: column nowrap;
            }

                .me-scheduler-area .dxbs-scheduler > div:last-child > .position-relative > table,
                .me-scheduler-area .dxbs-scheduler > div:last-child > .position-relative > table > tbody > tr:last-child > td,
                .me-scheduler-area .dxbs-scheduler > div:last-child > .position-relative > table > tbody > tr:last-child > td > div {
                    height: 100%;
                }

    .me-scheduler-area .dxsc-rightTopCornerSys {
        width: 1px;
        overflow: scroll;
        visibility: hidden;
        display: table-cell;
    }

    .me-scheduler-area .me-resources-list {
        overflow: visible !important;
    }

.me-toast-container {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1200;
}

    .me-toast-container,
    .me-toast-container .toast {
        transition: opacity ease 0.3s, transform ease 0.3s, margin ease 0.3s;
        will-change: opacity;
    }

        .me-toast-container:empty {
            opacity: 0;
        }

        .me-toast-container .toast {
            margin: 1rem;
            height: 4rem;
            color: #ffffff;
            background-color: rgba(0,0,0,0.85);
        }

            .me-toast-container .toast:not(.show):not(.removing) {
                margin-bottom: -4rem;
            }

            .me-toast-container .toast.removing {
                transform: translateY(-100%) translateX(100%) scaleX(0.5) scaleY(0.5);
                opacity: 0;
            }

            .me-toast-container .toast + .toast {
                margin-top: 0;
            }

        .me-toast-container .toast-body span {
            text-transform: uppercase;
            font-weight: 500;
        }

            .me-toast-container .toast-body span:before,
            .me-toast-container .toast-body span:after {
                content: '"';
            }

        .me-toast-container .toast-header {
            border: 0;
            background-color: transparent;
            color: inherit;
            padding: 0.5rem 0.75rem 0.5rem 0.75rem
        }

            .me-toast-container .toast-header button.close {
                width: 1rem;
                height: 1rem;
                font-size: 1rem;
                opacity: 1;
                border-radius: 0.5em;
                background-color: #ff0000;
                color: #ffffff;
            }

        .me-toast-container .toast-body {
            padding: 0rem 0.75rem 0.5rem 0.75rem;
            font-size: 0.9em;
        }

.me-theme-switching,
.me-loading-process .me-widget-area {
    overflow: hidden;
    position: relative;
    box-shadow: none;
}

    .me-loading-process .me-widget-area:before {
        content: " ";
        background-color: inherit;
        border-radius: inherit;
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
    }

    .me-theme-switching:before {
        content: " ";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1300;
        background-color: white;
    }

@keyframes me-rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.me-theme-switching:after {
    content: " ";
    position: fixed;
    z-index: 1301;
    width: 4rem;
    height: 4rem;
    left: calc(50% - 2rem);
    top: calc(50% - 2rem);
    border-radius: 2rem;
    border: 0.25rem solid #2FA4E7;
    border-bottom-color: transparent;
    animation: me-rotation 2s linear infinite;
}

.theme-dark.me-theme-switching:before {
    background-color: #2e2d33;
}

.theme-light .me-header-toolbar .dropdown-item.checked {
    background-color: rgba(0,0,0,.1);
}

    .theme-light .me-header-toolbar .dropdown-item.checked:hover {
        background-color: rgba(0,0,0,.2);
    }

.theme-dark .me-header-toolbar .dropdown-item.checked {
    background-color: rgba(255,255,255,.1);
}

    .theme-dark .me-header-toolbar .dropdown-item.checked:hover {
        background-color: rgba(255,255,255,.2);
    }

.me-header-toolbar .dropdown-item .dxbs-check {
    margin-right: -1rem;
}

.me-header-toolbar .dropdown-header {
    font-size: 1em;
    color: inherit;
}

.me-gridview > .card > .card-body:last-child {
    padding: 0.5rem 1.25rem;
}

.me-content .card-header,
.me-content .dxbs-calendar .calendar-view > .card-header {
    background-color: transparent;
}

.me-content .dxbs-calendar .calendar-view > .card-header {
    padding: 0.5rem 0;
}

.overflow-vertical {
    /*overflow:auto !important;*/
    overflow-x: hidden;
}

/*.btn-secondary.dropdown-toggle {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}


.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}*/