/*------ font family section start -----*/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');*/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --tp-lightgray: #d0d3d5;
    --tp-bg-lightgrey: #e1e1e1;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*------ font family section end -----*/

html {
    margin: 0;
}

body {
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #f8f8f8;
    zoom: 80%;
    min-height: 100vh;
}


#main-wrapper {
    width: 100%;
}



.fa-fw,
.fa-li,
.wi-fw {
    text-align: center;
}

@font-face {
    font-family: "fontawesome";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
}

.fa-fw,
.fa-li,
.wi-fw {
    text-align: center;
}

.flag-icon,
.flag-icon-background {
    background-position: 50%;
    background-repeat: no-repeat;
}

.fa-chevron-down:before {
    content: "\f078";
}

pre,
textarea {
    overflow: auto;
}

.fa-stack,
.flag-icon,
.mdi-set,
.mdi:before,
.wi,
label,
output {
    display: inline-block;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled),
summary {
    cursor: pointer;
}

button,
hr,
input {
    overflow: visible;
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none;
}

.clearfix {
    overflow: auto;
    clear: both;
}

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}

.fa-stack,
img,
svg {
    vertical-align: middle;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    left: -2em;
    position: absolute;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.topbar .mega-dropdown .dropdown-menu,
button {
    border-radius: 0;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}


dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    margin: 0;
}

address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 0.5rem;
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    /*margin-bottom: .5rem;*/
    /*margin-bottom: .9rem;*/
    font-family: var(--bs-font-opensans-regular);
}

/*! * Weather Icons 2.0 * Updated August 1, 2015 * Weather themed icons for Bootstrap * Author - Erik Flowers - erik@helloerik.com * Email: erik@helloerik.com * Twitter: http://twitter.com/Erik_UX * ------------------------------------------------------------------------------ * Maintained at http://erikflowers.github.io/weather-icons * * License * ------------------------------------------------------------------------------ * - Font licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - CSS, SCSS and LESS are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Inspired by and works great as a companion with Font Awesome * "Font Awesome by Dave Gandy - http://fontawesome.io" */

.flag-icon-background {
    -webkit-background-size: contain;
    background-size: contain;
}

.flag-icon {
    width: 1.33333333em;
    line-height: 1em;
    -webkit-background-size: contain;
    background-size: contain;
}

    .flag-icon:before {
        content: "\00a0";
    }

.dropdown-menu .flag-icon {
    margin-right: 5px;
}

.mdi-set,
.mdi:before {
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
    display: block;
}

address,
legend {
    line-height: inherit;
}


.topbar {
    box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
    -o-box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
}

.material-card.card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

/*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:active {
    color: var(--bs-black);
    /*#525f7f*/
    background-color: var(--bs-white);
    border-color: var(--color);
    outline: 0;
    box-shadow: none;
}

.form-control::placeholder {
    color: #a6b3c1;
    /*#8898aa*/
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #525f7f;
    background-color: var(--bs-white);
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

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

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.09375rem;
    line-height: 1.5;
}

.col-form-label-sm,
.form-control-sm {
    font-size: .76563rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #313131;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-lg,
    .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    border-radius: 1px;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px;
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto;
}

.form-group {
    /*font-family: var(--bs-font-opensans-regular-bold);*/
    /*margin-bottom: 1rem;*/
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    display: block;
    font-family: var(--bs-font-opensans-regular-bold);
    padding-left: 0.3rem;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

    .form-check-input:disabled ~ .form-check-label {
        color: #8898aa;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
}

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

.invalid-tooltip,
.valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    border-radius: 2px;
    top: 100%;
    line-height: 1.5;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #2cd07e;
}

.valid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: var(--bs-white);
    background-color: rgba(44, 208, 126, .9);
}

.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid ~ .custom-control-label,
.form-check-input.is-valid ~ .form-check-label,
.was-validated .custom-control-input:valid ~ .custom-control-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #2cd07e;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #2cd07e;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cd07e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #2cd07e;
        box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .25);
    }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #2cd07e;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cd07e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat var(--bs-white);
}

    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: #2cd07e;
        box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .25);
    }

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #2cd07e;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #54db98;
    background-color: #54db98;
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .25);
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #2cd07e;
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #2cd07e;
    box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff5050;
}

.invalid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: var(--bs-white);
    background-color: rgba(255, 80, 80, .9);
}

.collapsing,
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative;
}

.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label,
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ff5050;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #ff5050;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5050' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff5050' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: #ff5050;
        box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .25);
    }

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #ff5050;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5050' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff5050' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat var(--bs-white);
}

.dropdown-menu,
.modal-content,
.popover,
.toast,
.toast-header {
    background-clip: padding-box;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #ff5050;
    box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .25);
}

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #ff5050;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #ff8383;
    background-color: #ff8383;
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .25);
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #ff5050;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #ff5050;
    box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%;
}

.btn {
    display: inline-block;
    color: #313131;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 16px;
    /*.875rem;*/
    line-height: 1.5;
    border-radius: 2px;
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    vertical-align: .255em;
    content: "";
}

@media (prefers-reduced-motion:reduce) {

    .btn,
    .form-control {
        transition: none;
    }
}

.btn:hover {
    color: #313131;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

    .btn:not(:disabled):not(.disabled).active:focus,
    .btn:not(:disabled):not(.disabled):active:focus {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08), inset 0 3px 5px rgba(0, 0, 0, .125);
    }

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: var(--bs-white);
    background-color: #707cd2;
    border-color: #707cd2;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-primary:hover {
        color: var(--bs-white);
        background-color: #5361c9;
        border-color: #4958c6;
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(133, 144, 217, .5);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: var(--bs-white);
        background-color: #4958c6;
        border-color: #4050c3;
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(133, 144, 217, .5);
        }

.btn-secondary {
    color: var(--bs-white);
    background-color: #8898aa;
    border-color: #8898aa;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-secondary:hover {
        color: var(--bs-white);
        background-color: #72859a;
        border-color: #6a7e95;
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(154, 167, 183, .5);
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: var(--bs-white);
        background-color: #8898aa;
        border-color: #8898aa;
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: var(--bs-white);
        background-color: #6a7e95;
        border-color: #65788d;
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(154, 167, 183, .5);
        }

.btn-success {
    color: var(--bs-black);
    /*background-color:#2cd07e;
  border-color:#2cd07e;
  box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)*/
}

    .btn-success:hover {
        color: var(--color);
        /*background-color:#25b06b;
  border-color:#23a665*/
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(241, 90, 45, .5);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: var(--bs-black);
        /*background-color:#2cd07e;
  border-color:#2cd07e*/
    }

    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        color: var(--bs-black);
        /*background-color:#23a665;
  border-color:#219b5e*/
    }

        .btn-success:not(:disabled):not(.disabled).active:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(241, 90, 45, .5);
            color: var(--color);
        }

.btn-info {
    color: var(--bs-white);
    background-color: var(--color);
    border-color: var(--color);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-info:hover {
        color: var(--bs-white);
        background-color: #1b97cd;
        border-color: #1a8fc2;
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(76, 184, 231, .5);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: var(--bs-white);
        background-color: var(--color);
        border-color: var(--color);
    }

    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        color: var(--bs-white);
        background-color: #1a8fc2;
        border-color: #1886b7;
    }

        .btn-info:not(:disabled):not(.disabled).active:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(76, 184, 231, .5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-warning:hover {
        color: #212529;
        background-color: #ffb347;
        border-color: #ffae3a;
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(222, 171, 99, .5);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffae3a;
        border-color: #ffa92d;
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(222, 171, 99, .5);
        }

.btn-touchpoint {
    color: var(--bs-white);
    font-size: 13px;
    /*font-style:bold;*/
    background-color: var(--color) !important;
    border-color: var(--color);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 5px;
    margin-top: 10px;
    /*margin-bottom: 0px !important;
  padding: 10px !important;*/
}

    .btn-touchpoint:hover {
        color: var(--bs-white);
        background-color: var(--color);
        border-color: var(--color);
    }

.btn-danger {
    color: var(--bs-white);
    background-color: #ff5050;
    border-color: #ff5050;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    vertical-align: text-bottom;
}

    .btn-danger:hover {
        color: var(--bs-white);
        background-color: #ff2a2a;
        border-color: #ff1d1d;
    }

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(255, 106, 106, .5);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: var(--bs-white);
        background-color: #ff5050;
        border-color: #ff5050;
    }

    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        color: var(--bs-white);
        background-color: #ff1d1d;
        border-color: #ff1010;
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 106, 106, .5);
        }

.btn-light {
    color: #212529;
    background-color: #f7fafc;
    border-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-light:hover {
        color: #212529;
        background-color: #dbe9f2;
        border-color: #d2e3ee;
    }

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(215, 218, 220, .5);
    }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #212529;
        background-color: #f7fafc;
        border-color: #f7fafc;
    }

    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #d2e3ee;
        border-color: #c9ddeb;
    }

        .btn-light:not(:disabled):not(.disabled).active:focus,
        .btn-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(215, 218, 220, .5);
        }

.btn-dark {
    color: var(--bs-white);
    background-color: #313131;
    border-color: #313131;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-dark:hover {
        color: var(--bs-white);
        background-color: #1e1e1e;
        border-color: #181818;
    }

    .btn-dark.focus,
    .btn-dark:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(80, 80, 80, .5);
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: var(--bs-white);
        background-color: #313131;
        border-color: #313131;
    }

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        color: var(--bs-white);
        background-color: #181818;
        border-color: #111;
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(80, 80, 80, .5);
        }

.btn-cyan {
    color: #212529;
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-cyan:hover {
        color: var(--bs-white);
        background-color: #2ab7f5;
        border-color: #1eb2f5;
    }

    .btn-cyan.focus,
    .btn-cyan:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(72, 171, 216, .5);
    }

    .btn-cyan.disabled,
    .btn-cyan:disabled {
        color: #212529;
        background-color: #4fc3f7;
        border-color: #4fc3f7;
    }

    .btn-cyan:not(:disabled):not(.disabled).active,
    .btn-cyan:not(:disabled):not(.disabled):active,
    .show > .btn-cyan.dropdown-toggle {
        color: var(--bs-white);
        background-color: #1eb2f5;
        border-color: #12aef4;
    }

        .btn-cyan:not(:disabled):not(.disabled).active:focus,
        .btn-cyan:not(:disabled):not(.disabled):active:focus,
        .show > .btn-cyan.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(72, 171, 216, .5);
        }

.btn-orange {
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-orange:hover {
        color: #212529;
        background-color: #ffb347;
        border-color: #ffae3a;
    }

    .btn-orange.focus,
    .btn-orange:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(222, 171, 99, .5);
    }

    .btn-orange.disabled,
    .btn-orange:disabled {
        color: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

    .btn-orange:not(:disabled):not(.disabled).active,
    .btn-orange:not(:disabled):not(.disabled):active,
    .show > .btn-orange.dropdown-toggle {
        color: #212529;
        background-color: #ffae3a;
        border-color: #ffa92d;
    }

        .btn-orange:not(:disabled):not(.disabled).active:focus,
        .btn-orange:not(:disabled):not(.disabled):active:focus,
        .show > .btn-orange.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(222, 171, 99, .5);
        }

.btn-purple {
    color: var(--bs-white);
    background-color: #707cd2;
    border-color: #707cd2;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-purple:hover {
        color: var(--bs-white);
        background-color: #5361c9;
        border-color: #4958c6;
    }

    .btn-purple.focus,
    .btn-purple:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(133, 144, 217, .5);
    }

    .btn-purple.disabled,
    .btn-purple:disabled {
        color: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

    .btn-purple:not(:disabled):not(.disabled).active,
    .btn-purple:not(:disabled):not(.disabled):active,
    .show > .btn-purple.dropdown-toggle {
        color: var(--bs-white);
        background-color: #4958c6;
        border-color: #4050c3;
    }

        .btn-purple:not(:disabled):not(.disabled).active:focus,
        .btn-purple:not(:disabled):not(.disabled):active:focus,
        .show > .btn-purple.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(133, 144, 217, .5);
        }

.btn-inverse {
    color: var(--bs-white);
    background-color: #4c5667;
    border-color: #4c5667;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-inverse:hover {
        color: var(--bs-white);
        background-color: #3c4451;
        border-color: #363d4a;
    }

    .btn-inverse.focus,
    .btn-inverse:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(103, 111, 126, .5);
    }

    .btn-inverse.disabled,
    .btn-inverse:disabled {
        color: var(--bs-white);
        background-color: #4c5667;
        border-color: #4c5667;
    }

    .btn-inverse:not(:disabled):not(.disabled).active,
    .btn-inverse:not(:disabled):not(.disabled):active,
    .show > .btn-inverse.dropdown-toggle {
        color: var(--bs-white);
        background-color: #363d4a;
        border-color: #313742;
    }

        .btn-inverse:not(:disabled):not(.disabled).active:focus,
        .btn-inverse:not(:disabled):not(.disabled):active:focus,
        .show > .btn-inverse.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(103, 111, 126, .5);
        }

.btn-outline-primary {
    color: #707cd2;
    border-color: #707cd2;
}

    .btn-outline-primary:hover {
        color: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(112, 124, 210, .5);
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #707cd2;
        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: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(112, 124, 210, .5);
        }

.btn-outline-secondary {
    color: #8898aa;
    border-color: #8898aa;
}

    .btn-outline-secondary:hover {
        color: var(--bs-white);
        background-color: #8898aa;
        border-color: #8898aa;
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(136, 152, 170, .5);
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #8898aa;
        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: var(--bs-white);
        background-color: #8898aa;
        border-color: #8898aa;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(136, 152, 170, .5);
        }

.btn-outline-success {
    color: #2cd07e;
    border-color: #2cd07e;
}

    .btn-outline-success:hover {
        color: var(--bs-white);
        background-color: #2cd07e;
        border-color: #2cd07e;
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .5);
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #2cd07e;
        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: var(--bs-white);
        background-color: #2cd07e;
        border-color: #2cd07e;
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .btn-outline-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(44, 208, 126, .5);
        }

.btn-outline-info {
    color: var(--color);
    border-color: var(--color);
}

    .btn-outline-info:hover {
        color: var(--bs-white);
        background-color: var(--color);
        border-color: var(--color);
    }

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(44, 171, 227, .5);
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: var(--color);
        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: var(--bs-white);
        background-color: var(--color);
        border-color: var(--color);
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(44, 171, 227, .5);
        }

.btn-outline-warning {
    color: #ffc36d;
    border-color: #ffc36d;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 195, 109, .5);
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #ffc36d;
        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: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 195, 109, .5);
        }

.btn-outline-danger {
    color: #ff5050;
    border-color: #ff5050;
}

    .btn-outline-danger:hover {
        color: var(--bs-white);
        background-color: #ff5050;
        border-color: #ff5050;
    }

    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .5);
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #ff5050;
        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: var(--bs-white);
        background-color: #ff5050;
        border-color: #ff5050;
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 80, 80, .5);
        }

.btn-outline-light {
    color: #f7fafc;
    border-color: #f7fafc;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f7fafc;
        border-color: #f7fafc;
    }

    .btn-outline-light.focus,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(247, 250, 252, .5);
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #f7fafc;
        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: #212529;
        background-color: #f7fafc;
        border-color: #f7fafc;
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(247, 250, 252, .5);
        }

.btn-outline-dark {
    color: #313131;
    border-color: #313131;
}

    .btn-outline-dark:hover {
        color: var(--bs-white);
        background-color: #313131;
        border-color: #313131;
    }

    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(49, 49, 49, .5);
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #313131;
        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: var(--bs-white);
        background-color: #313131;
        border-color: #313131;
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(49, 49, 49, .5);
        }

.btn-outline-cyan {
    color: #4fc3f7;
    border-color: #4fc3f7;
}

    .btn-outline-cyan:hover {
        color: #212529;
        background-color: #4fc3f7;
        border-color: #4fc3f7;
    }

    .btn-outline-cyan.focus,
    .btn-outline-cyan:focus {
        box-shadow: 0 0 0 .2rem rgba(79, 195, 247, .5);
    }

    .btn-outline-cyan.disabled,
    .btn-outline-cyan:disabled {
        color: #4fc3f7;
        background-color: transparent;
    }

    .btn-outline-cyan:not(:disabled):not(.disabled).active,
    .btn-outline-cyan:not(:disabled):not(.disabled):active,
    .show > .btn-outline-cyan.dropdown-toggle {
        color: #212529;
        background-color: #4fc3f7;
        border-color: #4fc3f7;
    }

        .btn-outline-cyan:not(:disabled):not(.disabled).active:focus,
        .btn-outline-cyan:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-cyan.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(79, 195, 247, .5);
        }

.btn-outline-orange {
    color: #ffc36d;
    border-color: #ffc36d;
}

    .btn-outline-orange:hover {
        color: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

    .btn-outline-orange.focus,
    .btn-outline-orange:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 195, 109, .5);
    }

    .btn-outline-orange.disabled,
    .btn-outline-orange:disabled {
        color: #ffc36d;
        background-color: transparent;
    }

    .btn-outline-orange:not(:disabled):not(.disabled).active,
    .btn-outline-orange:not(:disabled):not(.disabled):active,
    .show > .btn-outline-orange.dropdown-toggle {
        color: #212529;
        background-color: #ffc36d;
        border-color: #ffc36d;
    }

        .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
        .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-orange.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 195, 109, .5);
        }

.btn-outline-purple {
    color: #707cd2;
    border-color: #707cd2;
}

    .btn-outline-purple:hover {
        color: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

    .btn-outline-purple.focus,
    .btn-outline-purple:focus {
        box-shadow: 0 0 0 .2rem rgba(112, 124, 210, .5);
    }

    .btn-outline-purple.disabled,
    .btn-outline-purple:disabled {
        color: #707cd2;
        background-color: transparent;
    }

    .btn-outline-purple:not(:disabled):not(.disabled).active,
    .btn-outline-purple:not(:disabled):not(.disabled):active,
    .show > .btn-outline-purple.dropdown-toggle {
        color: var(--bs-white);
        background-color: #707cd2;
        border-color: #707cd2;
    }

        .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
        .btn-outline-purple:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-purple.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(112, 124, 210, .5);
        }

.btn-outline-inverse {
    color: #4c5667;
    border-color: #4c5667;
}

    .btn-outline-inverse:hover {
        color: var(--bs-white);
        background-color: #4c5667;
        border-color: #4c5667;
    }

    .btn-outline-inverse.focus,
    .btn-outline-inverse:focus {
        box-shadow: 0 0 0 .2rem rgba(76, 86, 103, .5);
    }

    .btn-outline-inverse.disabled,
    .btn-outline-inverse:disabled {
        color: #4c5667;
        background-color: transparent;
    }

    .btn-outline-inverse:not(:disabled):not(.disabled).active,
    .btn-outline-inverse:not(:disabled):not(.disabled):active,
    .show > .btn-outline-inverse.dropdown-toggle {
        color: var(--bs-white);
        background-color: #4c5667;
        border-color: #4c5667;
    }

        .btn-outline-inverse:not(:disabled):not(.disabled).active:focus,
        .btn-outline-inverse:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-inverse.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(76, 86, 103, .5);
        }

.btn-link {
    color: #707cd2;
}

    .btn-link:hover {
        color: #3b4abb;
    }

    .btn-link.focus,
    .btn-link:focus {
        box-shadow: none;
    }

    .btn-link.disabled,
    .btn-link:disabled {
        color: #8898aa;
        pointer-events: none;
    }

.btn-group-lg > .btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 1px;
}

.btn-block {
    display: block;
}

    .btn-block + .btn-block {
        margin-top: .5rem;
    }

.fade {
    transition: opacity .15s linear;
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    transition: height .35s ease;
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none;
    }
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 5rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #313131;
    text-align: left;
    background-color: var(--bs-white);
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 0 0 10px 10px;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

@media (min-width:1600px) {
    .dropdown-menu-xlg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xlg-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after {
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-right: 0;
    border-left: .3em solid;
    vertical-align: 0;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem;
}

.dropleft .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    border-right: .3em solid;
    vertical-align: 0;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0 0;
    overflow: hidden;
    border-top: 1px solid #f7fafc;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn,
.custom-control-label,
.custom-file,
.dropdown-header,
.input-group-text,
.nav {
    margin-bottom: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 1.65rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after,
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child),
.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    background-color: #f8f8f8;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-white) !important;
    text-decoration: none;
    background-color: var(--color) !important;
    padding-top: 5px;
}

.profile-cont:hover {
    color: var(--bs-white) !important;
    background-color: var(--color) !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #8898aa;
    pointer-events: none;
    background-color: transparent;
}

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

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    font-size: .76563rem;
    color: #8898aa;
}

.dropdown-item-text {
    display: block;
    padding: .65rem 1rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus,
        .btn-group > .btn:hover {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem;
}

    .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after {
        margin-left: 0;
    }

.input-group-append,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text,
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
    margin-left: -1px;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem;
}

.btn-group.show .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

    .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none;
    }

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn-group:not(:first-child),
        .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn,
        .btn-group-vertical > .btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .custom-file,
    .input-group > .custom-select,
    .input-group > .form-control,
    .input-group > .form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
        .input-group > .custom-select:focus,
        .input-group > .form-control:focus {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

.input-group-append,
.input-group-prepend {
    display: flex;
}

    .input-group-append .btn,
    .input-group-prepend .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-append .btn:focus,
        .input-group-prepend .btn:focus {
            z-index: 3;
        }

.input-group-prepend {
    /*margin-right: 7px;*/
    height: 42px !important;
}

.date-picker-sec .input-group {
    flex-wrap: nowrap;
    width: 99% !important;
    position: relative;
}

.date-picker-sec .input-group-append {
    width: 40px;
    height: 38px;
    cursor: pointer;
}

.date-picker-sec .form-group {
    width: 100%;
}

.date-picker-sec i {
    color: var(--color);
}

.nav,
.navbar {
    flex-wrap: wrap;
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0;
}

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px;
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px);
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 1px;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.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;
    border-bottom-right-radius: 0;
}

.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: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: var(--bs-white);
        border-color: var(--color);
        background-color: var(--color);
        box-shadow: none;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none, none;
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgba(0, 0, 0, .25);
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: var(--bs-white);
        background-color: var(--bs-black);
        border-color: var(--bs-black);
        box-shadow: none;
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #8898aa;
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef;
        }

.custom-control-label {
    position: relative;
    vertical-align: top;
}

    .custom-control-label::after,
    .custom-control-label::before {
        position: absolute;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
    }

    .custom-control-label::before {
        pointer-events: none;
        background-color: var(--bs-white);
        border: 1px solid #adb5bd;
        box-shadow: none;
    }

    .custom-control-label::after {
        background: 50%/50% 50% no-repeat;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: var(--color);
    background-color: var(--color);
    box-shadow: none;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(112, 124, 210, .5);
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem;
    }

    .custom-switch .custom-control-label::after {
        top: calc(.15625rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--bs-white);
    transform: translateX(.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(112, 124, 210, .5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #525f7f;
    vertical-align: middle;
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat var(--bs-white);
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: none;
}

    .custom-select:focus {
        border-color: rgba(0, 0, 0, .25);
        outline: 0;
        box-shadow: none, transparent;
    }

        .custom-select:focus::-ms-value {
            color: #525f7f;
            background-color: var(--bs-white);
        }

    .custom-file-input:disabled ~ .custom-file-label,
    .custom-select:disabled {
        background-color: #e9ecef;
    }

    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #8898aa;
    }

    .custom-select::-ms-expand {
        display: none;
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .76563rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.09375rem;
}

.custom-file,
.custom-file-input,
.custom-file-label {
    height: calc(1.5em + .75rem + 2px);
}

.custom-file {
    position: relative;
    display: table;
    width: 100%;
    height: 42px;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0;
}

.custom-file-label,
.custom-file-label::after {
    position: absolute;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #525f7f;
    top: 0;
    right: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: rgba(0, 0, 0, .25);
    box-shadow: none;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    left: 0;
    z-index: 1;
    font-weight: 400;
    background-color: var(--bs-white);
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: none;
}

    .custom-file-label::after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: 41px !important;
        content: "Browse";
        background-color: #f7fafc;
        border: inherit;
        border-radius: 0 2px 2px 0;
        color: var(--bs-black);
    }

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .custom-range:focus {
        outline: 0;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #edf1f5, none;
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #edf1f5, none;
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #edf1f5, none;
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: var(--color);
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        appearance: none;
    }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #caeaf8;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--color);
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #caeaf8;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: var(--color);
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #caeaf8;
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    padding-left: 0;
}

.nav-link,
.navbar {
    padding-left: 0px;
}

.nav-link {
    display: block;
}

    .nav-link.disabled {
        color: #8898aa;
        pointer-events: none;
        cursor: default;
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #8898aa;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: #525f7f;
            background-color: var(--bs-white);
            border-color: #dee2e6 #dee2e6 var(--bs-white);
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 2px;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: var(--bs-white);
        background-color: var(--color);
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /*margin: auto;*/
    height: 100px;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: .33594rem;
    padding-bottom: .33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    /*margin: 22px 0px !important;*/
    height: 56px;
}

/*.otherclass .navbar-brand {
  margin: 30px 0px !important;
}*/

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-collapse {
    flex-basis: content;
    flex-grow: 1;
    align-items: center;
    width: 33% !important;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center no-repeat;
    background-size: 100% 100%;
}

@media (max-width:575.98px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width:767.98px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width:991.98px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:992px) {
    .rhs {
        padding-right: 1px;
    }

    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap;
        }

        /*.navbar-expand-lg .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
      }*/

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

@media (max-width:1599.98px) {

    .navbar-expand-xlg > .container,
    .navbar-expand-xlg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:1600px) {
    .navbar-expand-xlg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xlg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xlg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xlg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-xlg > .container,
        .navbar-expand-xlg > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-xlg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xlg .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .6);
}

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3);
    }

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, .9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.6)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .6);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:focus,
    .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, .9);
    }

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: var(--bs-white);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .9);
}

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: var(--bs-white);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .25);
    }

    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: var(--bs-white);
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .9);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:focus,
    .navbar-dark .navbar-text a:hover {
        color: var(--bs-white);
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    /*min-width: 0;*/
    word-wrap: break-word;
    background-color: var(--bs-white);
    background-clip: border-box;
    border: 1px solid var(--tp-lightgray);
    /*box-shadow: 0px 3px 3px #e4e4e4;*/
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    /*overflow:hidden;*/
}

.card-facilities {
    padding: 15px 10px 0px 3px;
}

.search-box-widg {
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--bs-white);
    background-clip: border-box;
    border: 1px solid var(--tp-lightgray);
    /*box-shadow: 0px 3px 3px #e4e4e4;*/
    border-radius: 0;
    width: 100%;
}

.search-box-widg {
    margin-bottom: 0px;
    margin-top: 0px;
}

.card-widg {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--bs-white);
    background-clip: border-box;
    border: 1px solid var(--tp-lightgray);
    /*box-shadow: 0px 3px 3px #e4e4e4;*/
    border-radius: 0;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: 0.5rem;
}

.card-footer,
.card-header {
    /*padding:.75rem 1.57rem;
  background-color:rgba(0,0,0,.03)*/
}

.card-title {
    margin-bottom: .75rem;
}

.card-header,
.card-subtitle,
.card-text:last-child {
    margin-bottom: 0;
}

.card-subtitle {
    margin-top: -.375rem;
}

.card-link + .card-link {
    margin-left: 1.57rem;
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.785rem;
    margin-left: -.785rem;
}

.card-header {
    border-bottom: 0 solid transparent;
}

    .card-header:first-child {
        border-radius: calc(0px - 0px) calc(0px - 0px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    border-top: 0 solid transparent;
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0px - 0px) calc(0px - 0px);
    }

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.alert,
.btn .badge,
.page-link {
    position: relative;
}

.card-img {
    width: 100%;
    border-radius: calc(0px - 0px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0px - 0px);
    border-top-right-radius: calc(0px - 0px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0px - 0px);
    border-bottom-left-radius: calc(0px - 0px);
}

.card-deck {
    display: flex;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group {
    display: flex;
    flex-direction: column;
}

    .card-group > .card {
        margin-bottom: 15px;
    }

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-header,
                .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-footer,
                .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-header,
                .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-footer,
                .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.card-columns .card {
    margin-bottom: .75rem;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}

.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.breadcrumb,
.pagination {
    border-radius: 2px;
    list-style: none;
    margin-right: 3px;
}

.accordion > .card .card-header {
    margin-bottom: 0;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1.5rem;
    background-color: #edf1f5;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #8898aa;
        content: "/";
    }

.breadcrumb-item.active {
    color: #8898aa;
}

.pagination {
    display: flex;
    padding-left: 0;
    font-family: var(--bs-font-opensans-regular-bold);
}

.page-link,
.popover-body,
.popover-header {
    padding: .5rem .75rem;
}

.page-link {
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #8898aa;
    background-color: var(--bs-white);
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0071bf;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: none;
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page-item.active .page-link {
    z-index: 1;
    color: var(--bs-white);
    background-color: var(--color);
    border-color: var(--color);
}

.page-item.disabled .page-link {
    color: #8898aa;
    pointer-events: none;
    cursor: auto;
    background-color: var(--bs-white);
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
}

.badge,
.close {
    line-height: 1;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.badge {
    display: inline-block;
    padding: .35em .7em;
    font-size: 73%;
    text-align: center;
    vertical-align: baseline;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.alert-link,
.close {
    font-weight: 700;
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none;
    }
}

.badge:empty {
    display: none;
}

.btn .badge {
    top: -1px;
}

.badge-pill {
    padding-right: .7em;
    padding-left: .7em;
    border-radius: 10rem;
}

.badge-primary {
    color: var(--bs-white);
    background-color: #707cd2;
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: var(--bs-white);
    background-color: #4958c6;
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(112, 124, 210, .5);
}

.badge-secondary {
    color: var(--bs-white);
    background-color: #8898aa;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: var(--bs-white);
    background-color: #6a7e95;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(136, 152, 170, .5);
}

.badge-success {
    color: var(--bs-white);
    background-color: #2cd07e;
}

a.badge-success:focus,
a.badge-success:hover {
    color: var(--bs-white);
    background-color: #23a665;
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(44, 208, 126, .5);
}

.badge-info {
    color: var(--bs-white);
    background-color: var(--color);
}

a.badge-info:focus,
a.badge-info:hover {
    color: var(--bs-white);
    background-color: #1a8fc2;
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(44, 171, 227, .5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc36d;
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #ffae3a;
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 195, 109, .5);
}

.badge-danger {
    color: var(--bs-white);
    background-color: #ff5050;
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: var(--bs-white);
    background-color: #ff1d1d;
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 80, 80, .5);
}

.badge-light {
    color: #212529;
    background-color: #f7fafc;
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #d2e3ee;
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(247, 250, 252, .5);
}

.badge-dark {
    color: var(--bs-white);
    background-color: #313131;
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: var(--bs-white);
    background-color: #181818;
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(49, 49, 49, .5);
}

.badge-cyan {
    color: #212529;
    background-color: #4fc3f7;
}

a.badge-cyan:focus,
a.badge-cyan:hover {
    color: #212529;
    background-color: #1eb2f5;
}

a.badge-cyan.focus,
a.badge-cyan:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(79, 195, 247, .5);
}

.badge-orange {
    color: #212529;
    background-color: #ffc36d;
}

a.badge-orange:focus,
a.badge-orange:hover {
    color: #212529;
    background-color: #ffae3a;
}

a.badge-orange.focus,
a.badge-orange:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 195, 109, .5);
}

.badge-purple {
    color: var(--bs-white);
    background-color: #707cd2;
}

a.badge-purple:focus,
a.badge-purple:hover {
    color: var(--bs-white);
    background-color: #4958c6;
}

a.badge-purple.focus,
a.badge-purple:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(112, 124, 210, .5);
}

.badge-inverse {
    color: var(--bs-white);
    background-color: #4c5667;
}

a.badge-inverse:focus,
a.badge-inverse:hover {
    color: var(--bs-white);
    background-color: #363d4a;
}

a.badge-inverse.focus,
a.badge-inverse:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(76, 86, 103, .5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 4px;
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px;
}

.alert-heading {
    color: inherit;
}

.alert-dismissible {
    padding-right: 3.8125rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit;
    }

.alert-primary {
    color: #3a406d;
    background-color: #e2e5f6;
    border-color: #d7daf2;
}

    .alert-primary hr {
        border-top-color: #c4c8ec;
    }

    .alert-primary .alert-link {
        color: #282c4c;
    }

.alert-secondary {
    color: #474f58;
    background-color: #e7eaee;
    border-color: #dee2e7;
}

    .alert-secondary hr {
        border-top-color: #cfd5dc;
    }

    .alert-secondary .alert-link {
        color: #30363c;
    }

.alert-success {
    color: #176c42;
    background-color: #d5f6e5;
    border-color: #c4f2db;
}

    .alert-success hr {
        border-top-color: #afedce;
    }

    .alert-success .alert-link {
        color: #0e4228;
    }

.alert-info {
    color: #175976;
    background-color: #d5eef9;
    border-color: #c4e7f7;
}

    .alert-info hr {
        border-top-color: #aedef4;
    }

    .alert-info .alert-link {
        color: #0f394b;
    }

.alert-warning {
    color: #856539;
    background-color: #fff3e2;
    border-color: #ffeed6;
}

    .alert-warning hr {
        border-top-color: #ffe3bd;
    }

    .alert-warning .alert-link {
        color: #614a2a;
    }

.alert-danger {
    color: #852a2a;
    background-color: #ffdcdc;
    border-color: #ffcece;
}

    .alert-danger hr {
        border-top-color: #ffb5b5;
    }

    .alert-danger .alert-link {
        color: #5e1e1e;
    }

.alert-light {
    color: #808283;
    background-color: #fdfefe;
    border-color: #fdfefe;
}

    .alert-light hr {
        border-top-color: #ecf6f6;
    }

    .alert-light .alert-link {
        color: #676869;
    }

.alert-dark {
    color: #191919;
    background-color: #d6d6d6;
    border-color: #c5c5c5;
}

    .alert-dark hr {
        border-top-color: #b8b8b8;
    }

    .alert-dark .alert-link {
        color: var(--bs-black);
    }

.alert-cyan {
    color: #296580;
    background-color: #dcf3fd;
    border-color: #ceeefd;
}

    .alert-cyan hr {
        border-top-color: #b6e6fc;
    }

    .alert-cyan .alert-link {
        color: #1d4759;
    }

.alert-orange {
    color: #856539;
    background-color: #fff3e2;
    border-color: #ffeed6;
}

    .alert-orange hr {
        border-top-color: #ffe3bd;
    }

    .alert-orange .alert-link {
        color: #614a2a;
    }

.alert-purple {
    color: #3a406d;
    background-color: #e2e5f6;
    border-color: #d7daf2;
}

    .alert-purple hr {
        border-top-color: #c4c8ec;
    }

    .alert-purple .alert-link {
        color: #282c4c;
    }

.alert-inverse {
    color: #282d36;
    background-color: #dbdde1;
    border-color: #cdd0d4;
}

    .alert-inverse hr {
        border-top-color: #bfc3c8;
    }

    .alert-inverse .alert-link {
        color: #121519;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 4px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 4px;
    font-size: .65625rem;
    background-color: rgba(120, 130, 140, .13);
    border-radius: 0;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--bs-white);
    text-align: center;
    transition: width .6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 4px 4px;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none;
    }

    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #525f7f;
    text-align: inherit;
}

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        z-index: 1;
        color: #525f7f;
        background-color: #f7fafc;
    }

    .list-group-item-action:active {
        color: #313131;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: var(--bs-white);
    border: 1px solid rgba(0, 0, 0, .125);
}

    .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #8898aa;
        pointer-events: none;
        background-color: var(--bs-white);
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-white);
        background-color: var(--color);
        border-color: var(--color);
    }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            border-top-right-radius: 0;
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0;
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width:1600px) {
    .list-group-horizontal-xlg {
        flex-direction: row;
    }

        .list-group-horizontal-xlg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-xlg .list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-xlg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0;
            }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px;
    }

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: #3a406d;
    background-color: #d7daf2;
}

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #3a406d;
        background-color: #c4c8ec;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #3a406d;
        border-color: #3a406d;
    }

.list-group-item-secondary {
    color: #474f58;
    background-color: #dee2e7;
}

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #474f58;
        background-color: #cfd5dc;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #474f58;
        border-color: #474f58;
    }

.list-group-item-success {
    color: #176c42;
    background-color: #c4f2db;
}

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #176c42;
        background-color: #afedce;
    }

    .list-group-item-success.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #176c42;
        border-color: #176c42;
    }

.list-group-item-info {
    color: #175976;
    background-color: #c4e7f7;
}

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #175976;
        background-color: #aedef4;
    }

    .list-group-item-info.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #175976;
        border-color: #175976;
    }

.list-group-item-warning {
    color: #856539;
    background-color: #ffeed6;
}

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #856539;
        background-color: #ffe3bd;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #856539;
        border-color: #856539;
    }

.list-group-item-danger {
    color: #852a2a;
    background-color: #ffcece;
}

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #852a2a;
        background-color: #ffb5b5;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #852a2a;
        border-color: #852a2a;
    }

.list-group-item-light {
    color: #808283;
    background-color: #fdfefe;
}

    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        color: #808283;
        background-color: #ecf6f6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #808283;
        border-color: #808283;
    }

.list-group-item-dark {
    color: #191919;
    background-color: #c5c5c5;
}

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        color: #191919;
        background-color: #b8b8b8;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #191919;
        border-color: #191919;
    }

.list-group-item-cyan {
    color: #296580;
    background-color: #ceeefd;
}

    .list-group-item-cyan.list-group-item-action:focus,
    .list-group-item-cyan.list-group-item-action:hover {
        color: #296580;
        background-color: #b6e6fc;
    }

    .list-group-item-cyan.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #296580;
        border-color: #296580;
    }

.list-group-item-orange {
    color: #856539;
    background-color: #ffeed6;
}

    .list-group-item-orange.list-group-item-action:focus,
    .list-group-item-orange.list-group-item-action:hover {
        color: #856539;
        background-color: #ffe3bd;
    }

    .list-group-item-orange.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #856539;
        border-color: #856539;
    }

.list-group-item-purple {
    color: #3a406d;
    background-color: #d7daf2;
}

    .list-group-item-purple.list-group-item-action:focus,
    .list-group-item-purple.list-group-item-action:hover {
        color: #3a406d;
        background-color: #c4c8ec;
    }

    .list-group-item-purple.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #3a406d;
        border-color: #3a406d;
    }

.list-group-item-inverse {
    color: #282d36;
    background-color: #cdd0d4;
}

    .list-group-item-inverse.list-group-item-action:focus,
    .list-group-item-inverse.list-group-item-action:hover {
        color: #282d36;
        background-color: #bfc3c8;
    }

    .list-group-item-inverse.list-group-item-action.active {
        color: var(--bs-white);
        background-color: #282d36;
        border-color: #282d36;
    }

.close {
    float: right;
    font-size: 1.3125rem;
    color: var(--bs-black);
    text-shadow: 0 1px 0 var(--bs-white);
    opacity: .5;
}

    .close:hover {
        color: var(--bs-black);
    }

    .close:not(:disabled):not(.disabled):focus,
    .close:not(:disabled):not(.disabled):hover {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}

.popover,
.tooltip {
    /*font-family:Arial,sans-serif;*/
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .76563rem;
    word-wrap: break-word;
    text-decoration: none;
    text-shadow: none;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.carousel-inner::after,
.clearfix::after,
.embed-responsive::before,
.popover .arrow::after,
.popover .arrow::before,
.stretched-link::after,
.tooltip .arrow::before {
    content: "";
}

.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block;
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header,
.page-wrapper {
    transition: .2s ease-in;
}

.embed-responsive {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

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

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: var(--bs-white) !important;
}

.text-primary {
    color: #707cd2 !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #3b4abb !important;
}

.text-secondary {
    color: #8898aa !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #607286 !important;
}

.text-success {
    color: #2cd07e !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #1f9158 !important;
}

.text-info {
    color: var(--color) !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #177eac !important;
}

.text-warning {
    color: #ffc36d !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ffa421 !important;
}

.text-danger {
    color: #ff5050 !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #ff0404 !important;
}

.text-light {
    color: #f7fafc !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #bfd7e7 !important;
}

.text-dark {
    color: #313131 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #0b0b0b !important;
}

.text-cyan {
    color: #4fc3f7 !important;
}

a.text-cyan:focus,
a.text-cyan:hover {
    color: #0ba8ef !important;
}

.text-orange {
    color: #ffc36d !important;
}

a.text-orange:focus,
a.text-orange:hover {
    color: #ffa421 !important;
}

.text-purple {
    color: #707cd2 !important;
}

a.text-purple:focus,
a.text-purple:hover {
    color: #3b4abb !important;
}

.text-inverse {
    color: #4c5667 !important;
}

a.text-inverse:focus,
a.text-inverse:hover {
    color: #2c313b !important;
}

.text-body {
    color: #313131 !important;
}

.text-muted {
    color: var(--bs-black) !important;
    /*#8898aa*/
    font-weight: bold;
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important;
}

.user-text {
    color: var(--color);
    font-family: var(--bs-font-opensans-regular-bold);
    font-weight: bold;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

/*@media print {
  blockquote, img, pre, tr {
      page-break-inside: avoid;
  }

  .table .thead-dark th, .table-dark {
      color: inherit;
  }

  *, ::after, ::before {
      text-shadow: none !important;
      box-shadow: none !important;
  }

  a:not(.btn) {
      text-decoration: underline;
  }

  abbr[title]::after {
      content: " (" attr(title) ")";
  }

  pre {
      white-space: pre-wrap !important;
  }

  blockquote, pre {
      border: 1px solid #adb5bd;
  }

  thead {
      display: table-header-group;
  }

  h2, h3, p {
      orphans: 3;
      widows: 3;
  }

  h2, h3 {
      page-break-after: avoid;
  }

  @page {
      size: a3;
  }

  .container, body {
      min-width: 992px !important;
  }

  .navbar {
      display: none;
  }

  .badge {
      border: 1px solid var(--bs-black);
  }

  .table {
      border-collapse: collapse !important;
  }

      .table td, .table th {
          background-color: var(--bs-white) !important;
      }

  .table-bordered td, .table-bordered th {
      border: 1px solid #dee2e6 !important;
  }

  .table .thead-dark th, .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
      border-color: rgba(120,130,140,.13);
  }
}*/

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
    background: var(--color);
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin2],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin2] {
    background: #707cd2;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin3] {
    background: #ff7676;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin4],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin4] {
    background: #a0aec4;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
    background: #2f323e;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
    /*background: var(--bs-white);*/
}

    #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo,
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo {
        display: inline;
    }

    #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo,
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo {
        display: none;
    }

    #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
    #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler,
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler {
        color: #313131;
    }

    #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .sidebartoggler.side-start,
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .sidebartoggler.side-start {
        color: #313131;
        opacity: .9;
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #54667a;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1] {
    background: var(--color);
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin2],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin2] {
    background: #707cd2;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin3],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin3] {
    background: #ff7676;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin4],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin4] {
    background: #a0aec4;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin5],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin5] {
    /*background: var(--bs-white);*/
    min-height: 61px;
    /*border-bottom: 1px solid #cdcdcd;*/
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] {
    background: var(--bs-white);
}

    #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .dark-logo,
    #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .dark-logo {
        display: inline;
    }

    #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .light-logo,
    #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .light-logo {
        display: none;
    }

    #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .search-box .form-control,
    #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .search-box .form-control {
        border-color: rgba(120, 130, 140, .13);
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] ul {
    background: var(--color);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul {
    background: #707cd2;
}

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        opacity: 1;
        background-color: #2f323e;
        font-weight: 500;
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul {
    background: #ff7676;
}

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        opacity: 1;
        background-color: #2f323e;
        font-weight: 500;
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] ul {
    background: #a0aec4;
}

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        opacity: 1;
        background-color: #2f323e;
        font-weight: 500;
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul {
    background: #2f323e;
}

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link {
        opacity: .4;
    }

        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .first-level .sidebar-item.active > .sidebar-link,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.profile-dd,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link:hover,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item.selected > .sidebar-link,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.profile-dd,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link:hover,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item.selected > .sidebar-link,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .first-level .sidebar-item.active > .sidebar-link,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.profile-dd,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link:hover,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item.selected > .sidebar-link,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.profile-dd,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link:hover,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item.selected > .sidebar-link {
            opacity: 1;
        }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
    background: var(--tp-bg-lightgrey);
    /*#DFDEDE;*/
    font-size: 16px;
    padding-left: 3px;
    padding-right: 7px;
}

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
        color: var(--bs-black);
        opacity: .9;
    }

        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover {
            opacity: 1;
        }

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        /*opacity:1;
  color:var(--bs-white)*/
    }

        #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i,
        #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i {
            color: var(--bs-white);
        }

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after {
        border-color: #54667a;
    }

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .sidebar-item.selected > .sidebar-link.has-arrow::after,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .sidebar-item.selected > .sidebar-link.has-arrow::after {
        border-color: var(--bs-white);
    }

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .devider,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .devider {
        border-top: 1px solid #54667a;
        opacity: .1;
    }

    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name {
        opacity: .9;
        color: #212529;
    }

body[data-theme=dark] {
    color: #b2b9bf;
    background: #212529;
}

    body[data-theme=dark] a.link {
        color: #e9ecef;
    }

        body[data-theme=dark] a.link:focus,
        body[data-theme=dark] a.link:hover {
            color: #007bff;
        }

    body[data-theme=dark] .bg-white {
        background-color: var(--bs-black) !important;
    }

    body[data-theme=dark] .bg-dark {
        background-color: #8898aa !important;
    }

    body[data-theme=dark] .text-dark {
        color: #e9ecef !important;
    }

    body[data-theme=dark] .badge-light {
        background-color: #313131;
        color: #b2b9bf;
    }

    body[data-theme=dark] .btn-light {
        background-color: #313131;
        border-color: #313131;
        color: #b2b9bf;
    }

#main-wrapper {
    width: 100%;
    /*overflow-x: hidden;*/
    /*height:100%;*/
}

.page-wrapper {
    background: #f8f8f8;
    position: relative;
    /*display: none;*/
}

    .page-wrapper > .page-content {
        /*padding: 15px;*/
        min-height: calc(100vh - 167px);
        /*margin-top: 110px;*/
    }

.page-breadcrumb {
    padding: 11px 25px;
    /*min-height: 107px;*/
    position: fixed;
    width: 100%;
    z-index: 9;
    /*margin-top:10px;*/
}

    .page-breadcrumb .breadcrumb .breadcrumb-item,
    .page-breadcrumb .breadcrumb .breadcrumb-item > a {
        color: #8898aa;
    }

    .page-breadcrumb .breadcrumb .active {
        color: var(--color);
    }

.footer {
    padding: 5px 10px;
    padding-left: 0px;
    background: var(--bs-white);
    color: #8898aa;
    border-top: 1px solid #cdcdcd;
}

.left-part {
    height: 100%;
    width: 260px;
    position: absolute;
    border-right: 1px solid rgba(120, 130, 140, .13);
}

    .left-part.fixed-left-part {
        position: fixed;
        top: 0;
        padding-top: 10px;
    }

    .left-part .show-left-part {
        position: absolute;
        top: 45%;
        right: -41px;
    }

.right-part {
    width: calc(100% - 260px);
    min-height: calc(100vh - 64px);
    overflow: auto;
    margin-left: 260px;
}

.reverse-mode .left-part {
    right: 0;
    border-left: 1px solid rgba(120, 130, 140, .13);
}

.reverse-mode .show-left-part {
    right: auto;
    left: -41px;
}

.reverse-mode .right-part {
    margin-left: 0;
    margin-right: 260px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper,
#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
    /*margin-left: 160px; edit*/
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .page-wrapper {
    margin-left: 175px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .left-sidebar,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .topbar .top-navbar .navbar-header {
    width: 180px;
}

    #main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link {
        display: block;
        text-align: center;
    }

        #main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link i {
            display: block;
            width: auto;
        }

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
    min-width: 215px;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
    /*margin-left: 250px; edit*/
    display: flex;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
    width: 65px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-collpase {
    margin-left: 65px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
    left: 0;
}

/*#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
  left: -250px;
}*/

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .page-wrapper {
    margin-left: 0;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
    display: none;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-header {
    /*position: fixed; edit*/
    z-index: 10;
    top: 0;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
    position: fixed;
    /*width: 215px !important;
  z-index: 999;
  background-color: transparent;*/
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
    padding-top: 113px;
    position: relative;
    z-index: 99;
    padding-bottom: 60px;
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed] {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    box-shadow: 1px 0 80px rgba(0, 0, 0, .2);
}

    #main-wrapper[data-layout=vertical][data-boxed-layout=boxed][data-header-position=fixed] .topbar {
        max-width: 1200px;
    }

@media (min-width:768px) {
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
        width: 250px;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
        width: 65px;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .sidebartoggler.side-start {
        justify-content: flex-start;
        margin-left: 1.5rem;
        color: var(--bs-white);
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
        /*margin-left: 160px;edit*/
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
        margin-left: 160px;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 65px;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
        display: none;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
        width: 250px;
    }

        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-text {
            display: block;
        }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header .navigation-text,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
        display: none;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
        justify-content: center;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header.expand-logo .navigation-text {
        display: block;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header.expand-logo .sidebartoggler.side-start {
        justify-content: flex-start;
        margin-left: 1.5rem;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
        width: 65px;
    }

        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
            width: 250px;
        }

            #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap {
                justify-content: flex-start;
            }

            #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .first-level .sidebar-item .sidebar-link i {
                visibility: hidden;
            }

        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .first-level .sidebar-item .sidebar-link i {
            visibility: visible;
        }
}

@media (max-width:767.98px) {
    /*#main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
      left: -250px;
  }*/

    #main-wrapper.hide-sidebar .left-sidebar {
        left: 0;
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
        position: relative;
        /*top: 60px;*/
    }

    .left-part {
        left: -260px;
        background: #edf1f5;
        z-index: 1;
        position: fixed;
        transition: .1s ease-in;
    }

        .left-part.show-panel {
            left: 0;
        }

    .reverse-mode .left-part {
        right: -260px;
        left: auto;
    }

        .reverse-mode .left-part.show-panel {
            right: 0;
        }

    .right-part {
        width: 100%;
        margin-left: 0;
    }
}

.left-sidebar,
.topbar .top-navbar .navbar-nav > .nav-item {
    transition: .2s ease-in;
}

@media (max-width:1023px) {
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
        margin-left: 250px;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        width: 250px;
    }

    /*#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
      margin-left: 0;
  }*/

    /*#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
      left: -250px;
  }*/

    #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
        display: block;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
        left: 0;
    }
}

.topbar {
    position: relative;
    z-index: 50;
    background: var(--bs-white);
    height: 60px;
}

    .topbar .navbar-collapse {
        /*padding: 0 10px 0 0;*/
        /*background-color: white !important;*/
    }

    .topbar .top-navbar {
        /*min-height:60px;*/
        font-family: var(--bs-font-opensans-regular-bold);
        padding: 0;
        background-color: var(--tp-bg-lightgrey) !important;
        border-bottom: 2px solid transparent;
        /*box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;*/
    }

        .topbar .top-navbar .dropdown-toggle::after {
            display: none;
        }

        /*.topbar .top-navbar .navbar-header {
          line-height: 57px;
      }*/

        .topbar .top-navbar .sidebartoggler.side-start {
            justify-content: center;
            margin-left: 0;
            color: var(--bs-white);
            font-size: 20px;
        }

        .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
            padding: 0 14px;
            font-size: 14px;
            line-height: 60px;
            height: 60px;
        }

        .topbar .top-navbar .navbar-nav > .nav-item:hover {
            background: rgba(0, 0, 0, .03);
        }

    .topbar .navbar-brand {
        display: flex;
        align-items: center;
        position: fixed;
        height: 0px;
        /*margin: 22px 0px !important;*/
        padding: 0px 10px;
    }

    /*.topbar .navbar-brand .dark-logo {
          display: none;
      }*/

    /*.topbar .navbar-brand .logo-icon {
          margin-right: 5px;
      }*/

    .topbar .mailbox,
    .topbar .user-dd {
        min-width: 280px;
    }

    .topbar .nav-toggler,
    .topbar .topbartoggler {
        color: var(--bs-white);
        padding: 0 15px;
    }

.app-search {
    margin-top: 15px;
    position: relative;
}

    .app-search .form-control {
        border-radius: 60px;
        border-color: transparent;
        transition: .2s ease-in;
        width: 180px;
        height: 30px;
    }

        .app-search .form-control:focus {
            width: 300px;
        }

    .app-search a {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #8898aa;
    }

.topbar .mega-dropdown {
    position: static;
}

    .topbar .mega-dropdown .dropdown-menu {
        padding: 30px;
        width: 100%;
        max-height: 480px;
        overflow: auto;
    }

.topbar .dropdown-menu {
    padding-top: 0;
    border: 0;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    border: 1px solid var(--tp-lightgray);
}

    .topbar .dropdown-menu.dropdown-menu-right .with-arrow {
        right: 0;
    }

        .topbar .dropdown-menu.dropdown-menu-right .with-arrow > span {
            right: 20px;
            left: auto;
        }

.small-pass-list {
    display: none !important;
}

@media (max-width:767px) {
    .chart-sec {
        width: 100% !important;
        min-width: unset !important;
    }

    .facilities-list td {
        display: flex;
        width: 100%;
    }

    /*.alert-d-lg-block {
      display:none !important;
  }
  .alert-d-lg-none {
      display:block !important;
  }*/
    .dark-logo {
        width: 100px !important;
    }

    .navbar-brand {
        height: 100px !important;
        width: 100% !important;
    }

    .subcontent-1 {
        width: 120px;
    }

    .dash-board {
        width: 90%;
        margin: auto;
    }

    .small-pass-list {
        display: inline-block !important;
    }

    .large-pass-list {
        display: none !important;
    }

    .pass-list {
        /*display: none ;*/
        /*position: absolute;*/
        width: 100%;
        z-index: 999;
        top: 10px !important;
        right: 10px;
    }

        .pass-list ul {
            display: flex;
            margin: auto !important;
            text-align: center;
            float: right;
            padding: 5px !important;
            /*background: rgba(0,0,0,0.5);
  box-shadow: rgb(14 30 37 / 5%) 12px 2px 4px 0px, rgb(16 8 8 / 37%) 0px 2px 1px -1px;
  border: 1px solid var(--tp-lightgray);*/
            border-radius: 5px;
        }

    /*.pass-list ul::after
  {
      content: "";
  position: absolute;
  bottom: 100%;
  left: 95%;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}*/

    .hover-test-icon i {
        display: block;
    }


    .header-line {
        min-height: 70px !important;
    }

    .right-page,
    .right-page-exdent {
        width: 100% !important;
        /*margin-left: 10px;*/
    }

    .logo-icon {
        padding-top: 0px !important;
        margin-top: -47px !important;
    }

    .about-arw-icon {
        padding-top: 0px !important;
        padding-right: 15px;
        line-height: 14px;
        text-align: left;
    }

    .dropdown-menu {
        left: -45px !important;
    }

    .customer_logo img {
        margin-top: 14px !important;
        width: 80px !important;
        height: 30px !important;
        margin-right: 10px;
    }

    .logo-box-fix,
    .navbar-expand-lg {
        display: none !important;
    }

    .small-position-fixed {
        left: 0px !important;
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
        padding-top: 30px;
    }

    .small-screen-left-menu {
        margin-left: 5px;
    }

    .wrap-sec {
        flex-wrap: wrap !important;
    }

    .card-label-text {
        width: 50% !important;
    }

    .FileUploadContainer {
        overflow-x: scroll;
    }

    .flex-section {
        flex-wrap: wrap !important;
        /*width: 100% !important;*/
    }

    .input-group-append,
    .input-group-prepend {
        display: inline-table;
    }

    .input-group-prepend {
        height: 25px !important;
    }

    .input-group-prepend1 span {
        width: 180px !important;
    }

    .span-label-text-date {
        width: 100% !important;
    }

    .input-group-prepend1 input {
        width: 91%;
        margin-bottom: 0px !important;
    }

    #divIdcardDataViewScreen input,
    #divIdcardDataViewScreen select {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .document-date {
        width: 100% !important;
    }

    .col-lg-4.input-group-prepend span {
        width: 100% !important;
        margin-left: 0px;
    }

    .col-lg-4.input-group-prepend input {
        width: 100% !important;
    }

    .pl {
        padding-right: 0px;
    }

    .span-label-text-date {
        display: inline-flex;
    }

    .input-group-prepend1 {
        width: 100% !important;
        /*margin-bottom:10px;*/
    }

        .input-group-prepend1 span {
            height: unset !important;
        }

    .Attachment-input {
        display: block !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 10px;
    }

    .input-group-prepend {
        z-index: 9;
    }

    .input-group-text {
        /* width: 108px; */
        padding: 2px !important;
        background-color: white;
        border: unset;
        font-size: 15px;
    }

    .fa-times-circle-o {
        padding-top: 13px !important;
        height: 42px;
    }

    .custom-file-label {
        line-height: 15px !important;
    }

    .custom-file-label {
        overflow: hidden;
    }

    .topbar .top-navbar .navbar-collapse.collapsing,
    .topbar .top-navbar .navbar-collapse.show {
        display: block;
        width: 100%;
        border-top: 1px solid rgba(120, 130, 140, .13);
    }

    .topbar .top-navbar .navbar-nav {
        flex-direction: row;
    }

        .topbar .top-navbar .navbar-nav .dropdown {
            position: static;
        }

        .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
            padding: 0 10px;
        }

    .topbar .top-navbar .navbar-header {
        /*display: flex;*/
        align-items: center;
        /*width: 100%;*/
        justify-content: space-between;
    }

    .topbar .top-navbar .dropdown-menu {
        position: absolute;
        width: 100%;
    }
}

@media (max-width:767px) {
    .text-home-align {
        float: left !important;
    }

    .content-sec,
    .cardview {
        width: 100% !important;
    }

    .subcontent {
        height: unset !important;
    }

    .pd-left {
        padding: 0px;
    }

    .mb-alg {
        margin-bottom: 10px;
    }

    .flt-rht {
        float: right;
        padding-right: 10px;
    }
}

.text-home-align {
    text-align: right;
}

.notify {
    position: relative;
    top: -34px;
    right: -7px;
}

    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -4px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #ff5050;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #ff5050;
        position: absolute;
        right: 6px;
        top: -10px;
    }

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }

    25% {
        -moz-transform: scale(.1);
        opacity: .1;
    }

    50% {
        -moz-transform: scale(.5);
        opacity: .3;
    }

    75% {
        -moz-transform: scale(.8);
        opacity: .5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1;
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3;
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.left-page .left-sidebar {
    width: 60px;
    border-right: unset;
}

.left-page.left-page-exdent .lft_hvr {
    opacity: 1;
}

.left-page .lft_hvr {
    opacity: 0;
}

.left-page .side-bar-icon:hover .lft_hvr {
    opacity: 1;
}

.left-page .side-bar-icon:hover {
    background-color: var(--tp-bg-lightgrey) !important;
}

.left-page-exdent .left-sidebar {
    width: 215px !important;
}

.left-sidebar {
    border-right: 2px solid var(--tp-bg-lightgrey);
    box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 10;
    padding-top: 60px;
    background: var(--bs-white);
}

.scroll-sidebar,
.sidebar-nav .has-arrow,
.user-profile {
    position: relative;
}

.material.left-sidebar {
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
}

.auth-wrapper .auth-box,
.customizer {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.scroll-sidebar {
    height: calc(100% - 20px);
    margin-top: 5px;
}

.sidebar-nav ul .sidebar-item {
    /*width:250px;*/
    background: inherit;
}

    .sidebar-nav ul .sidebar-item .sidebar-link {
        color: var(--bs-white);
        padding: 10px 13px;
        display: flex;
        white-space: nowrap;
        align-items: center;
        line-height: 25px;
        opacity: .8;
        font-family: var(--bs-font-opensans-regular-bold);
        font-weight: 400;
    }

        .sidebar-nav ul .sidebar-item .sidebar-link i {
            font-style: normal;
            width: 35px;
            line-height: 25px;
            font-size: 21px;
            color: var(--bs-white);
            display: inline-block;
            text-align: center;
        }

        .sidebar-nav ul .sidebar-item .sidebar-link.active,
        .sidebar-nav ul .sidebar-item .sidebar-link.profile-dd,
        .sidebar-nav ul .sidebar-item .sidebar-link:hover {
            opacity: 1;
        }

            .sidebar-nav ul .sidebar-item .sidebar-link.profile-dd span {
                margin-left: 10px;
                color: var(--bs-white);
                opacity: .8;
            }

    .sidebar-nav ul .sidebar-item:hover {
        /*background:var(--bs-white);*/
        /*0,0,0,.07 */
    }

    .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        opacity: 1;
        /*background-color:#ff5050;*/
        border-left: 3px solid transparent;
        font-weight: 500;
    }

    .sidebar-nav ul .sidebar-item .first-level {
        padding: 0 0 10px;
    }

        .sidebar-nav ul .sidebar-item .first-level .sidebar-item,
        .sidebar-nav ul .sidebar-item .first-level .sidebar-item:hover {
            background: unset;
        }

            .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link {
                opacity: 1;
                font-weight: 500;
            }

            .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
                padding: 10px 15px;
            }

                .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
                    font-size: 16px;
                    visibility: hidden;
                }

.sidebar-nav ul .nav-small-cap {
    font-size: 12px;
    padding: 17px 13px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 30px;
    margin-top: 10px;
    color: var(--bs-white);
    opacity: 1;
    text-transform: uppercase;
}

    .sidebar-nav ul .nav-small-cap i {
        line-height: 30px;
        margin: 0 5px;
    }

.user-profile {
    z-index: 1;
}

.user-content,
.user-email,
.user-name {
    color: var(--bs-white);
    opacity: .8;
}

.sidebar-nav ul {
    margin: 0;
    padding: 132px 0 0 0;
}

    .sidebar-nav ul li {
        list-style: none;
    }

.collapse.in {
    display: block;
}

.sidebar-nav .has-arrow::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--bs-white);
    margin-left: 10px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 26px;
    right: 15px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sidebar-nav .has-arrow.profile-dd::after {
    top: 33px;
    opacity: .8;
}

.sidebar-nav .devider {
    margin: 7px 0;
    border-top: 1px solid var(--bs-white);
    opacity: .1;
}

.sidebar-nav .has-arrow[aria-expanded=true]::after,
.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    transform: rotate(-135deg) translate(0, -50%);
}

.customizer {
    background: var(--bs-white);
    position: fixed;
    height: 100%;
    width: 280px;
    top: 0;
    right: -280px;
    z-index: 100;
    transition: .3s ease-in;
}

    .customizer .service-panel-toggle {
        background: #ff5050;
        padding: 12px 20px;
        color: var(--bs-white);
        position: absolute;
        top: 30%;
        left: -54px;
    }

    .customizer.show-service-panel {
        right: 0;
    }

    .customizer .customizer-body {
        position: relative;
        height: 100%;
    }

    .customizer .customizer-tab {
        display: flex;
    }

        .customizer .customizer-tab .nav-item {
            width: 33.33%;
            text-align: center;
        }

            .customizer .customizer-tab .nav-item .nav-link {
                padding: 15px 12px;
                border-bottom: 3px solid transparent;
            }

                .customizer .customizer-tab .nav-item .nav-link.active,
                .customizer .customizer-tab .nav-item .nav-link:hover {
                    border-bottom: 3px solid var(--color);
                    color: var(--color);
                }

.custom-control-label::after,
.custom-control-label::before {
    top: .15rem;
}

.theme-color {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .theme-color .theme-item {
        list-style: none;
        display: inline-block;
        margin-right: 5px;
    }

        .theme-color .theme-item .theme-link {
            border-radius: 100%;
            width: 20px;
            height: 20px;
            display: block;
        }

            .theme-color .theme-item .theme-link[data-logobg=skin1],
            .theme-color .theme-item .theme-link[data-navbarbg=skin1],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin1] {
                background: var(--color);
            }

            .theme-color .theme-item .theme-link[data-logobg=skin2],
            .theme-color .theme-item .theme-link[data-navbarbg=skin2],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin2] {
                background: #707cd2;
            }

            .theme-color .theme-item .theme-link[data-logobg=skin3],
            .theme-color .theme-item .theme-link[data-navbarbg=skin3],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin3] {
                background: #ff7676;
            }

            .theme-color .theme-item .theme-link[data-logobg=skin4],
            .theme-color .theme-item .theme-link[data-navbarbg=skin4],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin4] {
                background: #a0aec4;
            }

            .theme-color .theme-item .theme-link[data-logobg=skin5],
            .theme-color .theme-item .theme-link[data-navbarbg=skin5],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin5] {
                background: #2f323e;
            }

            .theme-color .theme-item .theme-link[data-logobg=skin6],
            .theme-color .theme-item .theme-link[data-navbarbg=skin6],
            .theme-color .theme-item .theme-link[data-sidebarbg=skin6] {
                background: #e9ecef;
            }

/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut,
    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce {

    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {

    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

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

@-webkit-keyframes flash {

    50%, from, to {
        opacity: 1;
    }

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

@keyframes flash {

    50%, from, to {
        opacity: 1;
    }

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

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@keyframes pulse {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
}

@keyframes rubberBand {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {

    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

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

@-webkit-keyframes tada {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}

@keyframes tada {

    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {

    from, to {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
}

@keyframes wobble {

    from, to {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {

    11.1%, from, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg);
    }
}

@keyframes jello {

    11.1%, from, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {

    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

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

    50% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.auth-wrapper {
    min-height: 100vh;
    position: relative;
}

    .auth-wrapper .auth-box {
        background: var(--bs-white);
        padding: 20px;
        max-width: 400px;
        width: 90%;
        margin: 10% 0;
    }

        .auth-wrapper .auth-box .logo {
            text-align: center;
        }

        .auth-wrapper .auth-box.on-sidebar {
            top: 0;
            right: 0;
            height: 100%;
            margin: 0;
            position: absolute;
        }

    .auth-wrapper #recoverform {
        display: none;
    }

    .auth-wrapper .auth-sidebar {
        position: fixed;
        height: 100%;
        right: 0;
        overflow: auto;
        margin: 0;
        top: 0;
    }

#ct-visits,
#ct-visits1,
#ct-weather,
.email-app,
.nav-tabs.manage-tabs .nav-link,
.scrollable {
    position: relative;
}

@media (max-width:767.98px) {
    .auth-wrapper .auth-sidebar {
        position: relative;
        max-width: 100%;
        width: 100%;
        margin: 40px 0 60px;
    }

    .auth-wrapper .demo-text {
        margin-top: 30px;
    }

    .email-table {
        min-width: 500px;
    }
}

.email-app .list-group .list-group-item {
    padding: 0;
    background: 0 0;
    border: none;
}

    .email-app .list-group .list-group-item .list-group-item-action {
        padding: 12px 15px;
        display: block;
        color: #313131;
    }

        .email-app .list-group .list-group-item .list-group-item-action .mdi {
            font-size: 18px;
            vertical-align: middle;
            margin-right: 5px;
        }

        .email-app .list-group .list-group-item .list-group-item-action.active,
        .email-app .list-group .list-group-item .list-group-item-action:hover {
            background: rgba(0, 0, 0, .03);
        }

.email-app .email-table {
    table-layout: fixed;
}

    .email-app .email-table .selected {
        background: #f7fafc;
    }

    .email-app .email-table .max-texts,
    .email-app .email-table .user-name h6 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email-app .email-table .max-texts {
        padding: 1rem 5px;
    }

    .email-app .email-table .chb {
        width: 50px;
    }

    .email-app .email-table .time {
        width: 100px;
        text-align: right;
    }

    .email-app .email-table .clip,
    .email-app .email-table .starred {
        width: 25px;
        padding: 1rem 5px;
    }

    .email-app .email-table .user-image {
        width: 45px;
        padding: 1rem 5px;
    }

    .email-app .email-table .user-name {
        width: 130px;
        padding: 1rem 5px;
    }

        .email-app .email-table .user-name .m-b-0 {
            font-weight: 300;
        }

    .email-app .email-table .unread .m-b-0,
    .email-app .email-table .unread .max-texts {
        font-weight: 500;
    }

#ct-visits .ct-series-a .ct-line,
#ct-visits .ct-series-a .ct-point {
    stroke: #ff5050;
}

#ct-visits .ct-series-b .ct-line,
#ct-visits .ct-series-b .ct-point {
    stroke: var(--color);
}

#ct-visits .ct-series-a .ct-area {
    fill: #ff5050;
    fill-opacity: .1;
}

#ct-visits .ct-series-b .ct-area {
    fill: var(--color);
    fill-opacity: .1;
}

#ct-visits .ct-line {
    stroke-width: 2px;
}

#ct-visits1 .ct-series-a .ct-line,
#ct-visits1 .ct-series-a .ct-point {
    stroke: #8898aa;
}

#ct-visits1 .ct-series-b .ct-line,
#ct-visits1 .ct-series-b .ct-point {
    stroke: var(--color);
}

#ct-visits1 .ct-series-a .ct-area {
    fill: #8898aa;
    fill-opacity: .1;
}

#ct-visits1 .ct-series-b .ct-area {
    fill: var(--color);
    fill-opacity: .1;
}

#ct-visits1 .ct-line {
    stroke-width: 2px;
}

#ct-daily-sales .ct-series-a .ct-bar {
    stroke: rgba(255, 255, 255, .7);
    stroke-width: 10px;
}

@keyframes dasharray-craziness {
    0% {
        stroke-dasharray: 5px;
    }

    50% {
        stroke-dasharray: 6px;
    }

    100% {
        stroke-dasharray: 7px;
    }
}

#ct-weather .ct-series-a .ct-line,
#ct-weather .ct-series-a .ct-point {
    stroke: var(--bs-white);
    stroke-shadow: 3px 10px 10px var(--bs-black);
}

#ct-weather .ct-series-a .ct-area {
    fill: none;
}

#ct-weather .ct-grid {
    stroke: rgba(255, 255, 255, .2);
    stroke-dasharray: 0;
}

#ct-weather .ct-series-a .ct-line {
    animation: dasharray-craziness 2s infinite;
}

#morris-area-chart2 text {
    display: none;
}

.nav-tabs.manage-tabs {
    border-bottom: 0 !important;
}

    .nav-tabs.manage-tabs .nav-item {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0;
        text-align: center;
        flex: 1;
    }

    .nav-tabs.manage-tabs .nav-link {
        background: var(--color) !important;
        color: rgba(255, 255, 255, .6) !important;
        font-weight: 400;
        border: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 20px;
        text-transform: uppercase;
    }

        .nav-tabs.manage-tabs .nav-link:hover {
            color: rgba(255, 255, 255, .6);
        }

        .nav-tabs.manage-tabs .nav-item.show .nav-link,
        .nav-tabs.manage-tabs .nav-link.active {
            color: var(--bs-white) !important;
            background: var(--color) !important;
        }

            .nav-tabs.manage-tabs .nav-item.show .nav-link::after,
            .nav-tabs.manage-tabs .nav-link.active::after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 10px;
                border-top-color: var(--color);
                content: '';
                pointer-events: none;
            }

#ct-bar-chart,
#ct-extra,
#ct-main-bal {
    position: relative;
}

.manage-table thead tr th {
    text-transform: uppercase;
    color: #525f7f;
    font-weight: 500;
}

.manage-table .sml-pd {
    padding: 5px;
}

.manage-table tr.advanced-table {
    border: 2px solid rgba(120, 130, 140, .13);
    color: #8898aa;
}

    .manage-table tr.advanced-table.active {
        border: 2px solid var(--color) !important;
    }

    .manage-table tr.advanced-table td {
        vertical-align: middle;
        font-size: 16px;
        background: var(--bs-white);
        font-weight: 300;
    }

.user-table thead {
    color: #525f7f;
}

.user-table tbody tr {
    background-color: inherit;
}

    .user-table tbody tr:hover {
        background-color: #f7fafc;
    }

    .user-table tbody tr td {
        vertical-align: middle;
    }

    .user-table tbody tr .category-select {
        max-width: 150px;
        border-radius: 20px;
    }

.chat-list li .chat-icon {
    display: none;
}

.chat-list li:hover .chat-icon {
    display: block;
}

.demo-container .flot-text,
.demo-container .flot-x-axis,
.get {
    display: none;
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

#ct-main-bal .ct-series-a .ct-line,
#ct-main-bal .ct-series-a .ct-point {
    stroke: none;
    fill: var(--color);
    fill-opacity: .5;
}

#ct-main-bal .ct-series-b .ct-line,
#ct-main-bal .ct-series-b .ct-point {
    stroke: var(--color);
    stroke-width: 1px;
    animation: dasharray-craziness 2s infinite;
    opacity: .8;
}

#ct-main-bal .ct-series-b .ct-area {
    fill: var(--color);
    fill-opacity: .2;
}

#ct-bar-chart .ct-series-a .ct-bar {
    stroke: var(--color);
    stroke-width: 7px;
}

#diagram {
    margin: 0 auto;
    width: 250px;
    padding-top: 60px;
    height: 341px;
}

    #diagram circle {
        fill: var(--bs-white);
    }

    #diagram text {
        fill: #313131;
    }

#ct-city-wth .ct-series-a .ct-area,
#ct-extra .ct-series-a .ct-area {
    fill: none;
}

#ct-extra .ct-series-a .ct-line,
#ct-extra .ct-series-a .ct-point {
    stroke-shadow: 3px 10px 10px var(--bs-black);
    stroke: var(--color);
    animation: dasharray-craziness .5s infinite;
}

#ct-extra .ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-dasharray: 2px;
}

.mt-gauge {
    background: var(--bs-white);
    height: 290px;
}

.my-bar-chart .ct-series-a .ct-bar {
    stroke: var(--color);
}

.my-bar-chart .ct-series-b .ct-bar {
    stroke: #2cd07e;
}

.weight-border {
    border-top: 2px solid #2cd07e;
    height: 2px;
    width: 100px;
    display: inline-block;
}

.bottom-text {
    position: absolute;
    bottom: 1.57rem;
}

@media (max-width:767px) {
    .bottom-text {
        right: 1.57rem;
    }
}

.calendar-schedule-table {
    width: 100%;
}

    .calendar-schedule-table td {
        padding: 17px 13px;
        text-align: center;
        font-weight: 400;
    }

        .calendar-schedule-table td .month-option {
            text-align: left;
            color: var(--bs-white);
            font-weight: 400;
            padding-left: 30px;
        }

        .calendar-schedule-table td.cal-active {
            border-radius: 60px;
            background: rgba(0, 0, 0, .1);
        }

.mailbox-widget .custom-tab .nav-item .nav-link {
    border: 0;
    color: var(--bs-white);
    border-bottom: 3px solid transparent;
}

    .mailbox-widget .custom-tab .nav-item .nav-link:hover {
        background: 0 0;
        opacity: .5;
    }

    .mailbox-widget .custom-tab .nav-item .nav-link.active {
        background: 0 0;
        color: var(--bs-white);
        border-bottom: 3px solid #2cd07e;
    }

#weeksales-bar .ct-series-a .ct-bar {
    stroke: var(--color);
    stroke-width: 15px;
}

#weeksales-bar .ct-chart-bar .ct-label.ct-horizontal.ct-end {
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
}

.weather-report .weather-type {
    color: #e9ecef;
}

.weather-report.active {
    border-bottom: 2px solid #ff5050;
}

    .weather-report.active .weather-type {
        color: #ff5050;
    }

#ct-city-wth {
    position: relative;
}

    #ct-city-wth .ct-label {
        color: var(--bs-white);
    }

    #ct-city-wth .ct-series-a .ct-line,
    #ct-city-wth .ct-series-a .ct-point {
        stroke: rgba(255, 255, 255, .2);
    }

.datepicker .day,
.datepicker .dow {
    padding: 5px 10px;
}

#demo-foo-accordion .open > .dropdown-menu,
#demo-foo-accordion2 .open > .dropdown-menu,
#footable-addrow .open > .dropdown-menu {
    display: block;
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox {
    padding-left: 0;
}

    table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox input[type=checkbox] {
        position: relative;
        margin-right: 10px;
        margin-left: -20px;
        left: 0;
        opacity: 1;
    }

table.footable thead tr.footable-filtering th ul.dropdown-menu li .checkbox label::before {
    display: none;
}

.footable .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: var(--bs-white);
    border: 1px solid #ddd;
}

.footable .pagination li.active a {
    z-index: 2;
    color: var(--bs-white);
    background-color: var(--color);
    border-color: var(--color);
}

.footable .pagination li.disabled a {
    color: #e9ecef;
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--bs-white);
    border-color: #f7fafc;
}

.footable .pagination li:first-child a {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
}

.primary-carousel .p-img {
    height: 406px;
}

.primary-carousel .read-more {
    position: absolute;
    bottom: 40px;
}

.recent-table th {
    font-weight: 500;
}

.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-menu {
        width: 100%;
        background: var(--bs-white);
        border: 1px solid #f7fafc;
        border-radius: 5px;
        padding: .75rem 0;
    }

        .twitter-typeahead .tt-menu .tt-suggestion {
            padding: .25rem .75rem;
            cursor: pointer;
        }

            .twitter-typeahead .tt-menu .tt-suggestion:hover {
                background-color: #007bff;
                color: var(--bs-white);
            }

    .twitter-typeahead .empty-message {
        padding: 5px 10px;
        text-align: center;
    }

    .twitter-typeahead .rtl-typeahead .tt-menu {
        text-align: right;
    }

    .twitter-typeahead .league-name {
        margin: 0 10px 5px;
        padding: 7px 5px 10px;
        border-bottom: 1px solid #e9ecef;
    }

.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto;
}

.bootstrap-maxlength {
    margin-top: .5rem;
}

.docs-buttons .btn,
.docs-data .input-group {
    margin-bottom: 5px;
}

table.dataTable {
    border-collapse: collapse !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    border-radius: 3px;
    background: #4fc3f7;
}

.note-toolbar-wrapper {
    height: 33px !important;
}

.el-element-overlay .white-box {
    padding: 0;
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 20px;
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 20px;
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center;
    }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            height: auto;
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0);
            transform: scale(1.2) translateZ(0);
            -o-transform: scale(1.2) translateZ(0);
            -moz-transform: scale(1.2) translateZ(0);
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: var(--bs-white);
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0);
            -o-transform: translateY(-50%) translateZ(0);
            -moz-transform: translateY(-50%) translateZ(0);
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item {
                list-style: none;
                display: inline-block;
                margin: 0 3px;
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
                    border-color: var(--bs-white);
                    color: var(--bs-white);
                    padding: 12px 15px 10px;
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
                        background: var(--color);
                        border-color: var(--color);
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%;
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0;
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0;
    }

    .el-element-overlay .el-card-item .el-overlay-1 :hover .scrl-up {
        top: 0;
        height: 100%;
    }

.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto;
}

    .timeline:before {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #e9ecef;
    }

    .timeline > .timeline-item {
        position: relative;
        margin-bottom: 20px;
    }

        .timeline > .timeline-item:after,
        .timeline > .timeline-item:before {
            content: ' ';
            display: table;
        }

        .timeline > .timeline-item:after {
            clear: both;
        }

        .timeline > .timeline-item > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid rgba(120, 130, 140, .13);
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
        }

            .timeline > .timeline-item > .timeline-panel:before {
                content: ' ';
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -8px;
                border-top: 8px solid transparent;
                border-right: 0 solid rgba(120, 130, 140, .13);
                border-bottom: 8px solid transparent;
                border-left: 8px solid rgba(120, 130, 140, .13);
            }

            .timeline > .timeline-item > .timeline-panel:after {
                content: ' ';
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -7px;
                border-top: 7px solid transparent;
                border-right: 0 solid var(--bs-white);
                border-bottom: 7px solid transparent;
                border-left: 7px solid var(--bs-white);
            }

        .timeline > .timeline-item > .timeline-badge {
            z-index: 10;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: var(--bs-white);
            overflow: hidden;
        }

.timeline-left > .timeline-item > .timeline-panel,
.timeline-right > .timeline-item > .timeline-panel {
    width: calc(100% - 80px);
}

.timeline > .timeline-item.timeline-inverted > .timeline-panel {
    float: right;
}

    .timeline > .timeline-item.timeline-inverted > .timeline-panel:before {
        right: auto;
        left: -8px;
        border-right-width: 8px;
        border-left-width: 0;
    }

    .timeline > .timeline-item.timeline-inverted > .timeline-panel:after {
        right: auto;
        left: -7px;
        border-right-width: 7px;
        border-left-width: 0;
    }

.timeline-badge.primary {
    background-color: #007bff;
}

.timeline-badge.success {
    background-color: #2cd07e;
}

.timeline-badge.warning {
    background-color: #ffc107;
}

.timeline-badge.danger {
    background-color: #ff5050;
}

.timeline-badge.info {
    background-color: var(--color);
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-left:before {
    left: 30px;
}

.timeline-left > .timeline-item > .timeline-badge {
    left: 30px;
    top: 9px;
}

.timeline-right:before {
    right: 30px;
    left: auto;
}

.timeline-right > .timeline-item > .timeline-badge {
    right: 5px;
    top: 9px;
    left: auto;
}

.cd-horizontal-timeline .events a {
    padding-bottom: 6px;
    color: var(--color);
}

    .cd-horizontal-timeline .events a.selected::after,
    .cd-horizontal-timeline .filling-line {
        background: var(--color);
    }

    .cd-horizontal-timeline .events a.selected::after {
        border-color: var(--color);
    }

.cd-horizontal-timeline .m-t-40 {
    margin-top: 40px !important;
}

.form-material .form-group {
    overflow: hidden;
}

.form-material .form-control {
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
}

    .form-material .form-control,
    .form-material .form-control.focus,
    .form-material .form-control:focus {
        background-image: linear-gradient(var(--color), var(--color)), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
        border: 0;
        border-radius: 0;
        box-shadow: none;
        float: none;
    }

.card .card-actions,
.pull-right {
    float: right;
}

.form-material .form-control.focus,
.form-material .form-control:focus {
    background-size: 100% 2px, 100% 1px;
    outline: 0;
    transition-duration: .3s;
}

.form-control-line .form-group {
    overflow: hidden;
}

.form-control-line .form-control {
    border: 0;
    border-radius: 0;
    padding-left: 0;
    border-bottom: 1px solid rgba(120, 130, 140, .13);
}

    .form-control-line .form-control:focus {
        border-bottom: 1px solid var(--color);
    }

    .form-control-line .form-control.form-control-success:focus {
        border-bottom: 1px solid #2cd07e;
    }

    .form-control-line .form-control.form-control-warning:focus {
        border-bottom: 1px solid #ffc107;
    }

    .form-control-line .form-control.form-control-danger:focus {
        border-bottom: 1px solid #ff5050;
    }

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem;
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #2cd07e;
}

.has-success .form-control {
    border-color: #2cd07e;
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #ffc107;
}

.has-warning .form-control {
    border-color: #ffc107;
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #ff5050;
}

.has-danger .form-control {
    border-color: #ff5050;
}

.has-warning .bar:after,
.has-warning .bar:before {
    background: #ffc107;
}

.has-success .bar:after,
.has-success .bar:before {
    background: #2cd07e;
}

.has-error .bar:after,
.has-error .bar:before {
    background: #ff5050;
}

.has-warning .form-control:focus ~ label,
.has-warning .form-control:valid ~ label {
    color: #ffc107;
}

.has-success .form-control:focus ~ label,
.has-success .form-control:valid ~ label {
    color: #2cd07e;
}

.has-error .form-control:focus ~ label,
.has-error .form-control:valid ~ label {
    color: #ff5050;
}

.has-feedback label ~ .t-0 {
    top: 0;
}

.form-group.error input,
.form-group.error select,
.form-group.error textarea {
    border: 1px solid #ff5050;
}

.form-group.validate input,
.form-group.validate select,
.form-group.validate textarea {
    border: 1px solid #2cd07e;
}

.form-group.error .help-block ul {
    padding: 0;
    color: #ff5050;
}

    .form-group.error .help-block ul li {
        list-style: none;
    }

.form-group.issue .help-block ul {
    padding: 0;
    color: #ffc107;
}

    .form-group.issue .help-block ul li {
        list-style: none;
    }

.form-control-line {
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 0 none;
    box-shadow: none;
    padding-left: 0;
}

.floating-labels .form-group {
    position: relative;
}

.floating-labels .form-control {
    font-size: 20px;
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    border-bottom: 1px solid #e9ecef;
}

.floating-labels select.form-control > option {
    font-size: 14px;
}

.floating-labels .form-control:focus {
    outline: 0;
    border: none;
}

.floating-labels label {
    color: #313131;
    font-size: 16px;
    position: absolute;
    cursor: auto;
    font-weight: 400;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
}

.floating-labels .form-control:focus ~ label {
    top: -20px;
    font-size: 12px;
    color: #007bff;
}

.floating-labels .bar {
    position: relative;
    display: block;
}

    .floating-labels .bar:after,
    .floating-labels .bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #007bff;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all;
    }

    .floating-labels .bar:before {
        left: 50%;
    }

    .floating-labels .bar:after {
        right: 50%;
    }

.floating-labels .form-control:focus ~ .bar:after,
.floating-labels .form-control:focus ~ .bar:before {
    width: 50%;
}

.floating-labels .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5;
}

.floating-labels .input-lg,
.floating-labels .input-lg ~ label {
    font-size: 24px;
}

.floating-labels .input-sm,
.floating-labels .input-sm ~ label,
.font-16 {
    font-size: 16px;
}

.floating-labels .has-success .form-control {
    border-color: #2cd07e;
    box-shadow: none !important;
}

.floating-labels .has-success.focused .form-control:focus {
    border-color: #2cd07e !important;
}

.floating-labels .has-success.focused label {
    color: #2cd07e;
}

.floating-labels .has-success.focused .bar:after,
.floating-labels .has-success.focused .bar:before {
    background: #2cd07e;
}

.floating-labels .has-warning .form-control {
    border-color: #ffc107;
    box-shadow: none !important;
}

.floating-labels .has-warning.focused .form-control:focus {
    border-color: #ffc107 !important;
}

.floating-labels .has-warning.focused label {
    color: #ffc107;
}

.floating-labels .has-warning.focused .bar:after,
.floating-labels .has-warning.focused .bar:before {
    background: #ffc107;
}

.floating-labels .has-error .form-control {
    border-color: #ff5050;
    box-shadow: none !important;
}

.floating-labels .has-error.focused .form-control:focus {
    border-color: #ff5050 !important;
}

.floating-labels .has-error.focused label {
    color: #ff5050;
}

.floating-labels .has-error.focused .bar:after,
.floating-labels .has-error.focused .bar:before {
    background: #ff5050;
}

.floating-labels .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #707cd2 0, #8d70d2 100%) !important;
}

.bg-gradient-secondary {
    background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(87deg, #2cd07e 0, #2cd0c2 100%) !important;
}

.bg-gradient-info {
    background: linear-gradient(87deg, var(--color) 0, #2c5fe3 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(87deg, #ffc36d 0, #feff6d 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(87deg, #ff5050 0, #ff9950 100%) !important;
}

.bg-gradient-light {
    background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}

.bg-gradient-dark {
    background: linear-gradient(87deg, #313131 0, #313131 100%) !important;
}

.bg-gradient-cyan {
    background: linear-gradient(87deg, #4fc3f7 0, #4f7df7 100%) !important;
}

.bg-gradient-orange {
    background: linear-gradient(87deg, #ffc36d 0, #feff6d 100%) !important;
}

.bg-gradient-purple {
    background: linear-gradient(87deg, #707cd2 0, #8d70d2 100%) !important;
}

.bg-gradient-inverse {
    background: linear-gradient(87deg, #4c5667 0, #4d4c67 100%) !important;
}

.fill-primary {
    fill: #707cd2;
}

.stroke-primary {
    stroke: #707cd2;
}

.fill-secondary {
    fill: #8898aa;
}

.stroke-secondary {
    stroke: #8898aa;
}

.fill-success {
    fill: #2cd07e;
}

.stroke-success {
    stroke: #2cd07e;
}

.fill-info {
    fill: var(--color);
}

.stroke-info {
    stroke: var(--color);
}

.fill-warning {
    fill: #ffc36d;
}

.stroke-warning {
    stroke: #ffc36d;
}

.fill-danger {
    fill: #ff5050;
}

.stroke-danger {
    stroke: #ff5050;
}

.fill-light {
    fill: #f7fafc;
}

.stroke-light {
    stroke: #f7fafc;
}

.fill-dark {
    fill: #313131;
}

.stroke-dark {
    stroke: #313131;
}

.fill-cyan {
    fill: #4fc3f7;
}

.stroke-cyan {
    stroke: #4fc3f7;
}

.fill-orange {
    fill: #ffc36d;
}

.stroke-orange {
    stroke: #ffc36d;
}

.fill-purple {
    fill: #707cd2;
}

.stroke-purple {
    stroke: #707cd2;
}

.fill-inverse {
    fill: #4c5667;
}

.stroke-inverse {
    stroke: #4c5667;
}

.floating {
    animation: floating 3s ease infinite;
    will-change: transform;
}

    .floating:hover {
        animation-play-state: paused;
    }

.floating-lg {
    animation: floating-lg 3s ease infinite;
}

.floating-sm {
    animation: floating-sm 3s ease infinite;
}

@keyframes floating-lg {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(15px);
    }
}

@keyframes floating {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }
}

@keyframes floating-sm {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }
}

.font-bold {
    font-weight: 700;
}

.font-normal {
    font-weight: 400;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.mar-bo-5 {
    margin-bottom: 5px;
}

.card {
    margin-bottom: 10px;
    /*margin-top: 75px;*/
}

.search-box-bg {
    margin-bottom: 12px;
    margin-top: 68px;
}

.search-box-bg-no-bg {
    margin-bottom: 12px;
    margin-top: 55px;
    border: 1px solid lightgray;
}

.card-widg {
    margin-bottom: 12px;
}

.card-meeting-new {
    margin-bottom: 12px;
    margin-top: 12px !important;
}

.card .card-subtitle {
    font-weight: 300;
    margin-bottom: 10px;
    color: #8898aa;
}

.card .card-title {
    position: relative;
    font-weight: bold;
    font-size: 14px;
}

.display-5,
.display-6,
.display-7 {
    font-weight: 300;
    line-height: 1.2;
}

.card .card-actions a {
    padding: 0 5px;
    cursor: pointer;
}

.card .card-header .card-title {
    margin-bottom: 0;
}

.card-alt {
    margin: 0 -20px;
    background: #e4e9ef;
}

.card-group {
    margin-bottom: 30px;
}

    .card-group .card {
        border-right: 1px solid rgba(120, 130, 140, .13);
    }

.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
}

.card-hover {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

    .card-hover:hover {
        -webkit-transform: translateY(-4px) scale(1.01);
        -moz-transform: translateY(-4px) scale(1.01);
        -ms-transform: translateY(-4px) scale(1.01);
        -o-transform: translateY(-4px) scale(1.01);
        transform: translateY(-4px) scale(1.01);
        -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .1);
        box-shadow: 0 14px 24px rgba(62, 57, 107, .1);
    }

.draggable-cards .card-header {
    cursor: move;
}

.card-moved .card {
    background: var(--color);
    color: var(--bs-white);
}

.round,
.round.round-info {
    background: #007bff;
}

.accordion .btn,
.accordion .btn:hover,
.accordion .card {
    box-shadow: none;
    margin-bottom: 1px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-10 {
    font-size: 10px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.display-5 {
    font-size: 3rem;
}

.display-6 {
    font-size: 2.5rem;
}

.display-7 {
    font-size: 2rem;
}

.round,
body {
    font-weight: 400;
}

.blockquote {
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 15px;
}

.badge-circle {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    font-size: .875rem;
}

.badge-rounded {
    border-radius: 40px;
}

.round,
.round img {
    border-radius: 100%;
}

.round {
    color: var(--bs-white);
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 52px;
}

.chat-list .chat-item.odd .chat-time,
.chat-list .chat-item.reverse {
    text-align: right;
}

.round.round-warning {
    background: #ffc107;
}

.round.round-danger {
    background: #ff5050;
}

.round.round-success {
    background: #2cd07e;
}

.round.round-primary {
    background: #007bff;
}

.round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}

* {
    outline: 0;
}

body {
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #f8f8f8;
    zoom: 80%;
    min-height: 100vh;
}

html,
body {
    /* commented this two style properties beacuse when print the page shows 2 page */
    /*width: 100% !important;
  height: 100%;*/
    margin: 0;
}

html {
    /*position: relative;*/
}

a.link {
    color: #8898aa;
    padding: 0px 10px;
}

    a.link:focus,
    a.link:hover,
    a:focus,
    a:hover {
        /*color:var(--color)*/
    }

a {
    color: #8898aa;
}

.no-wrap td,
.no-wrap th {
    white-space: nowrap;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.op-5 {
    opacity: .5;
}

.op-3 {
    opacity: .3;
}

.oh {
    overflow: hidden;
}

ul.list-style-none {
    margin: 0;
    padding: 0;
}

    ul.list-style-none li {
        list-style: none;
    }

        ul.list-style-none li a {
            color: #313131;
            padding: 8px 0;
            display: block;
            text-decoration: none;
        }

            ul.list-style-none li a:hover {
                color: var(--color);
            }

.pull-left {
    float: left;
}

.error-box {
    height: 100%;
    position: fixed;
    background: url(../../assets/images/background/error-bg.jpg) center center no-repeat var(--bs-white);
    width: 100%;
}

    .error-box .error-body {
        padding-top: 5%;
    }

    .error-box .error-title {
        font-size: 210px;
        font-weight: 900;
        text-shadow: 4px 4px 0 var(--bs-white), 6px 6px 0 #313131;
        line-height: 210px;
    }

.f-icon,
.if-icon,
.m-icon,
.sl-icon,
.t-icon,
.w-icon {
    cursor: pointer;
    padding: 13px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .f-icon:hover,
    .if-icon:hover,
    .m-icon:hover,
    .sl-icon:hover,
    .t-icon:hover,
    .w-icon:hover {
        background-color: #f7fafc;
    }

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .ps-container {
        overflow: auto !important;
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: none;
    /*edit block*/
    background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9;
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: rgba(0, 0, 0, .2);
        height: 11px;
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9;
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: rgba(0, 0, 0, .2);
        width: 11px;
    }

/*.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  -o-transition: background-color .2s linear,opacity .2s linear;
  -moz-transition: background-color .2s linear,opacity .2s linear;
  transition: background-color .2s linear,opacity .2s linear;
  bottom: 0;
  height: 15px;
}*/

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    height: 6px;
}

.ps-container > .ps-scrollbar-y-rail {
    display: none !important;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px;
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        background-color: rgba(0, 0, 0, .2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        right: -3px;
        width: 6px;
        display: none !important;
    }

    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y,
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
        width: 6px;
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9;
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: rgba(0, 0, 0, .2);
        height: 6px;
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9;
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: rgba(0, 0, 0, .2);
        width: 6px;
    }

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6;
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: transparent;
        opacity: .9;
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: rgba(0, 0, 0, .2);
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: transparent;
        opacity: .9;
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: rgba(0, 0, 0, .2);
        }

.scroll-widg {
    overflow: auto;
    height: 110px;
    width: 338px;
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: var(--bs-white);
}

.lds-ripple {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
}

    .lds-ripple .lds-pos {
        position: absolute;
        border: 2px solid #007bff;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, .1, .5, 1) infinite;
    }

        .lds-ripple .lds-pos:nth-child(2) {
            animation-delay: -.5s;
        }

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

.btn {
    position: relative;
    transition: all .2s ease-in-out;
    font-size: 16px;
    font-family: var(--bs-font-opensans-regular);
    margin-bottom: 10px;
    /*text-transform: capitalize;*/
    /*float: right;
  margin-left: 10px;*/
}

.footer-btn-section {
    text-align: end;
}

.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .btn-circle.btn-sm,
    .btn-group-sm > .btn-circle.btn {
        width: 35px;
        height: 35px;
        padding: 8px 10px;
        font-size: 14px;
    }

    .btn-circle.btn-lg,
    .btn-group-lg > .btn-circle.btn {
        width: 50px;
        height: 50px;
        padding: 14px 15px;
        font-size: 18px;
        line-height: 23px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 14px 15px;
        font-size: 24px;
    }

.btn-rounded {
    border-radius: 60px;
}

    .btn-group-lg > .btn-rounded.btn,
    .btn-rounded.btn-lg {
        padding: .75rem 1.5rem;
    }

    .btn-group-sm > .btn-rounded.btn,
    .btn-rounded.btn-sm {
        padding: .25rem .75rem;
        font-size: 12px;
    }

    .btn-rounded.btn-md {
        padding: 12px 35px;
        font-size: 16px;
    }

.btn-facebook {
    color: var(--bs-white);
    background-color: #3b5999;
    border-color: #3b5999;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-facebook:hover {
        color: var(--bs-white);
        background-color: #30497d;
        border-color: #2d4474;
    }

    .btn-facebook.focus,
    .btn-facebook:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(88, 114, 168, .5);
    }

    .btn-facebook.disabled,
    .btn-facebook:disabled {
        color: var(--bs-white);
        background-color: #3b5999;
        border-color: #3b5999;
    }

    .btn-facebook:not(:disabled):not(.disabled).active,
    .btn-facebook:not(:disabled):not(.disabled):active,
    .show > .btn-facebook.dropdown-toggle {
        color: var(--bs-white);
        background-color: #2d4474;
        border-color: #293e6b;
    }

        .btn-facebook:not(:disabled):not(.disabled).active:focus,
        .btn-facebook:not(:disabled):not(.disabled):active:focus,
        .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(88, 114, 168, .5);
        }

.btn-twitter {
    color: var(--bs-white);
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-twitter:hover {
        color: var(--bs-white);
        background-color: #0d8ddc;
        border-color: #0c85d0;
    }

    .btn-twitter.focus,
    .btn-twitter:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(63, 175, 244, .5);
    }

    .btn-twitter.disabled,
    .btn-twitter:disabled {
        color: var(--bs-white);
        background-color: #1da1f2;
        border-color: #1da1f2;
    }

    .btn-twitter:not(:disabled):not(.disabled).active,
    .btn-twitter:not(:disabled):not(.disabled):active,
    .show > .btn-twitter.dropdown-toggle {
        color: var(--bs-white);
        background-color: #0c85d0;
        border-color: #0b7ec4;
    }

        .btn-twitter:not(:disabled):not(.disabled).active:focus,
        .btn-twitter:not(:disabled):not(.disabled):active:focus,
        .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(63, 175, 244, .5);
        }

.btn-googleplus {
    color: var(--bs-white);
    background-color: #dd4b39;
    border-color: #dd4b39;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-googleplus:hover {
        color: var(--bs-white);
        background-color: #cd3623;
        border-color: #c23321;
    }

    .btn-googleplus.focus,
    .btn-googleplus:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(226, 102, 87, .5);
    }

    .btn-googleplus.disabled,
    .btn-googleplus:disabled {
        color: var(--bs-white);
        background-color: #dd4b39;
        border-color: #dd4b39;
    }

    .btn-googleplus:not(:disabled):not(.disabled).active,
    .btn-googleplus:not(:disabled):not(.disabled):active,
    .show > .btn-googleplus.dropdown-toggle {
        color: var(--bs-white);
        background-color: #c23321;
        border-color: #b7301f;
    }

        .btn-googleplus:not(:disabled):not(.disabled).active:focus,
        .btn-googleplus:not(:disabled):not(.disabled):active:focus,
        .show > .btn-googleplus.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(226, 102, 87, .5);
        }

.btn-instagram {
    color: var(--bs-white);
    background-color: #e4405f;
    border-color: #e4405f;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-instagram:hover {
        color: var(--bs-white);
        background-color: #de1f44;
        border-color: #d31e40;
    }

    .btn-instagram.focus,
    .btn-instagram:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(232, 93, 119, .5);
    }

    .btn-instagram.disabled,
    .btn-instagram:disabled {
        color: var(--bs-white);
        background-color: #e4405f;
        border-color: #e4405f;
    }

    .btn-instagram:not(:disabled):not(.disabled).active,
    .btn-instagram:not(:disabled):not(.disabled):active,
    .show > .btn-instagram.dropdown-toggle {
        color: var(--bs-white);
        background-color: #d31e40;
        border-color: #c81c3d;
    }

        .btn-instagram:not(:disabled):not(.disabled).active:focus,
        .btn-instagram:not(:disabled):not(.disabled):active:focus,
        .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(232, 93, 119, .5);
        }

.btn-pinterest {
    color: var(--bs-white);
    background-color: #bd081c;
    border-color: #bd081c;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-pinterest:hover {
        color: var(--bs-white);
        background-color: #980617;
        border-color: #8c0615;
    }

    .btn-pinterest.focus,
    .btn-pinterest:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(199, 45, 62, .5);
    }

    .btn-pinterest.disabled,
    .btn-pinterest:disabled {
        color: var(--bs-white);
        background-color: #bd081c;
        border-color: #bd081c;
    }

    .btn-pinterest:not(:disabled):not(.disabled).active,
    .btn-pinterest:not(:disabled):not(.disabled):active,
    .show > .btn-pinterest.dropdown-toggle {
        color: var(--bs-white);
        background-color: #8c0615;
        border-color: #800513;
    }

        .btn-pinterest:not(:disabled):not(.disabled).active:focus,
        .btn-pinterest:not(:disabled):not(.disabled):active:focus,
        .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(199, 45, 62, .5);
        }

.btn-youtube {
    color: var(--bs-white);
    background-color: #cd201f;
    border-color: #cd201f;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-youtube:hover {
        color: var(--bs-white);
        background-color: #ac1b1a;
        border-color: #a11918;
    }

    .btn-youtube.focus,
    .btn-youtube:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(213, 65, 65, .5);
    }

    .btn-youtube.disabled,
    .btn-youtube:disabled {
        color: var(--bs-white);
        background-color: #cd201f;
        border-color: #cd201f;
    }

    .btn-youtube:not(:disabled):not(.disabled).active,
    .btn-youtube:not(:disabled):not(.disabled):active,
    .show > .btn-youtube.dropdown-toggle {
        color: var(--bs-white);
        background-color: #a11918;
        border-color: #961717;
    }

        .btn-youtube:not(:disabled):not(.disabled).active:focus,
        .btn-youtube:not(:disabled):not(.disabled):active:focus,
        .show > .btn-youtube.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(213, 65, 65, .5);
        }

.btn-linkedin {
    color: var(--bs-white);
    background-color: #007bb6;
    border-color: #007bb6;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-linkedin:hover {
        color: var(--bs-white);
        background-color: #006190;
        border-color: #005983;
    }

    .btn-linkedin.focus,
    .btn-linkedin:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(38, 143, 193, .5);
    }

    .btn-linkedin.disabled,
    .btn-linkedin:disabled {
        color: var(--bs-white);
        background-color: #007bb6;
        border-color: #007bb6;
    }

    .btn-linkedin:not(:disabled):not(.disabled).active,
    .btn-linkedin:not(:disabled):not(.disabled):active,
    .show > .btn-linkedin.dropdown-toggle {
        color: var(--bs-white);
        background-color: #005983;
        border-color: #005076;
    }

        .btn-linkedin:not(:disabled):not(.disabled).active:focus,
        .btn-linkedin:not(:disabled):not(.disabled):active:focus,
        .show > .btn-linkedin.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(38, 143, 193, .5);
        }

.btn-slack {
    color: var(--bs-white);
    background-color: #3aaf85;
    border-color: #3aaf85;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-slack:hover {
        color: var(--bs-white);
        background-color: #30926f;
        border-color: #2d8968;
    }

    .btn-slack.focus,
    .btn-slack:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(88, 187, 151, .5);
    }

    .btn-slack.disabled,
    .btn-slack:disabled {
        color: var(--bs-white);
        background-color: #3aaf85;
        border-color: #3aaf85;
    }

    .btn-slack:not(:disabled):not(.disabled).active,
    .btn-slack:not(:disabled):not(.disabled):active,
    .show > .btn-slack.dropdown-toggle {
        color: var(--bs-white);
        background-color: #2d8968;
        border-color: #2a7f61;
    }

        .btn-slack:not(:disabled):not(.disabled).active:focus,
        .btn-slack:not(:disabled):not(.disabled):active:focus,
        .show > .btn-slack.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(88, 187, 151, .5);
        }

.btn-dribbble {
    color: var(--bs-white);
    background-color: #ea4c89;
    border-color: #ea4c89;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-dribbble:hover {
        color: var(--bs-white);
        background-color: #e62a72;
        border-color: #e51e6b;
    }

    .btn-dribbble.focus,
    .btn-dribbble:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(237, 103, 155, .5);
    }

    .btn-dribbble.disabled,
    .btn-dribbble:disabled {
        color: var(--bs-white);
        background-color: #ea4c89;
        border-color: #ea4c89;
    }

    .btn-dribbble:not(:disabled):not(.disabled).active,
    .btn-dribbble:not(:disabled):not(.disabled):active,
    .show > .btn-dribbble.dropdown-toggle {
        color: var(--bs-white);
        background-color: #e51e6b;
        border-color: #dc1a65;
    }

        .btn-dribbble:not(:disabled):not(.disabled).active:focus,
        .btn-dribbble:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dribbble.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(237, 103, 155, .5);
        }

.btn-github {
    color: var(--bs-white);
    background-color: #222;
    border-color: #222;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-github:hover {
        color: var(--bs-white);
        background-color: #0f0f0f;
        border-color: #090909;
    }

    .btn-github.focus,
    .btn-github:focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(67, 67, 67, .5);
    }

    .btn-github.disabled,
    .btn-github:disabled {
        color: var(--bs-white);
        background-color: #222;
        border-color: #222;
    }

    .btn-github:not(:disabled):not(.disabled).active,
    .btn-github:not(:disabled):not(.disabled):active,
    .show > .btn-github.dropdown-toggle {
        color: var(--bs-white);
        background-color: #090909;
        border-color: #020202;
    }

        .btn-github:not(:disabled):not(.disabled).active:focus,
        .btn-github:not(:disabled):not(.disabled):active:focus,
        .show > .btn-github.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(67, 67, 67, .5);
        }

.btn-group .btn,
.input-group .btn {
    margin-right: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}

.button-group .btn {
    margin-bottom: 5px;
}

.no-button-group .btn {
    margin-bottom: 5px;
    margin-right: 0;
}

.btn .text-active {
    display: none;
}

.btn.active .text-active {
    display: inline-block;
}

.btn.active .text {
    display: none;
}

.mailbox .drop-title {
    font-weight: 500;
    padding: 11px 20px 15px;
    border-radius: 2px 2px 0 0;
    position: relative;
    font-size: 15px;
    color: #212529;
}

.mailbox .nav-link {
    border-top: 1px solid rgba(120, 130, 140, .13);
    padding-top: 15px;
}

.mailbox .message-center {
    overflow: auto;
    position: relative;
}

    .mailbox .message-center .message-item {
        border-bottom: 1px solid rgba(120, 130, 140, .13);
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 9px 15px;
    }

        .mailbox .message-center .message-item:hover {
            background: #f7fafc;
        }

        .mailbox .message-center .message-item .message-title {
            color: #212529;
            font-weight: 400;
        }

        .mailbox .message-center .message-item .user-img {
            width: 40px;
            position: relative;
        }

            .mailbox .message-center .message-item .user-img img {
                width: 100%;
            }

            .mailbox .message-center .message-item .user-img .profile-status {
                border: 2px solid var(--bs-white);
                border-radius: 50%;
                display: inline-block;
                height: 10px;
                left: 30px;
                position: absolute;
                top: 1px;
                width: 10px;
            }

            .mailbox .message-center .message-item .user-img .online {
                background: #2cd07e;
            }

            .mailbox .message-center .message-item .user-img .busy {
                background: #ff5050;
            }

            .mailbox .message-center .message-item .user-img .away,
            .mailbox .message-center .message-item .user-img .offline {
                background: #ffc107;
            }

        .mailbox .message-center .message-item .mail-contnet {
            width: 85%;
            vertical-align: middle;
            padding-left: 15px;
        }

            .mailbox .message-center .message-item .mail-contnet .message-title {
                margin: 5px 0 0;
            }

            .mailbox .message-center .message-item .mail-contnet .mail-desc,
            .mailbox .message-center .message-item .mail-contnet .time {
                font-size: 12px;
                display: block;
                margin: 1px 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

.chat-box {
    overflow: auto;
}

.chat-list {
    margin: 0;
    padding: 0;
}

    .chat-list .chat-item {
        list-style: none;
        margin-top: 30px;
    }

        .chat-list .chat-item .chat-img {
            display: inline-block;
            width: 45px;
            vertical-align: top;
        }

            .chat-list .chat-item .chat-img img {
                width: 45px;
                border-radius: 100%;
            }

        .chat-list .chat-item .chat-content {
            width: calc(100% - 50px);
            display: inline-block;
            padding-left: 15px;
        }

            .chat-list .chat-item .chat-content .box {
                display: inline-block;
                padding: 15px;
                margin-bottom: 3px;
                color: #313131;
                background: #f7fafc;
                border-radius: 0 8px 8px;
            }

        .chat-list .chat-item .chat-time {
            display: block;
            font-size: 10px;
            color: #525f7f;
            font-weight: 500;
            margin-top: 5px;
        }

        .chat-list .chat-item.odd .chat-content {
            text-align: right;
            width: calc(100% - 0px);
            padding-left: 0;
            padding-right: 15px;
        }

        .chat-list .chat-item.odd .box {
            clear: both;
            background: #e9ecef;
            border-radius: 8px 0 8px 8px;
        }

        .chat-list .chat-item.odd + .odd {
            margin-top: 0;
        }

        .chat-list .chat-item.reverse .chat-time {
            text-align: left;
        }

        .chat-list .chat-item.reverse .chat-content {
            padding-left: 0;
            padding-right: 15px;
        }

    .chat-list .odd.chat-item {
        display: flex;
    }

.comment-widgets {
    position: relative;
    margin-bottom: 10px;
}

    .comment-widgets .comment-row {
        border-bottom: 1px solid rgba(120, 130, 140, .13);
        padding: 20px 25px;
        display: flex;
        margin: 10px 0;
    }

        .comment-widgets .comment-row:last-child {
            border-bottom: 0;
        }

        .comment-widgets .comment-row.active,
        .comment-widgets .comment-row:hover {
            background: rgba(0, 0, 0, .03);
        }

.comment-text {
    padding-left: 15px;
    width: 100%;
}

    .comment-text p {
        max-height: 65px;
        width: 100%;
        overflow: hidden;
    }

.feed-widget .feed-body .feed-item {
    padding: 12px 0;
    display: flex;
    align-items: center;
}

    .feed-widget .feed-body .feed-item:hover {
        background: #f7fafc;
    }

    .feed-widget .feed-body .feed-item > .feed-icon {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        border-radius: 100%;
        color: var(--bs-white);
    }

        .feed-widget .feed-body .feed-item > .feed-icon i {
            line-height: 40px;
        }

.todo-widget .todo-list .todo-item {
    border: 0;
    margin-bottom: 0;
    padding: 20px 15px 15px 0;
}

    .todo-widget .todo-list .todo-item .custom-checkbox {
        width: 100%;
    }

        .todo-widget .todo-list .todo-item .custom-checkbox .todo-label {
            font-weight: 400;
            width: 100%;
        }

    .todo-widget .todo-list .todo-item .assignedto {
        padding: 0 0 0 25px;
        margin: 0;
    }

        .todo-widget .todo-list .todo-item .assignedto .assignee {
            padding: 0;
            display: inline-block;
            border: 0;
            margin-right: 2px;
        }

            .todo-widget .todo-list .todo-item .assignedto .assignee .assignee-img {
                width: 30px;
                border-radius: 100%;
            }

    .todo-widget .todo-list .todo-item .item-date {
        padding-left: 25px;
        font-size: 12px;
        margin-top: 5px;
        display: inline-block;
        color: #8898aa;
    }

.list-task .task-done .badge,
.list-task .task-done .todo-desc {
    text-decoration: line-through;
}

.steamline {
    position: relative;
    border-left: 1px solid rgba(120, 130, 140, .13);
    margin-left: 20px;
}

    .steamline .sl-left {
        float: left;
        margin-left: -20px;
        z-index: 1;
        width: 40px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        border-radius: 100%;
        color: var(--bs-white);
        margin-right: 15px;
    }

        .steamline .sl-left img {
            max-width: 40px;
        }

    .steamline .sl-right {
        padding-left: 30px;
    }

        .steamline .sl-right .desc,
        .steamline .sl-right .inline-photos {
            margin-bottom: 21px;
        }

    .steamline .sl-item {
        border-bottom: 1px solid rgba(120, 130, 140, .13);
        margin: 20px 0;
    }

        .steamline .sl-item:last-child {
            border-bottom: none;
        }

.time-item,
.time-item:after {
    border-color: rgba(120, 130, 140, .13);
}

.sl-date {
    font-size: 10px;
    color: #adb5bd;
}

.time-item {
    padding-bottom: 1px;
    position: relative;
}

    .time-item:before {
        content: ' ';
        display: table;
    }

    .time-item:after {
        background-color: var(--bs-white);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px;
    }

.time-item-item:after {
    content: ' ';
    display: table;
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px;
}

    .item-info p {
        margin-bottom: 10px !important;
    }

.nav-tabs .nav-link {
    color: #313131;
}

    .nav-tabs .nav-link:hover {
        color: #007bff;
    }

.tab-content {
    background: var(--bs-white);
}

    .tab-content.tabcontent-border {
        border: 1px solid rgba(120, 130, 140, .13);
        border-top: 0;
    }

.customtab .nav-link {
    border: 0;
    padding: 15px 20px;
    border-bottom: 2px solid rgba(120, 130, 140, .13);
}

    .customtab .nav-link.active,
    .customtab .nav-link:hover {
        border-color: #007bff;
    }

.progress {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    -o-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
}

html body .flotTip,
html body .jqstooltip {
    /*width: auto !important;
  height: auto !important;
  background: #212529;
  color: var(--bs-white);
  padding: 5px 10px;*/
}

body .jqstooltip {
    border-color: transparent;
    border-radius: 60px;
}

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    border-radius: 2px;
    padding: 10px 20px;
    background: var(--color);
    color: var(--bs-white);
    ext-align: center;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

[dir=rtl] .pl-0,
[dir=rtl] .pr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.chartist-tooltip:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: var(--color);
}

[dir=rtl] .ml-0,
[dir=rtl] .mr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.chartist-tooltip.tooltip-show {
    opacity: 1;
}

.ct-area,
.ct-line {
    pointer-events: none;
}

.c3-chart-arcs-title {
    fill: #8898aa;
}

.c3 line,
.c3 path {
    stroke: #e9ecef;
}

.c3-chart-arc path {
    stroke: transparent;
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: none;
}

[dir=rtl] {
    text-align: right;
    direction: rtl;
}

    [dir=rtl] .mr-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

@media (min-width:576px) {

    [dir=rtl] .ml-sm-0,
    [dir=rtl] .mr-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .pl-sm-0,
    [dir=rtl] .pr-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .mr-sm-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-sm-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-sm-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-sm-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-sm-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-sm-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-sm-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-sm-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-sm-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-sm-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-sm-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-sm-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-sm-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-sm-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width:768px) {

    [dir=rtl] .ml-md-0,
    [dir=rtl] .mr-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .pl-md-0,
    [dir=rtl] .pr-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .mr-md-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-md-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-md-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-md-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-md-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-md-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-md-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-md-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-md-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-md-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-md-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-md-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-md-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-md-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

[dir=rtl] .float-left {
    float: right !important;
}

[dir=rtl] .float-right {
    float: left !important;
}

[dir=rtl] .float-none {
    float: none !important;
}

@media (min-width:576px) {
    [dir=rtl] .float-sm-left {
        float: right !important;
    }

    [dir=rtl] .float-sm-right {
        float: left !important;
    }

    [dir=rtl] .float-sm-none {
        float: none !important;
    }
}

@media (min-width:768px) {
    [dir=rtl] .float-md-left {
        float: right !important;
    }

    [dir=rtl] .float-md-right {
        float: left !important;
    }

    [dir=rtl] .float-md-none {
        float: none !important;
    }
}

[dir=rtl] .text-left {
    text-align: right !important;
}

[dir=rtl] .text-right {
    text-align: left !important;
}

[dir=rtl] .text-center {
    text-align: center !important;
}

@media (min-width:576px) {
    [dir=rtl] .text-sm-left {
        text-align: right !important;
    }

    [dir=rtl] .text-sm-right {
        text-align: left !important;
    }

    [dir=rtl] .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width:768px) {
    [dir=rtl] .text-md-left {
        text-align: right !important;
    }

    [dir=rtl] .text-md-right {
        text-align: left !important;
    }

    [dir=rtl] .text-md-center {
        text-align: center !important;
    }
}

@media (min-width:992px) {

    [dir=rtl] .ml-lg-0,
    [dir=rtl] .mr-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .pl-lg-0,
    [dir=rtl] .pr-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .mr-lg-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-lg-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-lg-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-lg-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-lg-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-lg-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-lg-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-lg-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-lg-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-lg-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-lg-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-lg-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-lg-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-lg-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    [dir=rtl] .float-lg-left {
        float: right !important;
    }

    [dir=rtl] .float-lg-right {
        float: left !important;
    }

    [dir=rtl] .float-lg-none {
        float: none !important;
    }

    [dir=rtl] .text-lg-left {
        text-align: right !important;
    }

    [dir=rtl] .text-lg-right {
        text-align: left !important;
    }

    [dir=rtl] .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width:1200px) {

    [dir=rtl] .ml-xl-0,
    [dir=rtl] .mr-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .pl-xl-0,
    [dir=rtl] .pr-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .mr-xl-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xl-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xl-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xl-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-xl-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xl-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xl-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xl-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xl-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xl-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xl-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xl-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-xl-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xl-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    [dir=rtl] .float-xl-left {
        float: right !important;
    }

    [dir=rtl] .float-xl-right {
        float: left !important;
    }

    [dir=rtl] .float-xl-none {
        float: none !important;
    }

    [dir=rtl] .text-xl-left {
        text-align: right !important;
    }

    [dir=rtl] .text-xl-right {
        text-align: left !important;
    }

    [dir=rtl] .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width:1600px) {

    [dir=rtl] .ml-xlg-0,
    [dir=rtl] .mr-xlg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-0,
    [dir=rtl] .pr-xlg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .mr-xlg-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xlg-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xlg-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xlg-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mr-xlg-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-5 {
        margin-right: 3rem !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .pr-xlg-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-1 {
        padding-right: .25rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xlg-2 {
        padding-left: .5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-2 {
        padding-right: .5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xlg-3 {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-3 {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xlg-4 {
        padding-left: 1.5rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .pr-xlg-5 {
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

    [dir=rtl] .pl-xlg-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }

    [dir=rtl] .mr-xlg-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    [dir=rtl] .ml-xlg-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    [dir=rtl] .mx-xlg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    [dir=rtl] .float-xlg-left {
        float: right !important;
    }

    [dir=rtl] .float-xlg-right {
        float: left !important;
    }

    [dir=rtl] .float-xlg-none {
        float: none !important;
    }

    [dir=rtl] .text-xlg-left {
        text-align: right !important;
    }

    [dir=rtl] .text-xlg-right {
        text-align: left !important;
    }

    [dir=rtl] .text-xlg-center {
        text-align: center !important;
    }
}

[dir=rtl] .border-right {
    border-left: 1px solid rgba(120, 130, 140, .13) !important;
    border-right: 0 !important;
}

[dir=rtl] .border-left {
    border-right: 1px solid rgba(120, 130, 140, .13) !important;
    border-left: 0 !important;
}

[dir=rtl] .border-right-0 {
    border-left: 0 !important;
}

[dir=rtl] .border-left-0 {
    border-right: 0 !important;
}

[dir=rtl] .custom-select {
    padding: .375rem .75rem .375rem 1.75rem;
    background: url(../../assets/images/custom-select.png) left .35rem center no-repeat var(--bs-white);
}

[dir=rtl] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir=rtl] .custom-control-label::after,
[dir=rtl] .custom-control-label::before {
    left: auto;
    right: -25px;
}

[dir=rtl] .list-group {
    padding: 0;
}

[dir=rtl] .close {
    float: left;
}

[dir=rtl] .modal-header .close {
    float: left;
    margin: -1rem auto -1rem -1rem;
}

[dir=rtl] .wizard-content .wizard.vertical > .steps,
[dir=rtl] .wizard > .actions > ul > li,
[dir=rtl] .wizard > .steps > ul > li {
    float: right;
}

[dir=rtl] .modal-footer > :not(:last-child) {
    margin-left: .25rem;
    margin-right: 0;
}

[dir=rtl] .alert-dismissible {
    padding-left: 3.8125rem;
    padding-right: 1.25rem;
}

    [dir=rtl] .alert-dismissible .close {
        left: 0;
        right: auto;
    }

[dir=rtl] .custom-file-label {
    left: auto;
    right: 0;
    width: 100%;
}

    [dir=rtl] .custom-file-label::after,
    [dir=rtl] .dropdown-menu-right {
        right: auto;
        left: 0;
    }

[dir=rtl] .dropdown-menu {
    text-align: right;
}

[dir=rtl] .topbar .navbar-collapse {
    padding: 0 0 0 10px;
}

[dir=rtl] .list-unstyled,
[dir=rtl] .nav,
[dir=rtl] .navbar-nav,
[dir=rtl] .pagination {
    padding-right: 0;
}

[dir=rtl] .app-search a {
    right: 0;
    left: 10px;
}

[dir=rtl] .customizer {
    left: -280px;
    right: auto;
}

    [dir=rtl] .customizer.show-service-panel {
        left: 0;
        right: auto;
    }

    [dir=rtl] .customizer .service-panel-toggle {
        right: -54px;
        left: auto;
    }

[dir=rtl] .navbar-header.expand-logo .sidebartoggler.side-start {
    margin-left: 0;
    margin-right: 1.5rem;
}

[dir=rtl] .sidebar-nav .has-arrow::after {
    margin-left: 0;
    margin-right: 10px;
    right: auto;
    left: 15px;
}

[dir=rtl] .sidebar-nav ul .sidebar-item .sidebar-link.profile-dd span {
    margin-left: 0;
    margin-right: 10px;
}

[dir=rtl] .left-part {
    border-left: 1px solid rgba(120, 130, 140, .13);
    border-right: none;
}

    [dir=rtl] .left-part .show-left-part {
        left: -41px;
        right: auto;
    }

[dir=rtl] .right-part {
    margin-right: 260px;
    margin-left: 0;
}

[dir=rtl] .reverse-mode .left-part {
    right: auto;
    left: 0;
}

[dir=rtl] .reverse-mode .show-left-part {
    left: auto;
    right: -41px;
}

[dir=rtl] .reverse-mode .right-part {
    margin-right: 0;
    margin-left: 260px;
}

[dir=rtl] .profiletimeline {
    padding-right: 40px;
    padding-left: 0;
    margin: 40px 30px 0 10px;
    border-right: 1px solid rgba(120, 130, 140, .13);
    border-left: none;
}

    [dir=rtl] .profiletimeline .sl-left {
        float: right;
        margin-right: -60px;
        margin-left: 15px;
    }

[dir=rtl] .feed-widget .feed-body .feed-item > .feed-icon {
    margin-right: 0;
    margin-left: 10px;
}

[dir=rtl] div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

[dir=rtl] table.table-bordered.dataTable td,
[dir=rtl] table.table-bordered.dataTable th {
    border-left-width: 1px;
}

[dir=rtl] div.dataTables_wrapper div.dataTables_filter input {
    margin-right: .5rem;
    margin-left: 0;
}

[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-left: 1px;
}

[dir=rtl] .lobilists .lobilist-actions {
    right: auto;
    left: 8px;
}

[dir=rtl] .lobilists .lobilist-item .todo-actions {
    right: auto;
    left: 4px;
}

[dir=rtl] .lobilists .lobilist-check {
    left: auto;
    right: 12px;
}

[dir=rtl] .lobilists .lobilist-item,
[dir=rtl] .lobilists .lobilist-item-placeholder {
    padding-left: 0;
    padding-right: 35px;
}

    [dir=rtl] .lobilists .lobilist-item .drag-handler {
        left: auto;
        right: 0;
    }

[dir=rtl] .lobilists .lobilist-placeholder,
[dir=rtl] .lobilists .lobilist-wrapper {
    margin-left: 16px;
    margin-right: 0;
}

[dir=rtl] .datepicker {
    direction: rtl;
}

[dir=rtl] .minicolors .minicolors-grid {
    right: 22px;
    left: auto;
}

[dir=rtl] .wizard-content .wizard > .steps > ul > li:after {
    right: auto;
    left: 0;
}

[dir=rtl] .wizard-content .wizard > .steps > ul > li:before {
    left: auto;
    right: 0;
}

[dir=rtl] .css-bar > i {
    margin-left: 0;
    margin-right: 5px;
}

[dir=rtl] .treeview span.icon {
    margin-right: 0;
    margin-left: 5px;
}

[dir=rtl] #main-wrapper[data-sidebartype=full] .page-wrapper,
[dir=rtl] #main-wrapper[data-sidebartype=overlay] .page-wrapper {
    margin-right: 250px;
    margin-left: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=iconbar] .page-wrapper {
    margin-right: 180px;
    margin-left: 0;
}

[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
    width: 250px;
}

[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
    margin-right: 250px;
    margin-left: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
    width: 65px;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .topbar .top-navbar .navbar-collpase {
    margin-right: 65px;
    margin-left: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .left-sidebar {
    right: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .left-sidebar {
    right: -250px;
    left: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .page-wrapper {
    margin-right: 0;
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text,
[dir=rtl] .dz-hidden-input {
    display: none;
}

@media (min-width:768px) {

    [dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
    [dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
        margin-right: 250px;
        margin-left: 0;
    }

    [dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
        margin-right: 180px;
        margin-left: 0;
    }

    [dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse,
    [dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse,
    [dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .page-wrapper {
        margin-right: 65px;
        margin-left: 0;
    }
}

@media (max-width:766px) {
    [dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
        right: -250px;
        left: auto;
    }

    [dir=rtl] #main-wrapper.hide-sidebar .left-sidebar {
        right: 0;
        left: auto;
    }

    [dir=rtl] .left-part {
        right: -260px;
        left: auto;
    }

        [dir=rtl] .left-part.show-panel {
            right: 0;
            left: auto;
        }

    [dir=rtl] .right-part {
        margin-right: 0;
    }
}

@media (max-width:1023px) {

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header,
    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        width: 250px;
    }

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
        margin-right: 250px;
        margin-left: 0;
    }

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
        margin-right: 0;
    }

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
        right: -250px;
        left: 0;
    }

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
        display: block;
    }

    [dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
        right: 0;
    }
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .topbar,
#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .topbar {
    width: 100%;
    position: fixed;
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {
    padding-top: 60px;
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {
    padding-top: 60px;
    position: fixed;
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
    padding-top: 78px;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] ul {
    background: var(--bs-white);
}

    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
        border-left: 0;
        opacity: 1;
        background-color: var(--color);
        font-weight: 500;
    }

@media (min-width:768px) {
    #main-wrapper[data-layout=horizontal] {
        background: #edf1f5;
    }

        #main-wrapper[data-layout=horizontal] .topbar {
            transition: 0s;
        }

        #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper,
        #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .scroll-sidebar,
        #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .top-navbar {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
        }

        #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav {
            flex-wrap: wrap;
        }

            #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
                display: block;
            }

        #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav .sidebar-item {
            flex: 1 1 0;
        }

        #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
            padding-top: 110px;
        }

        #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
            width: 200px;
            border-right: 1px solid rgba(0, 0, 0, .1);
        }

        #main-wrapper[data-layout=horizontal] .topbar .sidebartoggler {
            display: none;
        }

        #main-wrapper[data-layout=horizontal] .left-sidebar {
            width: 100%;
            height: auto;
            position: relative;
            padding-top: 0;
            z-index: 45;
            transition: 0s;
        }

            #main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar {
                height: 50px;
            }

        #main-wrapper[data-layout=horizontal] .sidebar-nav ul {
            display: flex;
        }

        #main-wrapper[data-layout=horizontal] .scroll-sidebar {
            height: auto;
        }

        #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
            display: flex;
            width: 100%;
        }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item {
                position: relative;
                width: auto;
            }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
                    padding: 13px;
                }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item {
                border-right: 1px solid rgba(0, 0, 0, .1);
            }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
                    transform: rotate(-135deg) translate(0, -50%);
                }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level {
                    right: 0;
                    left: auto;
                }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level {
                    width: 400px;
                }

                    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level > .sidebar-item {
                        float: left;
                        width: 50%;
                        vertical-align: top;
                    }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item ul {
                    position: absolute;
                    left: 0;
                    top: auto;
                    width: 200px;
                    padding-bottom: 0;
                    z-index: 100;
                    display: none;
                    box-shadow: 5px 10px 20px rgba(0, 0, 0, .1);
                }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level > .sidebar-item:hover ul.second-level,
                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level,
                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse {
                    display: block;
                }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown {
                position: static;
            }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown .first-level {
                    width: 100%;
                }

                    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown .first-level > li {
                        width: 25%;
                        float: left;
                    }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover {
                background: rgba(0, 0, 0, .025);
            }

                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse:after,
                #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level:after {
                    position: absolute;
                    content: "";
                    background: rgba(0, 0, 0, .025);
                    top: 0;
                    min-height: 100%;
                    width: 100%;
                    left: 0;
                    z-index: -1;
                }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item ul.second-level {
                left: 200px;
                top: 0;
            }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level,
            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level {
                right: 200px;
                top: 0;
                left: auto;
            }

            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge,
            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,
            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,
            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro,
            #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
                display: none;
            }
}

@media (min-width:768px) and (max-width:1023px) {
    .left-menu-small {
        width: 56px !important;
    }

    img.dashboard-image {
        float: unset;
    }

    .line-uset,
    .no-pdg {
        padding: 0;
    }

    .mr-rht {
        margin-right: 15px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .dark-logo {
        width: 142px !important;
    }

    .navbar-collapse {
        float: right;
        padding-right: 8px;
    }

    .customer_logo {
        margin-right: -10px;
    }

    .large-logo-icon {
        width: 120px !important;
        height: 40px !important;
    }

    .navbar-header {
        border-bottom: 1px solid var(--tp-lightgray);
    }

    .outline-header {
        background-color: var(--tp-bg-lightgrey) !important;
        border-bottom: 1px solid var(--tp-lightgray);
        box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;
        padding: 0px !important;
    }

    .large-submenu {
        background-color: white;
        margin-left: 56px;
        width: 100% !important;
    }

    .navbar-nav {
        flex-direction: inherit !important;
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav > ul > .sidebar-item > .sidebar-link i {
        display: none;
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item {
        flex: auto;
    }

    [data-sidebar-position=fixed] .left-sidebar {
        overflow: auto;
    }

    /*----------*/
    .large-screen-menu {
        display: block !important;
        /*mobile hide*/
    }

    aside {
        width: 57px !important;
    }

    .list h4 {
        display: flex;
    }

    #options i,
    #options-small i {
        margin-left: 15px !important;
    }

    .left-page.left-page-exdent aside h4 span.lft_hvr {
        margin-left: 20px;
    }

    aside {
        padding-top: 190px !important;
    }

    #options .list {
        width: 100% !important;
    }

    /*----------*/
    .nav-bar,
    .large-icons {
        display: none !important;
    }

    .ipad-icons {
        display: block !important;
        width: 100%;
    }

    .navbar-header {
        width: 100% !important;
        height: 100px !important;
    }

    .topbar .navbar-brand {
        height: 100px;
        width: 100% !important;
    }

    .navbar-collapse {
        display: flex;
    }

    /*.navbar-collapse{
      margin-top: -11%;
  display: flex;
  width: 96%;
  position: absolute;
  }*/
    /*html, body {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}*/


    .page-wrapper > .page-content {
        min-height: calc(100vh - 167px);
        margin-top: 100px;
    }

    .page-wrapper.dashboard-wrap-sec {
        padding-top: 220px !important;
    }

    .details-view-box {
        width: 23.9%;
    }

    .ipad-view {
        display: block;
    }

    .header-flex {
        display: flex;
        flex-wrap: wrap !important;
    }
}

@media (min-width:1024px) {
    .ipad-view {
        display: none;
    }
}

/*
.left-bar-ul .left-icon { list-style: none; padding: 10px 10px; }
.left-bar-ul .left-icon a { color: var(--bs-black); font-style: 14px; text-decoration: none; }
.left-bar-ul .left-icon:hover { background: var(--bs-white); }
.left-bar-ul .left-icon .icon-check-in { background: url(../images/check-in.png) left center no-repeat; }*/


.icon-space {
    padding-left: 17px;
}

.top-bar-widg {
    background: var(--bs-white);
    padding: 10px 20px;
}

.main-nav-widg {
    /*background: url(../images/admin/Modules/visitor.png) center center no-repeat var(--color);*/
    display: block;
    height: 124px;
}

.nan-arrow {
    background: url(../images/nav-arrow.png) right center no-repeat;
    display: block;
    width: 43px;
    height: 50px;
    position: relative;
    right: 0;
    left: 136px;
    top: -73px;
}

.top_main_nav_widg {
    margin: 0px;
    padding-left: 0;
    margin-top: 0px;
}

    .top_main_nav_widg li {
        float: left;
        margin: 5px 3px 0px 0px;
        list-style: none;
        padding: 0px 0px;
    }

        .top_main_nav_widg li a {
            color: var(--bs-black);
            font-family: var(--bs-font-opensans-regular);
            font-size: 14px;
            text-decoration: none;
            display: block;
            padding-top: 70px;
            text-align: center;
            transition: 0.2s ease-in;
        }

/*.top_main_nav_widg li:hover  { background: var(--color); border-radius: 30px;}*/
.top_icon_widg a {
    position: relative;
    min-width: 105px;
    height: 88px !important;
    /*height: 30px;*/
}

.vitr-icon a {
    background: url(../images/visitor.png) 20px 14px no-repeat;
    width: 84px;
    min-height: 95px;
}

    .vitr-icon a:hover {
        background: url(../images/visitor.png) 20px -48px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.apmt-icon a {
    background: url(../images/appointment.png) 28px 14px no-repeat;
    width: 100px;
    min-height: 95px;
    padding-left: 10px;
    padding-right: 10px;
}

    .apmt-icon a:hover {
        background: url(../images/appointment.png) 28px -50px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.ft-sz {
    font-size: 11px !important;
}

.cont-icon a {
    background: url(../images/contractor.png) 18px 14px no-repeat;
    width: 84px;
    min-height: 95px;
    padding-left: 10px;
    padding-right: 10px;
}

    .cont-icon a:hover {
        background: url(../images/contractor.png) 18px -51px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.emp-icon a {
    background: url(../images/employee.png) 18px 15px no-repeat;
    width: 84px;
    min-height: 95px;
    padding-left: 10px;
    padding-right: 10px;
}

    .emp-icon a:hover {
        background: url(../images/employee.png) 18px -50px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.apal-icon a {
    background: url(../images/approval.png) 18px 15px no-repeat;
    width: 84px;
    min-height: 95px;
    padding-left: 10px;
    padding-right: 10px;
}

    .apal-icon a:hover {
        background: url(../images/approval.png) 18px -49px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.muti-icon a {
    background: url(../images/multi.png) 28px 15px no-repeat;
    width: 110px;
    min-height: 95px;
    padding-left: 10px;
    padding-right: 10px;
}

    .muti-icon a:hover {
        background: url(../images/multi.png) 28px -48px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.room-icon a {
    /*background: url(../images/room_search.png) 26px 14px no-repeat;*/
    border-radius: 10px;
    color: var(--bs-black);
    width: 88px;
    /*min-height: 95px;
  height: 95px !important;*/
}

    .room-icon a:hover {
        background-position: 25px -52px;
        border-radius: 10px;
        color: #ffffff !important;
        height: 65px !important;
        background-color: var(--color) !important;
    }

.active-top-menu a {
    background: url(../images/room_search.png) 26px -24px no-repeat var(--color);
    border-radius: 10px;
    color: var(--bs-white);
}

    .active-top-menu a:hover {
        background: url(../images/room_search.png) 26px -24px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.booking-icon a {
    background: url(../images/booking.png) 26px 12px no-repeat;
    width: 84px;
    min-height: 65px;
}

    .booking-icon a:hover {
        background: url(../images/booking.png) 26px -24px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.icon-widg {
    margin: 10px 0;
}

    .icon-widg li {
        margin: 0 0px 0 0px;
        list-style: none;
        padding: 15px;
    }

        .icon-widg li a {
            font-size: 13px;
            text-decoration: none;
            text-align: center;
        }

        .icon-widg li:hover {
            background: var(--bs-white);
        }

/*.icon-widg a {
      position: relative;
      min-width: 25px;
      height: 25px;
  }*/

.left-menu-active {
    background: var(--bs-white) !important;
}

    .left-menu-active a {
        background: url(../images/check-in.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

        .left-menu-active a:hover {
            background: url(../images/check-in.png) 0px -25px no-repeat;
            color: var(--bs-white);
        }

.tp1-visitor-icon {
    padding-left: 0;
    float: left;
    margin-bottom: 0;
}

    .tp1-visitor-icon li {
        float: left;
        list-style: none;
        margin: 0px 5px;
    }

.date-time-widg {
    font-size: 12.5px;
    margin-bottom: 0;
    font-family: var(--bs-font-opensans-regular) !important;
}

.check-list-icon {
    background: url(../images/checked-list.png) 4px 5px no-repeat !important;
}

    .check-list-icon:hover {
        background: url(../images/checked-list.png) 10px 5px no-repeat;
    }

.check-search-icon {
    background: url(../images/search.png) 4px 5px no-repeat !important;
}

    .check-search-icon:hover {
        background: url(../images/search.png) 10px 5px no-repeat;
    }

.check-blacklist-icon {
    background: url(../images/black-list.png) 4px 5px no-repeat !important;
}

    .check-blacklist-icon:hover {
        background: url(../images/black-list.png) 10px 5px no-repeat;
    }

.check-in-icon {
    background: url(../images/check-in.png) 4px 5px no-repeat !important;
}

    .check-in-icon:hover {
        background: url(../images/check-hvr.png) 10px 5px no-repeat;
    }

    .check-in-icon a {
        background: url(../images/check-in.png) 0 0px no-repeat;
    }

        .check-in-icon a:hover {
            background: url(../images/check-in.png) 0px -25px no-repeat;
            color: var(--bs-white);
        }

.checked-icon a {
    background: url(../images/checked-list.png) 0 0px no-repeat;
}

    .checked-icon a:hover {
        background: url(../images/checked-list.png) 0px -25px no-repeat var(--bs-white);
        color: var(--bs-white);
    }

.checked-ico a {
    background: url(../images/checked-list.png) 0 0px no-repeat;
}

    .checked-ico a:hover {
        background: url(../images/checked-list.png) 0px -25px no-repeat var(--bs-white);
        color: var(--bs-white);
    }

.search-icon a {
    background: url(../images/search.png) 0 0px no-repeat;
}

    .search-icon a:hover {
        background: url(../images/search.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.blacklist-icon a {
    background: url(../images/black-list.png) 0 0px no-repeat;
}

    .blacklist-icon a:hover {
        background: url(../images/black-list.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.multi-icon a {
    background: url(../images/multi-data.png) 0 0px no-repeat;
}

    .multi-icon a:hover {
        background: url(../images/multi-data.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.checkout-icon a {
    background: url(../images/check-out.png) 0 0px no-repeat;
}

    .checkout-icon a:hover {
        background: url(../images/check-out.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.force-icon a {
    background: url(../images/force-check-out.png) 0 0px no-repeat;
}

    .force-icon a:hover {
        background: url(../images/force-check-out.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.head-court-icon a {
    background: url(../images/headcount.png) 0 0px no-repeat;
}

    .head-court-icon a:hover {
        background: url(../images/headcount.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.report-icon a {
    background: url(../images/report.png) 0 0px no-repeat;
}

    .report-icon a:hover {
        background: url(../images/report.png) 0px -25px no-repeat;
        color: var(--bs-white);
    }

.version {
    background: var(--color);
    padding: 5px 15px;
    color: var(--bs-white);
    border-radius: 18px;
}



.tp-nav-widg {
    margin-bottom: 0;
    /*margin-top: -10px;*/
    padding: 0;
    height: 100px;
    /*border-left: 1px dashed #FFCBA4;
  border-right: 1px dashed #FFCBA4;*/
}

    .tp-nav-widg li {
        float: left;
        margin: 0 5px;
        list-style: none;
    }

        .tp-nav-widg li a {
            color: var(--bs-black);
            font-size: 15px;
            min-height: 31px;
            min-width: 25px;
            display: block;
        }

.menu-icon a {
    /*background: url(../images/menu.png) center center no-repeat;
  margin-top: 10px;*/
}

.user-icon a {
    /*background: url(../images/user_set.png) center center no-repeat;
  margin-top: 10px;*/
}

.alert-icon a {
    /*background: url(../images/alert.png) center center no-repeat;
  margin-top: 10px;*/
}

.about-arw-icon {
    padding-top: 5px;
    padding-left: 10px;
}

.client-lgoo-widg {
    border: 1px solid #e8e8e8;
}

.register-fld {
    padding: 5px 15px 7px 15px;
}

/*.search-box-outter {
  padding: 5px;
}*/

.search-box-no-pad {
    padding: 0px;
}

.search-box-fld {
    padding: 7px;
}

.sub-head {
    font-size: 17px;
    font-family: var(--bs-font-opensans-regular-bold) !important;
    padding-left: 25px;
    /*font-weight:400;*/
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 3px;
}

.border-btm {
    border-bottom: var(--color) solid 1px;
    margin-bottom: 8px;
    margin-top: 7px;
    /*margin:-7px 0px 0px 0px !important;*/
    display: inline-block;
    width: 100% !important;
}

.border-top {
    border-top: var(--color) solid 1px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.brdr-btm {
    border-bottom: #cfcfcf solid 1px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.brdr-top {
    border-top: #cfcfcf solid 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 6px;
    height: 35px;
}

.admin-head {
    font-size: 20px;
    font-weight: bold;
    border-bottom: var(--color) solid 1px;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #555;
    font-family: var(--bs-font-opensans-regular) !important;
}

.register {
    background: url(../images/new-rsgt.png) left center no-repeat;
}

.search {
    background: url(../images/search-he.png) 0 0 no-repeat;
    padding-left: 25px;
}

.visitor {
    background: url(../images/visitor-head.png) left center no-repeat;
}

.pass {
    background: url(../images/pass-details.png) left center no-repeat;
}

.id-scanner {
    background: url(../images/scanner.png) left center no-repeat;
}

. {
    background: url(../images/pass-details.png) left center no-repeat;
}

    .imt {
        color: red;
    }

    .pgh {
        font-size: 13px;
        font-family: var(--bs-font-opensans-regular) !important;
    }

    .none-tp-mag {
        margin-top: 0 !important;
    }

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

    .pdg-none-tp-btn {
        padding: 0 !important;
    }

    .card-bg {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        /*box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);
-webkit-box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);
-moz-box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);*/
        border: 1px solid var(--tp-lightgray);
        /*#e4e4e4*/
        /*box-shadow: 0px 3px 3px #e4e4e4;*/
    }

    .search-box-bg {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        border: 1px solid var(--tp-lightgray);
    }

    .facilities-box-bg {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        border: 1px solid var(--tp-lightgray);
    }

    .card-top-widg {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        border: 1px solid var(--tp-lightgray);
        margin-top: 70px;
    }

    .card-meeting-new {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        border: 1px solid var(--tp-lightgray);
        margin-top: 70px;
    }

    .pass-bg {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: var(--bs-white);
        background-clip: border-box;
        border: 0 solid transparent;
        border-radius: 0;
        margin-top: 12px;
        /*box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);
-webkit-box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);
-moz-box-shadow: 1px 1px 9px 4px rgba(219,219,219,1);*/
        border: 1px solid var(--tp-lightgray);
        /*#e4e4e4*/
        /*box-shadow: 0px 3px 3px #e4e4e4;*/
    }

    .top-checklist {
        padding-left: 0;
        margin-bottom: 0;
    }

        .top-checklist li {
            display: inline-block;
            margin-right: 3px;
            list-style: none;
        }

            .top-checklist li a {
                height: 17px;
                width: 17px;
                display: inline-block;
            }

            .top-checklist li.yellow a {
                background: url(../images/yellow.png) left center no-repeat;
            }

            .top-checklist li.green a {
                background: url(../images/green.png) left center no-repeat;
            }

            .top-checklist li.print a {
                background: url(../images/edit.png) left center no-repeat;
            }

            .top-checklist li.edit a {
                background: url(../images/printer.png) left center no-repeat;
            }

            .top-checklist li.clock a {
                background: url(../images/alert-clock.png) left center no-repeat;
            }

    .checklist {
        margin-bottom: 0;
    }

        .checklist li {
            display: inline-block;
            margin-right: 3px;
            list-style: none;
        }

            .checklist li a {
                height: 35px;
                width: 35px;
                display: inline-block;
            }

            .checklist li.visitor-blocklist a {
                background: url(../images/blocklist.png) left center no-repeat;
            }

            .checklist li.visitor-item a {
                background: url(../images/visitor-item.png) left center no-repeat;
            }

            .checklist li.visitor-fingerprint a {
                background: url(../images/visitor-fingerprint.png) left center no-repeat;
            }

            .checklist li a:hover {
                border-radius: 30px;
                -webkit-box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
                -moz-box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
                box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
            }

    .checked-list-box img {
        /*padding-top: 20px; padding-bottom: 20px;*/
    }

    .visitor-pht {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .checklist-pass-no h5 {
        font-size: 12px !important;
    }

    .visitor-details-capture {
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
        /*width:180px;*/
    }

        .visitor-details-capture li {
            /*float: left;*/
            display: inline-block;
            margin-right: 7px;
            list-style: none;
            width: 100%;
            margin-bottom: 10px;
        }

            .visitor-details-capture li a {
                height: 35px;
                width: 35px;
                display: inline-block;
                border-radius: 30px;
            }

            .visitor-details-capture li span {
                display: block;
                width: 100%;
                white-space: nowrap;
                padding-top: 5px;
                text-align: left;
                padding-left: 46px;
            }

            .visitor-details-capture li.scan a {
                background: url(../images/scan.png) left center no-repeat;
            }

            .visitor-details-capture li.play a {
                background: url(../images/play.png) left center no-repeat;
            }

            .visitor-details-capture li.pause a {
                background: url(../images/pause.png) left center no-repeat;
            }

            .visitor-details-capture li.delete a {
                background: url(../images/delete.png) left center no-repeat;
            }

            .visitor-details-capture li a:hover {
                -webkit-box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
                -moz-box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
                box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);
            }

    .visitors-list-headline h5 {
        font-size: 13px !important;
        font-family: var(--bs-font-opensans-regular-bold);
        background: url(../images/green.png) right center no-repeat;
        padding-right: 40px;
    }

    .visitors-list-headline-yellow h5 {
        font-size: 13px !important;
        font-family: var(--bs-font-opensans-regular-bold);
        background: url(../images/yellow.png) right center no-repeat;
        padding-right: 40px;
        padding-left: 10px;
    }

    .passno-icon {
        background: url(../images/scanner.png) left center no-repeat;
        height: 15px;
        display: block;
        float: left;
        width: 18px;
        padding-right: 23px;
    }

    .visitors-list-img {
        float: left;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 5px;
        line-height: 22px;
    }

        .visitors-list-img ul {
            padding-left: 0;
        }

            .visitors-list-img ul li {
                font-size: 12.5px;
                list-style: none;
                font-family: var(--bs-font-opensans-regular) !important;
            }

    .visitor-name {
        font-size: 12px;
        margin-bottom: 0;
        padding: 5px 10px;
        border-top: 1px solid #e8e8e8;
    }

    .visitor-company-name {
        font-size: 11px;
        margin-bottom: 0;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 10px;
    }

    .visitor-meetto {
        font-size: 11px;
        margin-bottom: 0;
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 10px;
    }

    .visitor-details {
        font-size: 11px;
        padding: 5px 10px 0px;
    }

        .visitor-details img {
            width: 12px;
            height: 12px;
        }

    .rgst-fm label {
        font-size: 13px !important;
        color: #33353b;
    }

    .no-pad-to-btn {
        padding-top: 0;
        padding-bottom: 0;
    }

    .rgst-fm input {
        font-size: 14px !important;
    }

    .no-mrg {
        margin-bottom: 0 !important;
    }

    .tp-no-mrg {
        margin-top: 0 !important;
    }

    .no-mrg10 {
        margin-bottom: 10px !important;
    }

    .mrg-btn-20 {
        margin-bottom: 13px;
    }

    .logo-box-fix {
        position: fixed;
        /*width: 160px;*/
        /*width: 100px;*/
        z-index: 9;
        /*box-shadow: 2px 4px 10px #aaaaaa;*/
        /*height: 73px;*/
        height: 110px;
        left: 0;
        top: 68px;
        background-color: var(--tp-bg-lightgrey);
    }

    .mar-rgt {
        margin-right: 20px;
    }

    /*.border-btn { border-bottom: #cdcdcd solid 1px; }*/
    .vis-ne {
        font-size: 14px !important;
        font-family: var(--bs-font-opensans-regular-bold);
    }

    .pag-naon-widg {
        margin-top: 50px;
    }

    .search-inner-box {
        border: 1px solid var(--tp-lightgray);
        min-height: 100px;
    }

    .srh-lt-rgt {
        float: left;
    }

    .srh-img {
        margin-right: 15px;
        width: 25%;
        padding: 10px 0 0 10px;
    }

    .srh-cnt {
        width: 75%;
    }

    .no-margin-left-right li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 5px;
    }

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

    .no-padding-lt-rt {
        padding-right: 0;
        padding-left: 0;
    }

    .no-padding-btn {
        padding-bottom: 0 !important;
    }

    .filter-no-padding {
        padding: 0 20px;
        height: 30px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .calc-icon {
        background: url(../images/calendar.png) right center no-repeat;
        cursor: pointer;
    }

    .srh-box {
        /*border: 1px solid var(--bs-black); min-height: 100px; padding: 10px;*/
        padding-right: 10px !important;
    }

    .srh-rgt-ma {
        margin-right: 10px;
    }

    .srh-rgt-btm {
        margin-bottom: 13px;
    }

    .srh-book button {
        float: right;
        margin-top: 15px;
    }

    .srh-book {
        padding-bottom: 10px;
    }

    .facilities-list {
        float: left;
    }

    .facilities-para {
        letter-spacing: 0.6px;
    }

        .facilities-para p {
            font-size: 12px;
            font-family: var(--bs-font-opensans-regular-bold);
        }

    .facilities {
        background: url(../images/facilities.png) 0 0 no-repeat;
        padding-left: 32px;
    }

    .criteria {
        background: url(../images/criteria.png) 0 0 no-repeat;
        padding-left: 25px;
        background-size: contain;
    }

    .room-list-box h5 {
        font-size: 15px;
        font-family: var(--bs-font-opensans-regular) !important;
    }

    .criteria-list {
        line-height: 30px;
    }

    .criteria-head-clearicon {
        cursor: pointer;
    }

    .rgst-lbl {
        font-family: var(--bs-font-opensans-regular);
        font-size: 14px;
        padding-bottom: 5px;
        /*display: inline-block;*/
        /*width: 100%;*/
        /*font-weight: 400;
      /*font-style: normal;*/
        /*vertical-align:top;
      margin-top: 8px;*/
    }

    .search-room-list-size li {
        font-size: 12px !important;
    }

    .room-capa {
        margin-left: 0;
        padding-left: 0;
        margin-top: 10px;
        display: inline-block;
        margin-bottom: 0;
    }

        .room-capa li {
            list-style: none;
            float: left;
            margin-right: 10px;
        }

    .faci-capa-icon {
        background: url(../images/capacity.png) left center no-repeat;
        padding-left: 19px;
        color: var(--color);
        font-weight: 500;
        display: inline-block;
        font-family: var(--bs-font-opensans-regular-bold);
        width: 90px;
    }

    .faci-room-icon {
        background: url(../images/room.png) left center no-repeat;
        padding-left: 20px;
        color: var(--color);
        font-family: var(--bs-font-opensans-regular-bold);
        font-weight: 500;
        display: inline-block;
        width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .book-box-widg {
        background: var(--color);
        padding: 5px 10px;
        border: 0;
        color: var(--bs-white);
    }

    .ro-bk {
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 25px;
    }

    .ro-book {
        background: var(--color);
        font-family: var(--bs-font-opensans-regular-bold);
        padding: 3px 15px;
        color: var(--bs-white);
        border-radius: 3px;
        margin-bottom: 5px;
    }

        .ro-book:hover {
            color: var(--bs-white);
        }

    .calc-icon-widg {
        position: relative;
        top: 3px;
        left: 10px;
    }

    .pass-list ul {
        margin: 0 0 0px 0;
        padding: 0;
    }

        .pass-list ul li {
            list-style: none;
            float: left;
            margin-right: 10px;
            border-radius: 30px;
            background: var(--bs-white);
            padding: 5px;
            margin-bottom: 10px;
            border: 1px solid #f0f0f0;
        }
            .pass-list ul li:last-child{
                margin-right: 0px;
            }
            .pass-list ul li:hover {
                -webkit-box-shadow: 3px 3px 3px 0px rgba(232, 232, 232, 1);
                -moz-box-shadow: 3px 3px 3px 0px rgba(232, 232, 232, 1);
                box-shadow: 3px 3px 3px 0px rgba(232, 232, 232, 1);
            }

            .pass-list ul li a {
                width: 20px;
                height: 17px;
            }

        .pass-list ul .user-checkout a {
            background: url(../images/user-checkout.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-print a {
            background: url(../images/print.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-profileedit a {
            background: url(../images/user-edit.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-block a {
            background: url(../images/user-block.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-store a {
            background: url(../images/store.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-exit a {
            background: url(../images/user-exit.png) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-close a {
            background: url(../images/user-close.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-email a {
            background: url(../images/user-email.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-sms a {
            background: url(../images/user-sms.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-pdf a {
            background: url(../images/pdf.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-word a {
            background: url(../images/word.jpg) left center no-repeat;
            display: block;
        }

        .pass-list ul .user-excel a {
            background: url(../images/excel.jpg) left center no-repeat;
            display: block;
        }

    .forgot-line {
        font-size: 13px;
        font-family: var(--bs-font-opensans-regular) !important;
    }

    .admin-icon p {
        font-size: 15px;
        font-family: var(--bs-font-opensans-regular) !important;
    }

    .admin-icon a {
        color: #555 !important;
    }

    .admin-icon h5 {
        color: #5a5757;
        font-size: 17px !important;
        font-family: var(--bs-font-opensans-regular-bold) !important;
    }

    .admin-icon {
        float: left;
        margin-right: 15px;
    }

        .admin-icon img {
            margin: 5px 0;
        }

    .admin-box-widg:hover {
        background: var(--bs-white);
        -webkit-box-shadow: 5px 5px 5px 0px rgba(232, 232, 232, 1);
        -moz-box-shadow: 5px 5px 5px 0px rgba(232, 232, 232, 1);
        box-shadow: 5px 5px 5px 0px rgba(232, 232, 232, 1);
        display: block;
        min-height: 50px;
        border-radius: 10px;
    }

    .mar-btn-5 {
        margin-bottom: 5px !important;
    }

    /*.tp-btm-mag {
      margin-bottom: 20px;
      margin-top: 20px;
  }*/



    .booking-checkout {
        background: var(--color);
        padding: 5px 10px;
        color: var(--bs-white);
        font-size: 12px;
        border-radius: 5px;
    }

    .large_logo {
        margin-top: 0px;
        width: 110px !important;
        height: 40px !important;
    }

    .error-icon {
        margin: 0 auto;
        width: 100%;
    }

        .error-icon img {
            margin-bottom: 30px;
        }

    .error-content {
        font-size: 30px;
        color: var(--color);
    }

    .error-content-p {
        font-size: 17px;
        color: #8f8f8f;
    }

    .alert-content {
        font-size: 20px;
        color: var(--color);
    }

    .alert-content-p {
        font-size: 13px;
        color: #8f8f8f;
        font-family: 'OpenSans-SemiBold', Arial;
    }

    .models-widg {
        margin: 0 auto;
        padding-left: 0;
        text-align: center;
    }

        .models-widg li {
            display: inline-block;
            list-style: none;
            padding: 10px 10px;
            border-radius: 10px;
        }

            .models-widg li a {
                color: var(--bs-black);
                font-size: 14px;
                text-align: center;
                font-family: var(--bs-font-opensans-regular-bold);
            }

            .models-widg li:hover {
                -webkit-box-shadow: 9px 8px 5px 0px rgba(240, 240, 240, 1);
                -moz-box-shadow: 9px 8px 5px 0px rgba(240, 240, 240, 1);
                box-shadow: 9px 8px 5px 0px rgba(240, 240, 240, 1);
            }

    .mdl-icon a img {
        display: block;
        margin: 0 auto;
    }

@media(max-width:992px) {
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a,
.panel-title > a:active {
    display: block;
    padding: 0 0px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

/*.panel-heading a:before {
  font-family: 'fontawesome';
  content: "\f078";
  float: right;
  transition: all 0.5s;
  color: gray;
}*/

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tooltip {
    position: relative;
    display: inline-block;
    margin-right: 0px;
    vertical-align: top;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 70px;
        background-color: #f3f3f3;
        color: var(--bs-black);
        font-size: 12px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        font-family: var(--bs-font-opensans-regular-bold);
        left: 50%;
        margin-left: -82px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: var(--color) transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/*.position-fixed {
  position: fixed;
  margin-top: 60px;
  left: 175px;
  z-index:100;
}*/
.position-fixed {
    position: fixed !important;
    margin-top: 57px;
    /*left: 160px;*/
    z-index: 999 !important;
    /*min-height:150px;*/
    min-height: 122px;
}

.selected {
    background-position: 26px -25px;
    background-color: var(--color) !important;
    width: 84px;
    min-height: 95px;
    color: var(--bs-white) !important;
    border-radius: 10px !important;
}

.mrm_text {
    color: var(--color);
    font-size: 13px;
}

.lbl_text {
    display: inline-block;
    width: 85px;
    color: var(--color);
    font-size: 12px;
}

.error-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--bs-white);
    background-clip: border-box;
    border: 1px solid var(--tp-lightgray);
    /*box-shadow: 0px 3px 3px #e4e4e4;*/
    border-radius: 0;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 14px;
}

.calc_button {
    /*position: inherit;
  FONT-WEIGHT: normal;
  FONT-SIZE: 16px;
  text-align: center;
  COLOR: #363636;
  padding: 0 1px 0 0;
  width: 24px;
  height: 24px;
  text-transform: uppercase;
  TEXT-DECORATION: none;
  background-image: url("../images/calender.jpg");
  background-repeat: no-repeat;
  border: none;
  border-radius: 4px;
  background-color: #fcfcfa;
  cursor: pointer;*/
    vertical-align: middle;
    /* margin-left: 7px; */
    color: white;
    border: 1px solid transparent;
    border-radius: 8px;
    background-color: transparent;
    padding: 8px;
    height: 35px;
    width: 35px;
    margin-top: -1px !important;
    display: inline-block;
}

    .calc_button:hover {
        /*background-image: url("../images/calender.jpg");
      background-repeat: no-repeat;*/
    }

    .calc_button:active {
        top: 1px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    form {
        overflow: visible;
    }
}

.facilities-para p {
    /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  max-height: 3.6rem;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2;*/
    /* number-of lines */
    /* line-height for 1line*/
    /* line-height * 3*/
}



.visitors-list-img {
    min-height: 140px;
}

.lbl_text,
.icon-sep {
    vertical-align: top;
}

/*-------------*/

.active {
    background-position: 7px -40px !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    color: var(--color);
    font-weight: bold;
    /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
    /*border:1px solid var(--color);*/
}

select {
    -webkit-appearance: menulist !important;
}

    select::-ms-expand {
        display: block;
    }

.m-n1 {
    margin: -.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important;
}

.m-n2 {
    margin: -.5rem !important;
}

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

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

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

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

.m-n3 {
    margin: -1rem !important;
}

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

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

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

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

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

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

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

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

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

.m-auto {
    margin: auto !important;
}

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

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

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

.ml-auto,
.mx-auto {
    margin-left: auto !important;
    text-align: end !important;
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

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

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

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

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

    .m-sm-1 {
        margin: .25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important;
    }

    .m-sm-2 {
        margin: .5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

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

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

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

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

    .p-sm-1 {
        padding: .25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important;
    }

    .p-sm-2 {
        padding: .5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important;
    }

    .m-sm-n2 {
        margin: -.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important;
    }

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

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

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

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

    .m-md-1 {
        margin: .25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important;
    }

    .m-md-2 {
        margin: .5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

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

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

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

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

    .p-md-1 {
        padding: .25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important;
    }

    .p-md-2 {
        padding: .5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important;
    }

    .m-md-n2 {
        margin: -.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

.bg-gray {
    background-color: #f0eeef !important;
}

.bg-dark {
    background-color: #313131 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #181818 !important;
}

.bg-cyan {
    background-color: #4fc3f7 !important;
}

a.bg-cyan:focus,
a.bg-cyan:hover,
button.bg-cyan:focus,
button.bg-cyan:hover {
    background-color: #1eb2f5 !important;
}

.bg-orange {
    background-color: #ffc36d !important;
}

a.bg-orange:focus,
a.bg-orange:hover,
button.bg-orange:focus,
button.bg-orange:hover {
    background-color: #ffae3a !important;
}

.bg-purple {
    background-color: #707cd2 !important;
}

a.bg-purple:focus,
a.bg-purple:hover,
button.bg-purple:focus,
button.bg-purple:hover {
    background-color: #4958c6 !important;
}

.bg-inverse {
    background-color: #4c5667 !important;
}

a.bg-inverse:focus,
a.bg-inverse:hover,
button.bg-inverse:focus,
button.bg-inverse:hover {
    background-color: #363d4a !important;
}

.bg-primary {
    background-color: #707cd2 !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #4958c6 !important;
}

.bg-secondary {
    background-color: #8898aa !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #6a7e95 !important;
}

.bg-success {
    background-color: #2cd07e !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #23a665 !important;
}

.bg-info {
    background-color: var(--color) !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #1a8fc2 !important;
}

.bg-warning {
    background-color: #ffc36d !important;
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #ffae3a !important;
}

.bg-danger {
    background-color: #ff5050 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #ff1d1d !important;
}

.bg-light {
    background-color: #f7fafc !important;
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #d2e3ee !important;
}


/* styles for '...' */
.ellipsis {
    overflow: hidden;
    position: relative;
    line-height: 15px;
    max-height: 3.6em;
    margin-right: 0em;
    padding-right: 1em;
    margin-top: 5px;
}

    .ellipsis:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .ellipsis:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: #fefefe;
    }

#chkFacility > tbody {
    display: table;
    width: 100%;
}

.tooltip .capa_tooltiptext {
    visibility: hidden;
    width: 70px;
    background-color: #f3f3f3;
    color: var(--bs-black);
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -72px;
    opacity: 0;
    transition: opacity 0.3s;
}

    .tooltip .capa_tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: var(--color) transparent transparent transparent;
    }

.tooltip:hover .capa_tooltiptext {
    visibility: visible;
    opacity: 1;
}

.report-icon a {
    background: url(../images/report.png) 30px 10px no-repeat;
    border-radius: 10px;
    color: var(--bs-black);
    width: 88px;
    min-height: 65px;
}

    .report-icon a:hover {
        background: url(../images/report.png) 29px -25px no-repeat var(--color);
        border-radius: 10px;
        color: var(--bs-white);
    }

.customer_logo {
    height: 60px;
    position: relative;
    border-radius: 3px;
    line-height: 50px;
    text-align: center;
    list-style-type: none;
}

    .customer_logo img {
        vertical-align: middle;
    }

.bg {
    padding: 10px 0px;
    font-weight: 600;
    LINE-HEIGHT: 1REM;
}

.valign {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

/*.mgr-top {
  margin-top: 10px;
}*/

.mgr-top1 {
    margin-top: 6px;
    margin-left: 6px;
}

.ExprtValign {
    /*position: absolute;
  right: 0;*/
    top: inherit;
}

#menu-outer {
    height: 84px;
    background: url(images/bar-bg.jpg) repeat-x;
}

.table {
    display: table;
    /* Allow the centering to work */
    margin: 0 auto;
}

ul.horizontal-list {
    min-width: 696px;
    list-style: none;
    padding-top: 20px;
}

ul#horizontal-list li {
    display: inline;
}

.mrgTop-100 {
    margin-top: 15px;
}

.sub-active {
    background-position: 25px -52px;
    background-color: var(--color) !important;
    color: #ffffff !important;
}

.bg {
    padding: 10px 10px;
    font-weight: 600;
    LINE-HEIGHT: 1REM;
}

.mgr-tp {
    margin-top: 10px;
}

.bor-al {
    background: var(--bs-white);
}

.pad-left-15 {
    padding-left: 15px;
}

.pad-left-20 {
    padding-left: 15px;
    padding-bottom: 16px;
}

.pad-right-20 {
    padding-right: 15px;
}

.bottom-align-text {
    position: absolute !important;
    bottom: 0;
    right: 0;
}

/*  General Css class For GridView Header Deisgn */

.CustomGridStyle {
    font-family: 'Arial' !important;
    padding: 8px;
    font-size: 13px;
    width: 130px;
}

.GridHeader {
    border-style: none !important;
    Color: #55557b;
    /*background-color: #EFEFEF !important;*/
}


.GridTable {
    border-style: none;
    border-width: 0;
    /*width:100% !important;*/
    table-layout: auto !important;
    padding: 10px;
}

input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys {
    height: calc(0.5em + .75rem + 2px) !important;
}

.dxgvFilterRow {
    background-color: #f0eeef !important;
    height: 45px !important;
}

.dxgvArm,
.dxgvHEC {
    display: none;
}

.dxgv {
    border-style: none !important;
    border-bottom: 1px Solid #edeff0 !important;
    font-family: var(--bs-font-opensans-regular) !important;
    /*sans-serif !important*/
    font-size: 13px !important;
    vertical-align: inherit;
    /*text-transform: capitalize;*/
}

    .dxgv .dxgvDetailCell .dxgvDataRow td {
        padding: 10px;
        border: 1px Solid #9F9F9F !important;
    }

.dx-wrap {
    width: 0px !important;
    /*width: 60px !important;*/
}

#primary_dispatch,
#cwregister {
    background-position-x: 50px !important;
}

    #primary_dispatch:hover,
    #cwregister:hover {
        background-position-x: 50px !important;
    }

#primary_dispatch,
#cwregister {
    width: max-content !important;
    /*margin: 0 5px 0 0 !important;*/
}

.visitors-list-headline-yellow,
.visitors-list-headline-red {
    margin-bottom: 8px;
}

/*Remove More Link icon update css :: 5/12/2019*/
.show_less_link {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.RemoveText-rotate {
    transform: rotate(0deg) !important;
}

.grid_row_bg1 {
    background-color: #ffffff;
    border: 0px solid #ffffff;
    border-bottom: 0px solid #f0eeef;
    height: 24px;
    padding: 0 0 0 5px;
    margin: 10px 0 0 0;
    color: #656565;
    font-size: 12px;
    font-family: 'Economica', sans-serif;
    font-weight: normal;
    text-decoration: none;
    /*vertical-align: text-bottom;*/
}

.vertical-middle-area .grid_row_bg1, .vertical-middle-area .grid_row_bg2 {
    vertical-align: middle;
}

.grid_row_bg2 {
    background-color: #f7fafc;
    border: 0px solid #f7fafc;
    border-bottom: 0px solid #f0eeef;
    height: 24px;
    padding: 0 0 0 5px;
    margin: 10px 0 0 0;
    color: #656565;
    font-size: 12px;
    font-family: 'Economica', sans-serif;
    font-weight: normal;
    text-decoration: none;
    vertical-align: text-bottom;
}

.SCustomGridStyle {
    font-family: 'Arial' !important;
    padding: 8px !important;
    width: 130px !important;
}

.ExprtValign_Data {
    /*position: absolute;
  right: 0;*/
    /*top: 20px;*/
}

.buttonnew:hover {
    background-position-y: bottom;
}

.no-mrg3 {
    margin-bottom: 3px;
}

/* For GridCombo :: Setting Header Style*/
.dxeListBox .dxeHFC,
.dxeListBox .dxeHC,
.dxeHLC,
.dxeListBox .dxeHMIC {
    background-color: #EFEFEF !important;
    border: none;
    padding: 6px 3px;
    border-left: none !important;
}

.dxeListBoxItemRow td.dxeListBoxItem {
    border: unset;
    border-left: none !important;
}

.dxgvHeader,
.dxgvHeader table {
    color: Black;
    background-color: #EFEFEF !important;
    border: none;
    padding: 6px 3px;
    border-left: none !important;
    /*width:150px !important;*/
    width: 45px;
}

.tblHead th,
.tblHead a {
    color: #000000 !important;
    background-color: #EFEFEF !important;
    border: none;
    padding: 6px 3px;
    border-left: none !important;
    font-weight: 400 !important;
    /*text-align: start;*/
}

.dxpcDropDown {
    /*top:0 !important;*/
}

.help-icon a {
    /*background: url(../images/help.png) center center no-repeat;
  margin-top: 10px;*/
}

.support-icon a {
    /*background: url(../images/support.png) center center no-repeat;
  margin-top: 10px;*/
}

.disp_block {
    display: block;
}

.RowPad {
    height: 50px !important;
}

p.ContentBox {
    width: 100%;
    /*250px*/
    font-family: var(--bs-font-opensans-regular) !important;
}

.grd_outerpad {
    padding: 0% 0%;
    overflow-x: scroll;
    min-height: 450px;
}

    .grd_outerpad::-webkit-scrollbar {
        width: 10px;
        height: 15px;
        cursor: pointer;
    }

    .grd_outerpad::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

    .grd_outerpad::-webkit-scrollbar-track {
        background: #ececec;
        visibility: hidden;
    }

    .grd_outerpad::-webkit-scrollbar-track {
        background: #ececec;
        transition: all 0.2s;
    }

/*.grd_outerpad:hover::-webkit-scrollbar-track {
      visibility: visible;
  }*/

#multi_checkin {
    width: 125px;
    background-position-x: 40px !important;
}

.table-head {
    font-size: 17px !important;
    font-family: var(--bs-font-opensans-regular) !important;
    font-weight: 400 !important;
    padding: 12px 25px !important;
}

.Viewtbl_lbl {
    font-family: var(--bs-font-opensans-regular) !important;
    font-size: 14px !important;
    color: var(--bs-black) !important;
    padding: 8px !important;
    font-weight: 500;
}

.alert_box {
    z-index: 998 !important;
    padding-bottom: 0px !important;
    border-left: 6px solid #f1592d;
    border-radius: 10px 0 0 10px;
}

.err_sideimg {
    float: left;
    height: 95px;
    margin-left: -10px;
    margin-top: -4px;
    background-image: url('../images/errorBg.png');
}

.alert_box {
    background-image: url(../images/errorBg.png);
    padding-bottom: 0px !important;
    min-height: 80px;
}

.Err_sideBar {
    float: left;
    margin-left: -10px;
    margin-top: -7px;
}

.lblMsg {
    font-family: var(--bs-font-opensans-regular);
    font-size: 14px;
    color: #444;
}

.lblMsgHead {
    font-size: 16px;
    font-family: var(--bs-font-opensans-regular-bold);
    color: var(--bs-black);
}

tr.dxeListBoxItemRow {
    height: 37px;
}

.dxdvItem,
.dxdvBreakpointsItem,
.dxdvFlowItem {
    background-color: transparent !important;
}


.count-widg {
    margin-left: 0;
    padding-left: 0;
}

    .count-widg li {
        float: left;
        list-style: none;
        padding: 10px 5px;
    }

    .count-widg li {
        padding: 10px 5px;
    }

.count-img {
    width: 20%;
    background: #13479d;
    height: 55px;
}

.count-head {
    width: 53%;
    background: #4484ee;
    font-size: 20px;
    color: var(--bs-white);
    line-height: 30px;
    height: 55px;
}

.count-num {
    height: 65px;
    top: -5px;
    position: relative;
    width: 20%;
    font-size: 20px;
    color: var(--bs-black);
    text-align: center;
    line-height: 40px;
    background: background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 20%, #ffffff 75%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 20%, #ffffff 75%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 20%, #ffffff 75%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#e5e5e5', GradientType=0);
}

.count-head1 {
    width: 53%;
    background: #00c85e;
    font-size: 20px;
    color: var(--bs-white);
    line-height: 30px;
    height: 55px;
}

.count-img1 {
    width: 20%;
    background: #017e3c;
    height: 55px;
}

.count-head2 {
    width: 53%;
    background: #00baad;
    font-size: 20px;
    color: var(--bs-white);
    line-height: 30px;
    height: 55px;
}

.count-img2 {
    width: 20%;
    background: #00685d;
    height: 55px;
}

.count-head3 {
    width: 53%;
    background: #ffbc47;
    font-size: 20px;
    color: var(--bs-white);
    line-height: 30px;
    height: 55px;
}

.count-img3 {
    width: 20%;
    background: #ff8a21;
    height: 55px;
}

.count-head4 {
    width: 53%;
    background: #a86aa8;
    font-size: 20px;
    color: var(--bs-white);
    line-height: 30px;
    height: 55px;
}

.count-img4 {
    width: 20%;
    background: #791972;
    height: 55px;
}

.count-sp4 {
    width: 3%;
    background: #a86aa8;
    height: 55px;
    border-radius: 0px 5px 5px 0px;
}

.count-sp3 {
    width: 3%;
    background: #ffbc47;
    height: 55px;
    border-radius: 0px 5px 5px 0px;
}

.count-sp2 {
    width: 3%;
    background: #00baad;
    height: 55px;
    border-radius: 0px 5px 5px 0px;
}

.count-sp1 {
    width: 3%;
    background: #00c85e;
    height: 55px;
    border-radius: 0px 5px 5px 0px;
}

.count-sp {
    width: 3%;
    background: #4484ee;
    height: 55px;
    border-radius: 0px 5px 5px 0px;
}

.grid_bg {
    border: none;
}

.visitors-list-headline-green h5 {
    font-size: 13px !important;
    font-family: var(--bs-font-opensans-regular-bold);
    background: url(../images/green.png) right center no-repeat;
    padding-right: 40px;
}

.dpdown-content {
    margin-top: -10px;
    height: 400px;
    overflow: scroll;
    z-index: 9;
}

.visitors-list-headline-red h5 {
    font-size: 13px !important;
    font-family: var(--bs-font-opensans-regular-bold);
    background: url(../images/red.png) right center no-repeat;
    padding-right: 40px;
    background-size: contain;
}

#divBlackListDetails {
    background-color: #ffffff;
}

    #divBlackListDetails div:first-child {
        background-color: var(--color);
    }

    #divBlackListDetails .td_heading_gray {
        color: #ffffff !important;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .selected {
        min-height: 36px !important;
    }
}

.bordernewsize {
    width: 103%;
}

.borderpendingsize {
    width: 99%;
    margin-left: 0px !important;
}

@media (max-width:797px) {
    .bordernewsize {
        width: 100%;
    }

    .borderpendingsize {
        width: 100%;
        margin-left: 0px !important;
    }
}

.dx-export-menu {
    display: none;
}

/*.dropdown-content::-webkit-scrollbar {
  display: block;
}*/

.dropdown-content {
    /*-ms-overflow-style: none;*/
    /*scrollbar-width: 10px;*/
}

.dropdown-content {
    max-height: 450px;
    overflow-y: scroll;
    width: max-content;
}

    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    /*.dropdown-content {
  scrollbar-width: auto;
  scrollbar-color: gray #ffffff;
}*/

    /* Chrome, Edge, and Safari */
    .dropdown-content::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .dropdown-content::-webkit-scrollbar-track {
        background: #ececec;
    }

    .dropdown-content::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

/*---------------------------------------------------------*/
.admin-heading-sec {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    display: flex;
}

.overflow-axis {
    overflow: scroll;
}

.header-down-arrow {
    float: right;
}

.carousel-arrow {
    border: solid #555;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 40px;
}

.carousel-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 0px;
}

.carousel-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 50px;
}

.carousel-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.carousel-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/*.overflow-axis::-webkit-scrollbar {
  display: none;
}*/

button.info {
    color: white;
    font-size: 12px;
}

.padding-unset-sec {
    padding: 0px !important;
}

.pr-unset-sec {
    padding-right: 0px !important;
}

.pl-unset-sec {
    padding-left: 0 !important;
}

.mr-unset-sec {
    margin-right: 0px !important;
}

.ml-unset-sec {
    margin-left: 0 !important;
}

.middle-alinment-sec {
    display: table;
}

.middle-alinment-content {
    display: table-cell;
    vertical-align: middle;
}

.hide-sec {
    overflow-x: scroll;
}

    .hide-sec::-webkit-scrollbar {
        display: none;
    }

.custom-file-label {
    height: 42px !important;
    word-break: break-all;
    line-height: 15px;
    /*23*/
    color: var(--bs-black);
}

.large-show {
    display: block;
}

.small-screen-menu {
    width: 45px !important;
}

div#Shortcut_Menu_divMobile {
    width: 45px !important;
}

.left-page {
    width: 60px;
    background-color: var(--tp-bg-lightgrey) !important;
    height: auto !important;
}

.left-page-exdent {
    min-width: 215px !important;
    background-color: var(--tp-bg-lightgrey) !important;
    height: auto !important;
}

.right-page,
.right-page-exdent {
    min-width: 87%;
    width: 100%;
    z-index: 99;
    background-color: #f8f8f8;
    /*overflow-x: hidden;*/
}

.dropdown-toggle::after {
    display: none !important;
}

a {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

    a:hover.ContentBox {
        color: #555 !important;
        text-decoration: none !important;
    }

    a:hover {
        /*color: black !important;*/
        text-decoration: none !important;
    }

.left-side-bar-icon {
    display: inline-block !important;
    position: relative;
}

    .left-side-bar-icon span.small-screen-list {
        visibility: hidden;
        width: 50px;
        background-color: #d3d3d3;
        color: black;
        text-align: left;
        height: 33px;
        padding: 6px 0;
        position: absolute;
        padding-left: 5px;
        z-index: 1;
    }

    .left-side-bar-icon:hover span.small-screen-list {
        visibility: visible !important;
    }

.no-left-pad {
    padding-left: unset !important;
}

ul#sidebarnav {
    background-color: white;
    padding-top: 3px;
}

.ps-scrollbar-y {
    margin-top: 134px !important;
}

@media (max-width: 1366px) {
    /*.card{
      overflow-x:scroll;
      overflow-y:hidden;
      width:100% !important;
  }*/
    /*.card::-webkit-scrollbar {
      display: none;
  }*/
}

@media (max-width: 576px) {
    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.tp-btm-mag,
.tp-no-mrg {
    display: flex;
}

.sub-carousel {
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: auto !important;
}

/*.large-screen-menu {
  display: none !important  mobile hide;
}*/

@media (min-width: 997px) {
    .large-screen-menu {
        display: block !important;
    }
}

@media (max-width: 996px) {

    .pr-unset-sec {
        padding-right: 15px !important;
    }

    .pl-unset-sec {
        padding-left: 15px !important;
    }

    .padding-unset-sec {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .alert-large-screen {
        width: 40% !important;
    }

    .headercustomclassadd {
        margin-left: 45px !important;
    }

    .left-header-icon {
        display: none !important;
    }

    /*#FOASShortcut5_divMobile {
      display: block !important  mobile hide;
  }*/

    #FilePreviewScreen {
        float: unset !important;
        width: 100% !important;
    }

    #upload_view {
        width: 100% !important;
    }
}

.small-show {
    display: none !important;
}

@media (max-width: 1023px) {
    .left-page {
        /*width: 60px !important;*/
        min-width: 56px !important;
        /*background-color: var(--tp-bg-lightgrey) !important;*/
        height: auto !important;
    }

    .medium-header-icon-arrow {
        display: none !important;
    }

    .left-header-icon {
        display: none !important;
    }

    .headercustomclassadd {
        margin-left: 45px !important;
        left: -117px !important;
    }

    .scroll-sec {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

@media (max-width: 1120px) {
    .scroll-sec {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

@media (min-width: 1092px) and (max-width: 1245px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
    .headingalignleft {
        overflow-x: scroll;
        width: 1060px;
    }

        .headingalignleft::-webkit-scrollbar {
            display: none;
        }

    .headingalignleft {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
}

@media (max-width: 768px) {
    .headingalignleft {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .headercustomclassadd {
        margin-left: 160px;
    }

    /*#FOASHeader_lganchor {
      display:block !important;
  }
  #FOASHeader_smanchor {
      display:none !important;
  }*/
}

@media (max-width: 767px) {
    .lft_hvr {
        display: none;
    }

    .page-wrapper {
        padding-bottom: 85px !important;
    }

    .position-fixed {
        display: none !important;
    }

    .navbar-expand-md {
        display: none !important;
    }

    .alert-large-screen {
        width: 70% !important;
    }

    .input-group {
        width: 100% !important;
    }

    /*.dropbtnsmall {
      display:none;
  }*/

    .large-show {
        display: none !important;
    }

    /*------------*/
    .large-screen-menu {
        display: none !important;
        /*mobile hide*/
    }

    aside {
        padding-top: 140px !important;
    }

    .left-page.left-page-exdent aside h4 span.lft_hvr {
        display: none !important;
        margin-left: 20px;
    }

    #options i,
    #options-small i {
        margin-left: 10px !important;
    }

    #options,
    #options-small {
        width: 100% !important;
    }

    .list h4 {
        display: flex;
    }

    .left-sidebar {
        z-index: 999;
        width: 46px !important;
    }

    /*.fill-content {
    min-height: 250px;
  height: max-content !important;
  }*/

    #options .list {
        width: 100% !important;
    }

    /*------------*/

    .headercustomclassadd {
        display: none !important;
    }

    .medium-left-header-icon {
        display: none !important;
    }

    .header-menu-list {
        display: none !important;
    }

    .left-page {
        width: 45px !important;
        /*background-color: var(--tp-bg-lightgrey) !important;*/
        height: auto !important;
    }

    .scroll-sec {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    /*.scroll-sec::-webkit-scrollbar-track
  {	    
    border-radius: 5px;
    background-color: var(--bs-white);
  }

  .scroll-sec::-webkit-scrollbar
  {
    width: 3px;
      height:5px;
    background-color: var(--bs-white);
  }

  .scroll-sec::-webkit-scrollbar-thumb
  {
    width: 3px;
      border-radius: 5px;	   
    background-color: lightgray;
  }*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/

    .tr_bg {
        background-color: #fbfbfb;
        border: 1px solid #e4e4e4;
        border-radius: 4px;
        height: max-content !important;
    }

    #ControlsHolder,
    .input-group {
        width: 100% !important;
    }

    #udfgrd {
        width: 100%;
        overflow-x: scroll;
    }

    /*.page-content {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }*/

    /*.left-sidebar {
      display:none;
  }*/

    .scroll-sidebar {
        overflow-x: hidden !important;
        width: 45px !important;
    }

    .scroll-sidebar,
    .sidebar-nav {
        display: block !important;
        width: 45px;
    }

    /*.pass-list ul {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      margin: auto !important;
      width: 100%;
      text-align: center;
  }*/

    .alignment-sec {
        flex-wrap: wrap;
    }

    div#Notifycont {
        width: 100%;
        overflow: scroll;
    }

    .changes-sec {
        width: 100%;
        overflow: scroll;
    }

    .no-right-pad {
        padding-right: none !important;
    }

    .carousel-section,
    .m-block {
        display: block !important;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .carousel-section {
        width: 100%;
        margin-left: -28px;
        height: 110px !important;
    }

    .h5-text-align {
        float: left;
        padding-left: 0px;
        color: black;
        font-size: 13px;
        text-align: center;
    }

    .admin-icon {
        float: left;
        margin-right: 15px;
        width: 100%;
    }

    .hide-screen {
        display: none !important;
    }

    .expand-sec {
        display: block !important;
        padding: unset !important;
    }

    .tp-btm-mag,
    .tp-no-mrg {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .admin-icon-image {
        width: 20% !important;
    }

    .admin-icon-content {
        width: 80% !important;
    }

    .position-fixed {
        min-height: unset !important;
    }

    .small-position-fixed {
        min-height: unset !important;
    }

    .page-wrapper > .page-content {
        /*padding: 15px;*/
        /*margin-top: 160px !important;*/
        min-height: calc(100vh - 167px);
        margin-top: 110px !important;
        padding-top: 45px !important;
    }

    .register-fld {
        text-align: center;
        height: 85px;
    }

    #FOASHeader_divMobileSubmenu {
        display: block !important;
    }

    #divSearchGrid {
        margin-bottom: 20px;
    }
}

/*#FOASHeader_divMobileSubmenu {
  display: none !important;
}

#FOASHeader_divSubmenu {
  display: none !important;
}

#FOASShortcut_divlg {
  display: block !important;
}*/

@media (min-width: 768px) {

    .medium-left-header-icon {
        display: block !important;
    }

    .expand-sec {
        display: none !important;
    }
}

.fa-bars {
    color: black;
}


.hide-screen {
    width: 100%;
    flex-wrap: nowrap;
}

.small-menu-icon {
    float: left !important;
    background-color: red;
    position: absolute;
    z-index: 9;
    display: none;
    flex-direction: row !important;
    width: 100%;
    padding-left: 25px !important;
    height: auto !important;
}

.toggle-icon-content {
    display: none;
    width: 100%;
    margin-left: -18px;
    height: auto !important;
}

.toggle-icon {
    height: 32px;
    border-radius: 5px;
}

.test-content {
    /* width: 33.333333%;*/
    margin-top: -12px;
}

.content-1 {
    width: 29%;
}

.content-2 {
    width: 45%;
}

.content-3 {
    width: 27%;
}

.content-2 ul {
    padding: 0;
    margin-top: 17px;
    flex-wrap: wrap;
}

.mob-sm-icon .test-link {
    padding: 4px !important;
}

.small-dropdown-content {
    margin-top: 13px;
}

.test-link {
    padding: 13px !important;
    margin-top: 0px !important;
}

fieldset {
    overflow-x: scroll;
    width: 100%;
}

/*fieldset::-webkit-scrollbar {
  display: none;
}
  fieldset {
-ms-overflow-style: none;
scrollbar-width: none;
}*/
/*.nav-item {
  padding-right:10px !important;
}*/

.auth-ctr {
    display: -webkit-box;
    margin-top: 10px;
}

/*---------------------------------------------------------*/


/* ----------------------------- font awesome changes start--------------------------*/

.nav-font-icon i {
    font-size: 30px;
    /*font-weight: lighter;*/
    color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--color);
}

.room-icon a:hover {
    background-position: 25px -52px;
    border-radius: 10px;
    color: #ffffff !important;
    height: 88px !important;
    background-color: var(--color) !important;
    -webkit-text-stroke-width: 1.5px;
}

    .room-icon a:hover.nav-font-icon i {
        -webkit-text-stroke-color: white !important;
        -webkit-text-stroke-width: 1px;
    }

    .room-icon a:hover.nav-font-icon p {
        -webkit-text-stroke-color: white !important;
        -webkit-text-stroke-width: 0.1px;
    }

.sub-active {
    background-position: 25px -38px;
    border-radius: 10px;
    color: #ffffff !important;
    height: 88px !important;
    background-color: var(--color) !important;
}

    .sub-active i {
        color: transparent !important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
    }

.img-pd-a {
    padding-top: 15px !important;
}

.large-icon-link {
    cursor: pointer;
    color: transparent !important;
    /*background-color: white;*/
    color: transparent !important;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    padding: 9px;
    border-radius: 5px;
    font-size: 19px;
    width: 40px;
}

.ic-mg:hover .large-icon-link {
    cursor: pointer;
    color: white !important;
    background-color: var(--color);
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    border-radius: 5px;
}

.active-icon.ic-mg .large-icon-link,
.active-icon.ic-mg .large-icon-link:hover {
    cursor: pointer;
    color: white !important;
    background-color: var(--color);
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}


.ic-mg {
    /*width: 35% !important;*/
    /*40px*/
    /* height: 32px;
  margin-top: -15px !important;
  margin-bottom: 10px !important;*/
    /*padding-top: 4px;*/
    color: black;
    text-align: center;
    margin-right: 3px;
    /*background-color: white;*/
}

    .ic-mg:hover {
        background-color: var(--color);
        border-radius: 5px;
    }


.hover-carousel:hover .sub-carousel-text {
    color: white;
}

.carousel-font-icon {
    color: transparent !important;
    -webkit-text-stroke-color: var(--color);
    -webkit-text-stroke-width: 1px;
    padding: 7px;
}

.sub-carousel-text {
    width: 100%;
    height: 45px !important;
    padding-top: 10px;
}

.hover-carousel:hover .carousel-font-icon {
    color: transparent !important;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 1px;
}

.small-sub-active .carousel-font-icon {
    color: transparent !important;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 1px;
}

.mobile-icon-link {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    width: 25px;
    padding: 5px;
}

.ic-mg:hover .mobile-icon-link {
    cursor: pointer;
    color: white !important;
    background-color: var(--color);
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    border-radius: 5px;
}

.active-icon.ic-mg .mobile-icon-link,
.active-icon.ic-mg .mobile-icon-link:hover {
    cursor: pointer;
    color: white !important;
    background-color: var(--color);
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

.mob-sm-icon {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.side-bar-icon {
    display: table !important;
    width: 100%;
    padding-left: 10px;
    padding: 5px !important;
    margin-bottom: 5px;
}

.side-bar-icon {
    /* background: url(../images/admin-db-icon.png) 5px 0px no-repeat; */
    /*height: 48px;*/
    line-height: 15px;
    color: var(--bs-black);
    font-size: 14px;
    display: block;
    font-family: OpenSans-Regular !important;
    /*font-family: var(--bs-font-opensans-regular) !important;*/
    padding-left: 33px;
    /*padding-bottom: 10px;
  padding-top: 18px;*/
    display: table;
    flex-wrap: nowrap;
    background-size: 23px !important;
    background-position: 5px 14px !important;
    width: 195px;
}

span.lft_hvr {
    vertical-align: middle;
    padding-left: 16px;
    display: table-cell;
    width: 100%;
    font-size: 14px;
    padding-bottom: 3px;
    line-height: 20px;
}

.left-font-icon {
    font-size: 20px;
    color: black;
    background-color: var(--tp-bg-lightgrey);
    /*display: table-cell;*/
    vertical-align: middle;
    padding-top: 4px;
    border-radius: 5px;
    width: 32px;
    height: 32px !important;
    color: transparent !important;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--color);
    text-align: center;
}

.small-left-font-icon {
    font-size: 19px;
    color: black;
    background-color: var(--tp-bg-lightgrey);
    padding-top: 8px !important;
    border-radius: 5px;
    width: 32px;
    height: 32px !important;
    margin: 1px 3px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color);
    text-align: center !important;
}

.small-screen-left-menu .active i {
    background-color: var(--color);
    -webkit-text-stroke-color: var(--bs-white);
}

.side-bar-icon:hover {
    background-position: 5px -23px !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    /* background-color: rebeccapurple; */
    position: relative;
    z-index: 999;
    /*width: 160px;*/
}

    .side-bar-icon:hover span.lft_hvr {
        font-weight: bold;
        color: var(--color);
    }

    .side-bar-icon:hover .left-font-icon {
        /*font-size: 22px;*/
        color: white;
        background-color: var(--color);
        /*padding-top: 5px !important;*/
        border-radius: 5px;
        /*width: 32px;
      height: 32px !important;*/
        -webkit-text-stroke-width: 1px;
        color: transparent !important;
        -webkit-text-stroke-color: white !important;
    }

.active .left-font-icon {
    font-size: 22px;
    color: white;
    background-color: var(--color);
    padding-top: 5px !important;
    border-radius: 5px;
    width: 32px;
    height: 32px !important;
    color: transparent !important;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 1px;
}

.admin-font-icon {
    font-size: 35px;
    /*font-weight: 900;*/
    color: transparent !important;
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: var(--color);
}

.dropbtn-icon {
    background-color: #ececec;
    text-align: center;
    width: 50px;
    height: 50px;
    /* box-shadow: rgb(14 30 37 / 27%) 1px 2px 3px 1px; */
    border-radius: 5px;
    margin-right: 0px;
    padding-top: 8px;
    font-size: 30px;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color);
    transition: all 0.3s ease;
}

.dropdownbtn-icon {
    /*background-color: #ececec;*/
    text-align: center;
    /* box-shadow: rgb(14 30 37 / 27%) 1px 2px 3px 1px; */
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 15px;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #201f1e;
}

.dropdown-content a:hover .dropbtn-icon {
    color: transparent;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: white !important;
    background-color: var(--color);
}

.dropdown-content a:hover .dropdownbtn-icon {
    color: transparent;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: white !important;
    background-color: var(--color);
}

.left-side-bar-icon:hover {
    width: 160px !important;
    background-color: white;
}

    .left-side-bar-icon:hover .small-left-font-icon {
        background-color: var(--color);
        color: transparent !important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
    }

    .left-side-bar-icon:hover span.small-screen-list {
        visibility: visible;
    }

a.active.left-side-bar-icon {
    width: 160px !important;
}

    a.active.left-side-bar-icon i {
        color: transparent !important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
    }

.nav-font-icon p {
    font-size: 14px;
    padding: 8px 5px;
    line-height: 15px;
}

.dropdown-content a {
    color: var(--bs-black);
    font-size: 15px !important;
    padding: 6px 10px;
    padding-right: 20px;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}

.admin-bg {
    display: flex;
    padding: 10px;
    width: 100%;
    transition: all 0.3s;
}

    .admin-bg:hover {
        box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
        border-radius: 10px;
    }

@media (min-width: 1300px) {

    .main-section-login {
        width: 100% !important;
        height: 100vh !important;
        display: table !important;
    }

    /*.login-pd {
      padding-top: 32px;
  }*/
}

.alert-large-screen-content::-webkit-scrollbar {
    display: none;
}

.alert-large-screen-content {
    max-height: 135px;
    overflow-y: scroll;
}

.alert-large-screen {
    max-height: 200px;
    width: 30%;
}

i.fa-solid.fa-house-user.dropbtn-icon {
    -webkit-text-stroke-width: 2px;
}

i.fa-solid.fa-house-user.dropdownbtn-icon {
    -webkit-text-stroke-width: 2px;
}

#errClose {
    padding-top: 8px;
}


@media (max-width: 767px) {

    /*#errClose {
      padding-top: 8px;
  }*/
    .small-submenu {
        display: block !important;
    }

    .large-submenu {
        display: none !important;
    }

    .active {
        box-shadow: unset !important;
    }
}

@media (min-width: 768px) {
    .small-submenu {
        display: none !important;
    }

    .large-submenu {
        display: block !important;
    }

    a.active.left-side-bar-icon {
        width: 40px !important;
    }
}

img {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

.pass-list {
    float: right;
}

/*.pd-btm {
  margin-bottom: -12px;
}*/

.large-icon {
    font-size: 40px;
    padding-top: 18px;
    color: transparent !important;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--color);
    background-color: white;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    margin-top: 14px;
}

.large-small-icon {
    font-size: 20px;
    margin-top: 9px;
    background-color: white;
    width: 35px;
    height: 35px;
    border-radius: 26px;
    padding-top: 7px;
}

.small-circle-icon {
    background-color: white;
    padding-top: 7px;
    font-size: 17px;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    margin: 6px 0px;
}

.small-circle-icon,
.large-small-icon {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color);
}

.dropdown-content a:hover {
    background-color: var(--bs-white);
    color: var(--bs-black);
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
    border-radius: 3px;
}

/* ----------------------------- font awesome changes end--------------------------*/


.header-line {
    min-height: 100px;
    /*border-bottom: 1px solid var(--tp-lightgray);*/
    box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;
}

.header-arrow-icon {
    color: var(--bs-black);
    /*var(--color)*/
    padding-left: 10px;
    padding-top: 11px;
}

.header-small-arrow-icon {
    padding-top: 25px;
}

/*.header-arrow-icon:hover .dropdown-content{
   display:block !important;
}*/

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

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    top: 28px !important;
    left: -85px !important;
    background: #ececec;
    transition-delay: 10s;
    transition-duration: 5s;
    transition-timing-function: ease-in-out;
}

.large-submenu {
    padding: 0;
    width: 75%;
    overflow: hidden;
}

.navbar-header {
    /*background-color: transparent;*/
    padding: 0;
    min-width: 215px;
    /*height: 100px;*/
    /*border-right: 1px dashed transparent;*/
}

.outline-header {
    display: flex;
    width: 100%;
    height: 100px;
    background-color: white;
    padding: 0px 15px 0px 0px;
    /*overflow: hidden;*/
    /* box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;
  border-bottom: 2px solid var(--tp-lightgray);
  background: linear-gradient(119deg, var(--bs-white) 66%, var(--tp-bg-lightgrey)  0%);*/
}

.left-page .topbar .top-navbar {
    background-color: white;
}

.wave {
    width: 100%;
    /*position: absolute;
  bottom: 0;*/
}

/*.navbar-collapse {
  background: linear-gradient(119deg, var(--bs-white) 20%, var(--tp-bg-lightgrey) 0%);
}*/

.footer {
    width: 100% !important;
    bottom: 0;
    text-align: center;
    position: fixed;
    z-index: 99999;
}

    .footer p {
        width: 88%;
        /*margin:auto;*/
        text-align: center;
        margin-bottom: 0;
        color: var(--bs-black);
        font-size: 13px;
        line-height: 30px;
        font-family: var(--bs-font-opensans-regular-bold);
    }

.topbar .otherclass {
    background-color: white !important;
    font-family: var(--bs-font-opensans-regular-bold);
    padding: 0;
    /*border-bottom: 2px solid var(--tp-lightgray);
  box-shadow: rgb(14 30 37 / 5%) 0px 2px 4px 0px, rgb(14 30 37 / 29%) 0px 2px 1px -1px;
  border-right:1px dashed var(--tp-lightgray);*/
}

/*#hgt {
  padding-left: 9px !important;
  padding-right: 9px !important;
}*/

.header-bg {
    padding-top: 1px;
}

.list-div {
    padding-bottom: 5px;
    /*padding-top: 5px;*/
    margin-top: 10px;
}

/*.logo-icon {
  padding-top: 15px;
}

.otherclass .logo-icon {
  padding-top: 25px;
}*/

.header-flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.modulesecimg {
    /*border-right: 1px dashed #FFCBA4;*/
}

.about-arw-icon {
    height: 50px;
}

.ipad-icons {
    display: none;
}

.mulitidrp-width {
    width: 100% !important;
}

.dxpcDropDown,
.dxpclW,
.dxpc-ddSys {
    /*left :0 !important;*/
    top: 80px !important;
    z-index: 999999 !important;
}

.dxeListBox {
    width: 100% !important;
}


/*---------------------------------------------------------*/

.UploadFilelable {
    display: table;
    border: 1px solid #e9ecef;
    height: 42px;
    /*padding-top: 10px;*/
    padding-left: 15px;
    overflow: hidden;
    line-break: anywhere;
}

    .UploadFilelable lable {
        display: table-cell;
        vertical-align: middle;
    }

.Attachment-input {
    display: flex;
    margin-bottom: 10px;
}

.flex-section {
    display: flex;
}

.input-group-prepend1 {
    /*margin-right: 7px !important;*/
    /*padding:0;
 margin-left: 0 !important;*/
}

.wrap-sec {
    flex-wrap: nowrap;
    margin: 0;
    width: 100%;
}

.span-label-text {
    width: 33%;
    height: 42px;
}

.pl {
    padding-left: 0;
}

.doc-no {
    width: 60%;
}

.span-input-text {
    width: 74%;
    height: 42px;
}

.span-label-text-date {
    width: 54%;
    height: 42px;
}

.card-label-text {
    width: 24% !important;
}

.card-label-input {
    width: 76%;
}

.upload-content-label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.fa-times-circle-o {
    padding: 6px !important;
    background-color: #f7fafc;
    border: 1px solid #e9ecef;
    font-size: 16px !important;
    color: var(--bs-black);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top: 13px !important;
    height: 42px;
}

/*---------------------------------------------------------*/

/*#divList {
  overflow-x: scroll;
}*/

/*----------------------------top  four header start-----------------------------*/
.content-menu {
    background-color: var(--bs-white);
    color: var(--bs-black);
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 2px solid var(--bs-white);
    display: flex;
    width: max-content;
}

.content-title {
    padding-top: 3px;
}

    .content-title i {
        display: block;
    }

ul.dropdown-subcontent {
    display: inline-flex !important;
    list-style-type: none;
    text-align: center;
    padding-left: 15px;
    width: 100%;
    margin-top: 0px;
}

li.headertop-menu {
    width: max-content;
    padding: 3px 8px 0px 8px;
    min-width: 100px;
}

    li.headertop-menu i {
        padding: 8px;
        color: var(--color);
        -webkit-text-stroke-width: 1px;
        font-size: 23px;
    }

.headertop-menu-list {
    background-color: var(--bs-white);
    display: block;
    height: 62px !important;
    padding: 0px 10px;
    border-radius: 10px;
}

/*-----active-------*/
.header-active {
    border-bottom: 3px solid var(--color);
    height: 33px;
}

    .header-active i {
        background-color: #ececec;
        border-radius: 5px;
        -webkit-text-stroke-color: var(--color);
    }

    .header-active .content-menu {
        color: var(--color);
    }

a.headertop-menu-list.sub-active {
    background-color: var(--color) !important;
    display: block;
    height: 62px !important;
}

    a.headertop-menu-list.sub-active p {
        /*border-bottom: 4px solid;*/
    }

    a.headertop-menu-list.sub-active i {
        background-color: var(--color);
        border-radius: 5px;
        -webkit-text-stroke-color: var(--bs-white);
    }

/*-----hover-------*/
.headertop-menu-list:hover {
    background-color: var(--color) !important;
    display: block;
    height: 62px !important;
}

    .headertop-menu-list:hover i {
        color: white;
    }

    .headertop-menu-list:hover p {
        color: white;
    }

.header-active:hover i {
    background-color: #ececec;
    border-radius: 5px;
    -webkit-text-stroke-color: var(--color);
}

.dropdown-content-top li:hover .content-menu {
    color: var(--color);
}

    .dropdown-content-top li:hover .content-menu i {
        -webkit-text-stroke-color: var(--color);
        background-color: #ececec;
        border-radius: 5px;
    }

/*li.headertop-menu:hover p{
  color:var(--color);
}
li.headertop-menu:hover i{
  background-color: #ececec;
  border-radius: 5px;
  -webkit-text-stroke-color: var(--color);
}*/
.login-img img {
    object-fit: fill;
}

.medium-logo-icon-img img {
    width: 110px !important;
    height: 60px !important;
}

.dark-logo {
    width: 142px;
}

.test-page,
#form1,
#main-wrapper,
#frmVisitor,
#frmACL,
#form2,
#frmUserProfile,
#tform1,
#frmUserSupport {
    height: 100%;
    min-height: 137vh;
    /*overflow-x: hidden;*/
}

/*#main-wrapper form{
   height: 100%;
}*/

/*----------------------------top  four header end-----------------------------*/
.dxgvDataRow {
    height: 40px;
}

.Headerpad-text {
    margin: 0 !important;
}

.Header-text {
    font-family: 'Arial' !important;
    font-size: 13px;
}

tr.dxgvFilterRow td {
    height: 32px !important;
}

/*table {
  width: 100%;
}*/

/*.dxeTextBox .dxeEditArea {
    width: 150px !important;
}*/

.dxgv label {
    /*display:none !important;*/
}

.icon-head {
    width: 10px !important;
    padding: 0 5px !important;
}

.HasImage input {
    margin-top: 5px;
    width: 18px !important;
    height: 18px !important;
}

.dxgvHeader td {
    white-space: nowrap;
    font-family: var(--bs-font-opensans-regular) !important;
    /*font-size: 13px;*/
}

li.ic-mg.active {
    cursor: pointer;
    color: white !important;
    background-color: var(--color) !important;
    -webkit-text-stroke-width: 1px;
    border-radius: 5px;
}

    li.ic-mg.active i {
        -webkit-text-stroke-color: white !important;
    }

.UploadFilelable {
    border: 1px solid #eaedef;
}

/*---------------------------------------------------------*/
.fa-user::before {
    content: "\f406";
}

.control {
    display: flex;
    height: 35px;
    /*padding-top: 5px;*/
    margin-bottom: 15px;
    width: 100% !important;
}

td.control textarea {
    margin-bottom: 15px;
    width: 100% !important;
}

/*------------drag and drop --------*/
#options,
#options-small {
    position: absolute;
    list-style: none;
    /*min-height: 470px;*/
    width: 205px;
    margin-top: 15px;
}

    #options .list {
        display: inline-block;
        padding: 0px;
        width: 48%;
        cursor: pointer;
        border-bottom: 1px solid white;
        width: 48%;
    }

    #options-small .list {
        display: inline-block;
        padding: 0px;
        width: 100%;
        cursor: pointer;
        border-bottom: 1px solid white;
        width: 100%;
    }

    #options .chart-sec {
        display: none;
    }

    #options-small .chart-sec {
        display: none;
    }

    #options-small .fa-times {
        display: none !important;
    }

    #options .fa-times {
        display: none !important;
    }

    #options i,
    #options-small i {
        display: block !important;
        margin: auto;
    }

.list h4 {
    text-align: center;
}

#options-small h4 span.lft_hvr {
    display: none !important;
}

h4 span.lft_hvr {
    vertical-align: middle;
    padding-left: 0;
    display: unset;
    width: 100%;
    font-size: 14px;
    padding-bottom: 3px;
    line-height: 20px;
    white-space: nowrap;
}

.fill-content h4 {
    display: none !important;
}

.fill-content {
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px #00000033;
    box-shadow: 0px 1px 3px #00000033;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 18px;
    overflow: hidden;
    height: 310px;
    border: 1px solid var(--tp-lightgray);
}

    .fill-content .list {
        cursor: move;
        width: 100%;
        height: inherit;
        background-color: white;
        position: relative;
    }

.fa-times {
    cursor: pointer;
    float: right;
    padding-right: 10px;
    position: absolute;
    top: 4px;
    right: -4px;
    z-index: 9;
    font-size: 17px !important;
}

.area-chart {
    /* Reset */
    margin: 0;
    padding: 0;
    border: 0;
    /* Dimensions */
    width: 100%;
    max-width: 100%;
    height: var(--chart-height, 300px);
}

    .area-chart tbody {
        width: 100%;
        height: var(--chart-height, 300px);
        /* Layout */
        display: flex;
        justify-content: stretch;
        align-items: stretch;
        flex-direction: row;
    }

    .area-chart tr {
        position: relative;
        /* Even size items */
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

    .area-chart td {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /* Color */
        background: var(--color, rgba(240, 50, 50, 0.75));
        clip-path: polygon(0% calc(100% * (1 - var(--start))), 100% calc(100% * (1 - var(--end))), 100% 100%, 0% 100%);
    }

        .area-chart td:nth-of-type(1) {
            --color: rgba(240, 50, 50, 0.75);
        }

        .area-chart td:nth-of-type(2) {
            --color: rgba(255, 180, 50, 0.75);
        }

        .area-chart td:nth-of-type(3) {
            --color: rgba(255, 220, 90, 0.75);
        }



.horizontal .progress-bar {
    float: left;
    height: 41px;
    width: 100%;
    padding: 12px 0;
}

.horizontal .progress-track {
    position: relative;
    width: 100%;
    height: 20px;
    background: #ebebeb;
}

.horizontal .progress-fill {
    position: relative;
    /*background: #666;*/
    height: 20px;
    width: 50%;
    color: var(--bs-white);
    text-align: center;
    font-family: "Lato", "Verdana", sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.rounded .progress-track,
.rounded .progress-fill {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
}


.vertical .progress-bar {
    float: left;
    height: 240px;
    width: 40px;
    margin: auto;
}

.vertical .progress-track {
    position: relative;
    width: 40px;
    height: 100%;
    background: #ebebeb;
}

.vertical .progress-fill {
    position: relative;
    /*background: #825;*/
    height: 50%;
    width: 40px;
    color: var(--bs-white);
    text-align: center;
    font-family: "Lato", "Verdana", sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.rounded .progress-track,
.rounded .progress-fill {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
}

/*--------------- bar chart  ----------------*/

#my-pie-chart-container {
    display: flex;
    align-items: center;
}

#my-pie-chart {
    background: conic-gradient(#f2317a 0.00%, #4b384c 0.00% 0.55%, #164775 0.55% 6.08%, #ffa316 6.08% 13.68%, #167575 13.68% 23.27%, #632c65 23.27% 40.47%, #c53b0d 40.47%);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: auto;
    /*position: absolute;*/
    margin-left: 20%;
    margin-top: 25px;
}

#legenda {
    margin-left: 20px;
    background-color: white;
    padding: 5px;
}

.entry {
    display: flex;
    align-items: center;
}

.entry-color {
    height: 10px;
    width: 10px;
}

.entry-text {
    margin-left: 5px;
}

#color-red {
    background-color: #c63d0d;
}

#color-orange {
    background-color: #7575a3;
}

#color-yellow {
    background-color: #ffa316;
}

#color-green {
    background-color: #167575;
}

#color-blue {
    background-color: #164775;
}

/*#my-pie-chart {
          z-index: 999;
          position: absolute;
          margin-top: 26px;
          margin-left: 25%;
      }*/

.droppable #my-pie-chart {
    width: 200px;
    height: 200px;
}

/*--------------- bar chart  ----------------*/

.canvasjs-chart-credit {
    display: none;
}

canvas {
    width: 100% !important;
    /*height: 300px !important;*/
    margin: auto;
    padding: 10px;
}

.fill-content i {
    display: inline-block !important;
}

.chart-sec {
    /*min-width: 445px;*/
    width: 100%;
}

.ui-helper {
    width: 550px !important;
    /*max-width: 100% !important;*/
    height: 350px;
    /*background-color:white;*/
    /*position:absolute;
   z-index:9;*/
}

.chart-sec h2 {
    background-color: var(--color)30;
    /*#ededed*/
    padding: 10px;
    cursor: no-drop;
}

.bg-maroon {
    background-color: #b91c47;
}

.bg-cyan-blue {
    background-color: #2caba9;
}

.bg-blue {
    background-color: #2b5797;
}

.bg-pink {
    background-color: #e8c3b9;
}

.bg-green {
    background-color: #1e7145;
}

.bg-yellow {
    background-color: #fcab24;
}

.left-page aside h4 span.lft_hvr {
    display: none !important;
}

.left-page aside #options .list {
    border-bottom: unset !important;
    padding-left: 10px !important;
    /*width: 51% ;*/
}

.left-page aside #options-small .list {
    border-bottom: unset !important;
    padding-left: 10px !important;
    /*width: 51% ;*/
}

.left-page.left-page-exdent aside h4 span.lft_hvr {
    display: block !important;
}

.left-page.left-page-exdent aside #options .list {
    border-bottom: unset !important;
    padding: 0px !important;
    /*width: 48%;*/
}

.left-page.left-page-exdent aside #options-small .list {
    border-bottom: unset !important;
    padding: 0px !important;
    width: 100%;
}

.droppable.active {
    background-position: unset;
    background-repeat: unset;
    background-color: transparent !important;
    color: black;
    font-weight: unset;
}

.drop-here:before {
    content: "drop here";
    line-height: 300px;
    position: absolute;
    margin-left: -40px;
}


/*--------guest room ---------*/
.floor-image-content {
    width: 100%;
}

.floor-details {
    display: none;
    width: 14%;
    text-align: center;
    padding: 5px;
    border-left: 1px solid var(--tp-lightgray);
    background-color: white;
    /*    overflow-x: scroll;*/
}

.booked-content-details {
    display: none;
    width: 100%;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--tp-lightgray);
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 37px;
    margin-left: 20px;
}

.floor-title div {
    flex-wrap: wrap;
    height: 30px;
    background-color: white;
    overflow: hidden;
    line-height: 10px;
}

.floor-details::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

/* Track */
.floor-details::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.floor-details::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .floor-details::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*.floor-details::-webkit-scrollbar {
display: none;
}*/
.main-section-floor1,
.main-section-floor2,
.main-section-floor3 {
    padding: 2px 0px;
    /*border-radius: 10px;*/
    margin: 0px 0px 20px 0px;
}

.main-content {
    display: flex;
    width: 100%;
    /* padding: 10px 10px;*/
    background-color: white;
    /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
    border: 1px solid var(--tp-lightgray);
    /*overflow-x: scroll;
overflow-y: hidden;*/
}

p.floor-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 23px;
    margin: auto;
    font-size: 13px;
}

.image-curve {
    margin: auto;
    text-align: center;
}



ul.floor-title {
    list-style-type: none;
    text-align: left;
    padding: unset;
    line-height: 15px;
}

    ul.floor-title span {
        padding-right: 0px;
    }

    ul.floor-title li {
        padding-right: 7px;
        font-size: 12px;
    }

    ul.floor-title span i.fa {
        font-size: 8px;
        font-weight: 600;
        color: var(--color) !important;
    }

/*.floor-1 {
  width: max-content;
}*/

/*.title
{
  display: table;
  margin-top: 6px;
  margin-bottom: -6px;
}*/

h4.text-title {
    font-weight: 600;
    font-size: 9px;
    /*display: flex;*/
}

.title-content {
    display: table-cell;
    vertical-align: middle;
}

.sub-head-title {
    font-size: 14px;
    font-family: 'OpenSans-SemiBold', Arial !important;
    /* font-weight: 400; */
    margin-bottom: 0px;
    padding: unset;
}

.floor-1-content {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 1036px) {
    .booked-content:hover + .booked-content-details {
        display: block !important;
    }

    .floor-details {
        display: none !important
    }
}

h4.text-title span {
    margin-top: -4px;
}

.wrap-sec {
    /*width: 16.3%;*/
    position: relative;
    margin: auto;
}


img.guest-title-image {
    width: 17px;
    /*padding: 4px;
  border: 1px solid lightgray;*/
    margin: 0px;
}

.card-img-top {
    width: 90%;
    transition: 0.5s all ease-in-out;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px;
    position: relative;
}

.card-image {
    background-color: lightgray;
    text-align: center;
}

.booked-text {
    background-color: #d8232a;
}

.available-text {
    background-color: #f48d4f;
}

.selected-text {
    background-color: #5bbb63;
}

.inactive-text {
    background-color: #a9a9a9;
}

p.image-text {
    position: absolute;
    float: right;
    text-align: left;
    top: 10px;
    padding: 5px;
    font-size: 10px;
    border-radius: 4px;
    right: 5px;
    color: white;
}

/*.card-image:hover .card-img-top{
transform: scale(1.2);
cursor: pointer;
}*/
.new-card {
    overflow: hidden;
    padding: 0px !important;
}

.card-button {
    background-color: var(--color);
    color: white;
    font-size: 13px;
    padding: 10px !important;
    border-radius: 4px;
}

.card-image:hover p.image-content {
    display: block !important;
    cursor: pointer;
}

/*p.image-content {
  display: none;
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  top: 38%;
  width: 100%;
  height: 30px;
  padding: 4px 5px;
  text-align: left;
  color: white;
  transition: .5s ease;
}*/

.card-image {
    position: relative;
    width: 100%;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color) !important;
    overflow: hidden;
    width: 100%;
    height: 30px;
    transition: .5s ease;
}

/*.card-image:hover .overlay-text {
height: 30px;
}*/

.image-content {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    width: 100%;
    padding: 4px 5px;
    height: 30px;
}


/*--------meeting room ---------*/

.floor-image-content {
    width: 100%;
}

.floor-details {
    display: none;
    width: 14%;
    text-align: center;
    padding: 5px;
    border-left: 1px solid var(--tp-lightgray);
    background-color: white;
    /*    overflow-x: scroll;*/
}

.booked-content-details {
    display: none;
    width: max-content;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--tp-lightgray);
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 37px;
    margin-left: 20px;
}

.floor-details::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

/* Track */
.floor-details::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.floor-details::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .floor-details::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*.floor-details::-webkit-scrollbar {
display: none;
}*/
.main-section-floor1,
.main-section-floor2,
.main-section-floor3 {
    padding: 2px 0px;
    /*border-radius: 10px;*/
    margin: 0px 0px 20px 0px;
}

.main-content {
    display: flex;
    width: 100%;
    /* padding: 10px 10px;*/
    background-color: white;
    /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
    border: 1px solid var(--tp-lightgray);
    /*overflow-x: scroll;
overflow-y: hidden;*/
}

.image-curve {
    margin: auto;
    /*text-align: center;*/
}

img.floor-image {
    position: relative;
    width: 100px;
}

ul.floor-title {
    list-style-type: none;
    text-align: left;
    padding: unset;
    line-height: 15px;
}


    ul.floor-title span i.fa {
        font-size: 8px;
        font-weight: 600;
        color: var(--color) !important;
    }

/*.floor-1 {
  width: max-content;
}*/
img.title-image {
    width: 24px;
    /*padding: 4px;
  border: 1px solid lightgray;*/
    margin: 0px;
}

.sub-head-title {
    font-size: 14px;
    font-family: 'OpenSans-SemiBold', Arial !important;
    /* font-weight: 400; */
    margin-bottom: 0px;
    padding: unset;
}

.floor-1-content {
    padding-left: 15px;
    padding-right: 15px;
}

.zoom-sec {
    text-align: end;
    margin-bottom: 3px;
}

    .zoom-sec i {
        font-size: 19px;
        padding-left: 15px;
        cursor: pointer;
    }

@media (min-width:1024px) and (max-width:1366px) {
    .doc-no {
        width: 75%;
        margin-left: 15px;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .doc-no {
        width: 60%;
        margin-left: 15px;
    }

    .content-sec {
        width: 100% !important;
    }

    .cardview {
        width: 50% !important;
    }

    .subcontent {
        height: unset !important;
    }

    .pd-left {
        padding: 0px;
    }

    .mb-alg {
        margin-bottom: 10px;
    }

    .flt-rht {
        float: right;
        padding-right: 10px;
    }
}

.pager {
    border: 1px solid transparent;
}

    .pager table {
        width: unset;
    }

        .pager table td {
            width: 28px;
            height: 28px;
            text-align: center;
            border-radius: 50%;
            background-color: whitesmoke;
            margin: 6px;
            box-shadow: 3px 3px 3px 0px rgb(232 232 232);
        }

@media (min-width:1024px) {

    .right-page,
    .right-page-exdent {
        min-width: 83% !important;
    }

    .dark-logo {
        width: 142px !important;
    }
}

@media (min-width:1092px) {

    .right-page,
    .right-page-exdent {
        min-width: 83% !important;
    }
}

.table-algn {
    display: table;
}

.tablecell-algn {
    display: table-cell !important;
    vertical-align: middle;
}

.blockUI.blockMsg.blockPage,
#dvreport_filter,
#divPopUpView {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
}

    #dvreport_filter td.control {
        width: unset !important;
    }

#ddnreportwise,
#ddntopwise {
    width: 195px !important;
    margin-top: 10px;
}

#trdaily {
    height: 47px;
}

    #trdaily td.label {
        display: table-cell;
        vertical-align: initial;
        padding-left: 10px;
    }

#trdaily3 {
    height: 47px;
}

    #trdaily3 td.control {
        width: 100% !important;
    }

    #trdaily3 td.label {
        display: table-cell;
        vertical-align: initial;
        padding-left: 10px;
    }

#Buttonview3 {
    margin-right: 25px;
}

.btn-algn-width {
    width: 50% !important;
    padding: 5px;
}

.text-algn {
    width: 150px;
}

#grdRefDetails {
    height: 37px !important;
}

.pd-alg {
    display: table-cell;
    vertical-align: super;
    padding-top: 11px;
}

#ExportDataDx_dvTable {
    right: 30px !important;
    top: -50px;
}

#dvreport_filter table {
    width: max-content;
}

.blockUI.blockMsg.blockPage #dvreport_filter {
    height: unset;
}

#dvreport_filter {
    height: 80vh;
}

#tdtoplabel span,
#tdreporttypelabel span {
    padding-right: 5px;
    padding-left: 5px;
}

.searchGrid {
    display: table;
}

.control #ddlLocation {
    display: block;
    width: 193px !important;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.275rem 0.3rem;
    /* padding: 0.375rem 0.75rem; */
    font-family: var(--bs-font-opensans-regular);
    font-size: 16px;
    line-height: 1.5;
    color: var(--bs-black) !important;
    background-color: var(--bs-white);
    background-clip: padding-box;
    border: 1px solid #b4b9bc;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 13px !important;
    margin-top: 10px !important;
}

#dvreport_filter .control {
    height: unset;
}

#dvreport_filter .td_bottom {
    background-color: #f4f4f4 !important;
    padding: 10px;
}

/*table input.dxeEditArea.dxeEditAreaSys {
  width: 250px !important;
  width: unset !important;
}*/

.dxeButtonEditSys .dxeEditAreaSys,
.dxeButtonEditSys td.dxic,
.dxeTextBoxSys td.dxic,
.dxeMemoSys td,
.dxeEditAreaSys {
    width: unset;
}

.dxgvCSD {
    overflow: unset !important;
    width: unset !important;
}

.col-lg-4.input-group-prepend span {
    width: 45%;
    margin-left: 0px;
}

.col-lg-4.input-group-prepend input {
    width: 55%;
}

.dxpLite {
    display: flex !important;
    align-items: center;
}

    .dxpLite .dxp-num {
        color: var(--bs-black);
        text-decoration: underline;
        width: 25px;
        height: 25px !important;
        height: 9px;
        text-align: center;
        border-radius: 102%;
        background-color: whitesmoke;
        box-shadow: 3px 3px 3px 0px #d5d5d5;
        padding: 7px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

.align-overlay {
    overflow-x: scroll;
}

.dxpLite .dxp-summary,
.dxpLite .dxp-ellip {
    white-space: nowrap;
    padding: 5px 4px 2px !important;
}

#divMain {
    font-family: var(--bs-font-opensans-regular) !important;
}

.col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.popup-btn-alignment {
    padding-left: 15px;
    margin-top: -35px;
    margin-bottom: -18px;
}

#TpLogo {
    float: right;
}

.pt-10 {
    padding-top: 10px;
}

#upload_view {
    border: 1px solid #b4b9bc;
}

.-pad {
    width: 100% !important;
}

table.-pad input.dxeEditArea.dxeEditAreaSys {
    width: 100% !important;
}


/*#UDF1 {
  width:400px !important;
}*/

#domMessage {
    display: block !important;
    width: 100px !important;
}

/*.over-flw-grd {
  overflow-x:scroll;
  overflow-y:hidden;
}*/

.amcharts-export-menu {
    display: none;
}

.amcharts-chart-div a {
    display: none !important;
}

.hidden-inputs.hidden {
    display: none;
}

ul.file-list {
    padding-left: 0px;
}

    ul.file-list li {
        list-style-type: none;
        width: 320px;
        background-color: #efefef;
        padding: 10px;
        margin-bottom: 10px;
    }

.removal-button {
    float: right;
    background-color: #e7e7e7;
    padding: 13px;
    margin-top: -10px;
    margin-right: -10px;
}

.fa-trash-can::before {
    content: "\f2ed";
    font-weight: 600;
}

.file-uploader__message-area {
    font-weight: bold;
    padding-bottom: 10px;
}

.GridHeader th {
    color: black !important;
    padding: 10px 5px;
}

td.report_body_text {
    padding: 10px;
}

td.tabDetailViewDL,
td.tabDetailViewDF.Viewtbl_lbl {
    width: 16.66667% !important;
}

.tabDetailViewDL {
    border-bottom: 1px solid white;
    /*text-align: justify;*/
}

#ExportDataDx_dvTable {
    position: relative !important;
    display: flex;
    justify-content: end;
}
div#ExportDataDx_dvTable img {
    width: 145px !important;
    height: 40px !important;
    position: absolute;
    right: -20px;
    top: -20px;
    object-fit: contain;
}
#TpLogo {
    position: absolute;
    right: 0;
    top: -10px;
}

/*.PTWSpotCheck .blockUI.blockMsg.blockPage {
    position: fixed !important;
    border-radius: 8px;
    background-color: unset !important;
    width: 607px !important;
}*/

.td_bottom {
    padding: 10px;
}

/*Gridview Loading icon */
.dxgvLoadingPanel {
    left: 300px !important;
    width: 50% !important;
    margin: auto;
}

.dxlp-loadingImage.dxlp-imgPosLeft {
    display: none;
}

/*.input-help-icon {
  margin-left: 7px;
  color: white;
  border: 1px solid var(--color);
  border-radius: 8px;
  background-color: var(--color);
  padding-top: 3px;
  height: 34px;
  width: 34px;
  margin-top: 2px;
}

input.input-help-icon[type="button"] {
  font-family: 'Font Awesome 6 Pro';
  font-size: 13px;
  font-weight: 900;
}*/

.grid-input-search-icon {
    padding-left: 10px;
    margin-top: 3%;
}

.calc_clear_button {
    position: inherit;
    FONT-WEIGHT: normal;
    FONT-SIZE: 16px;
    text-align: center;
    COLOR: #363636;
    /*padding: 0 1px 0 0;*/
    width: 24px;
    height: 18px;
    text-transform: uppercase;
    TEXT-DECORATION: none;
    background-image: url('../images/autolist-clear-icon.png');
    background-repeat: no-repeat;
    border: none;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    position: relative;
    /* top: 20px; */
    bottom: 4px;
}

.text-end {
    text-align: end;
}

.grid-input-search-icon-config {
    padding-left: 10px;
    margin-top: 4%;
}

.btn-pad-config-clear,
.btn-pad-config-search {
    margin-top: 5% !important;
    margin-left: 0px;
    color: white;
    border: 1px solid var(--color);
    border-radius: 8px;
    background-color: var(--color);
    padding: 6px;
    height: 28px;
    width: 28px;
    display: inline-block;
}

.btn-pad-config-clear {
    margin-left: 3px;
    margin-top: 11px !important;
    padding: 7px;
}

.calc_clear_icon_button {
    margin-left: -13px !important;
    padding: 9px !important;
    height: 35px !important;
    width: 35px !important;
    margin-top: -1px !important;
    border: none !important;
    /* border-radius: 0px !important; */
    /* text-align: center !important; */
    background-color: transparent;
}

.date-picker-sec,
.search-popup-sec {
    display: flex;
    width: 100%;
}

    .date-picker-sec .input-group {
        margin-top: 0px !important;
    }

.download-icon {
    font-size: 20px;
    color: var(--color);
}

.card-button-sec {
    text-align: end;
}

.toggle-btn-icon {
    float: right;
}

.create-icon {
    margin-left: 7px;
    color: white;
    border: 1px solid var(--color);
    border-radius: 8px;
    background-color: var(--color);
    padding: 9px;
    height: 34px;
    width: 34px;
    margin-top: 0px !important;
    display: inline-block;
}

.ptw_apr {
    width: 50px;
    word-break: keep-all;
    white-space: nowrap;
}

/*.boarder-align-line {
  height: 30px;
}*/

/*--admin > user >default--*/
/*#trLocation {
  display: flex;
}*/

/*#lblLocation label {
  padding-top: 10px;
  padding-right: 10px;
}*/


/*.workflow-popup-icon {
  margin: auto;
}

.workflow-popup-outer {
  text-align: center;
  padding: 10px;
}*/

.workflow-popup-label {
    padding: 10px;
    font-weight: 600;
}

.row-sec {
    width: 100%;
    margin: auto;
}

/*.workflow-content-sec {
  background-color: #f5f5f573;
  padding: 20px;
}*/

#SetVisitorTemplate {
    background-color: white;
    width: 630px;
    height: 300px;
    border-radius: 10px;
    padding: 10px;
}

.star-content {
    color: red;
    padding-left: 8px;
}

.ptw_apr:after {
    content: "\2a";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #eb0000;
    font-size: 10px;
    padding-left: 10px;
}

.align-popup-content {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}



.popup-form-control {
    width: 100%;
    border: 1px solid #d3d3d3cf;
    min-height: 110px;
    padding: 10px;
}



.popup-label {
    display: table;
}

    .popup-label label {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
    }

.popup-close-icon {
    font-size: 20px;
    font-weight: bold;
    color: #686767;
    cursor: pointer;
}

.popup-content-sec {
    padding: 25px;
}

.popup-btn {
    padding: 6px 25px !important;
}

.popup-header {
    flex-wrap: nowrap !important;
}

.popup-title {
    font-size: 16px;
    padding-bottom: 15px;
    font-weight: 600;
}

.checklist-content h2 {
    font-weight: bold;
    font-size: 16px;
}

.list-qus {
    width: 85%;
    font-size: 16px;
    text-indent: 30px;
    padding-bottom: 12px;
    padding-top: 3px;
}

.checklist-sec {
    width: 100%;
}

.list-opt {
    width: 15%;
    text-align: end;
    display: inline-flex;
    float: right;
    /*/ margin-top: -20px; /*/
    height: 35px;
}

    .list-opt input {
        width: 15px;
        margin-top: -16px;
        cursor: pointer;
    }

    .list-opt label {
        /*/ padding-top: 10px; /*/
        font-size: 15px;
        padding-right: 15px;
        display: flex;
        /*align-items: center;*/
    }

.list-qus:before {
    content: "\f111";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    padding-right: 10px;
    color: var(--color);
    /*#eb7c63*/
    font-size: 10px;
}

/*ptw request screen*/

.ptw-request .chkBoxList {
    table-layout: fixed;
    padding-left: 5px;
    margin-top: -10px;
}

    .ptw-request .chkBoxList td {
        /*width: 10%;*/
        /* or percent value: 25% */
        display: flex;
        align-items: center;
    }

    .ptw-request .chkBoxList tr {
        width: 206px !important;
        display: inline-block;
    }

.ptw-request .chknew .chkBoxList tr {
    display: block;
    width: 100% !important;
}

.ptw-request .chkBoxList input[type="checkbox"]:disabled {
    opacity: 1.5;
}

.ptw-request input[type="checkbox"][disabled]:checked {
    outline: 1px solid #df6024;
}

/*report > mis > default > sec*/
.report-mis-default-sec #trmonthly select#ddlMonthfrom,
.report-mis-default-sec #trmonthly select#ddlYearfrom {
    margin-right: 10px;
}

.report-mis-default-sec #trmonthly select#ddlMonthto,
.report-mis-default-sec #trmonthly select#ddlYearto {
    margin-right: 10px;
}

.report-mis-default-sec #dvreport_filter table {
    width: 600px;
}

.report-mis-default-sec #dvreport_filter td.control {
    width: 240px !important;
}

/*report > mis > mis*/
.report-popup-sec table.dxgvControl.grid_bg.dxgv {
    width: 100% !important;
}

.report-popup-sec {
    overflow: scroll;
    width: 100%;
    height: 100%;
}

.header-row-sec {
    height: 40px;
}

.idcardclass {
    background-color: #fafafa !important;
    border-bottom: 1px solid #dfdfdf !important;
    border-top: 1px solid #dfdfdf !important;
    border-left: 1px solid #dfdfdf !important;
    border-right: 1px solid #dfdfdf !important;
}

.req-table-1 {
    display: none;
}

.req-table-2 {
    display: none;
}

.cbExtend {
    padding-top: 26px;
}

.req-table-4 {
    display: none;
}

/*.req-table-5 {
  display: none;
}*/

.req-table-6 {
    display: none;
}

#chkPTWType input[type="checkbox"]:disabled {
    opacity: 1.5;
    margin-right: 5px;
    margin-left: -8px;
}

#chkPTWType input[type="checkbox"][disabled]:checked {
    outline: 1px solid #df6024;
    border-color: purple;
}

#ctlPTWRequestSummary_ChkPPEReq input[type="checkbox"]:disabled {
    opacity: 1.5;
    margin-right: 5px;
    margin-left: -8px;
}

#ctlPTWRequestSummary_ChkPPEReq input[type="checkbox"][disabled]:checked {
    outline: 1px solid #df6024;
}

.list-opt input[type="radio"]:disabled {
    opacity: 1.5;
    margin-right: 5px;
    margin-left: 10px;
}

.list-opt input[type="radio"][disabled]:checked {
    outline: 1px solid #df6024;
    height: 15px;
    margin-top: 2px;
}

.idnamelable {
    background-color: #eeeeee !important;
}

.ptw-request input[type=radio] {
    accent-color: var(--color);
    margin-right: 5px;
    margin-left: 10px;
}

.ptw-request input[type=checkbox] {
    accent-color: var(--color);
    margin-right: 5px;
    margin-left: -8px;
    width: 18px;
    height: 17px;
    display: inline-flex;
    vertical-align: text-top;
}

#ctlPTWRegister_Chklist {
    width: 105% !important;
}

.attachmentview {
    width: 46% !important;
    font-size: 14px !important;
}

.UploadFilelable label.file {
    height: 40px;
    overflow: hidden;
}

.attachmentdate {
    width: 53% !important;
}

.no-wrap {
    flex-wrap: nowrap !important;
}

.report-text {
    white-space: nowrap;
}

.visitorBlacklistview {
    width: 870px;
    height: 500px;
    overflow-y: scroll;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .visitorBlacklistview::-webkit-scrollbar {
        width: 8px;
    }

    .visitorBlacklistview::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

    .visitorBlacklistview::-webkit-scrollbar-track {
        background: #ececec;
    }

/*.alert-d-none alert-d-lg-block alert-large-screen {
  display: block !important;
}*/

/*contractor > cw_checkin > Checkinfp*/
.checkinfp-sec .GridTable,
.contractor-cw_checkin-checkout .GridTable,
.contractor-cw_checkin-checkin .GridTable {
    padding: 0px;
}

/*contractor > ContractTrainingMatrix*/
.grid-border {
    border: 1px solid #b4b9bc8f;
}

    .grid-border .dxgvHeader td {
        white-space: nowrap !important;
    }

#ctlContractorRegister_tblMain > .col-md-12 {
    padding: 0px;
}

/*.ptw-request input#dtTimeReq_txtDate {
  margin-top: .25rem !important;
}*/

/*contractor > contractorscorecard*/

.contractorscorecard #ScoreGrid .grid_row_bg1,
.contractorscorecard #ScoreGrid .grid_row_bg2 {
    color: var(--bs-black) !important;
    font-size: 14px;
    font-family: var(--bs-font-opensans-regular-bold);
}

/*demo > contractor-report*/
.contractor-report .test-page {
    display: flex;
}

.contractor-report .admin-heading-sec {
    margin-top: 10px !important;
}

.nowarp {
    flex-wrap: nowrap !important;
}

.SCustomGridStyleHeader {
    font-family: 'Arial' !important;
    padding: 8px !important;
    width: 130px !important;
    text-align: center;
}

/*CARD VIEW SET TO 3*/
.dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
    width: 32.5% !important;
    padding: 0px !important;
    margin: 5px !important;
}

/*--------- guestroom popup-----------*/
/*.divPopUpView-table .rgst-lbl {
  padding-bottom: 15px;
}*/

#divPopUpView {
    width: 70% !important;
}

/*.employee-popup {*/
/*background-color: rgba(0,0,0,0.5);*/
/*width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 9999;*/
/*}*/


.employee-popup {
    /*background-color: rgba(0,0,0,0.3);*/
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*z-index: 9;*/
    z-index: 999999;
    zoom: 95%;
}


.employee-popup-content {
    width: 50%;
    margin: auto;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
    border-radius: 10px;
    padding: 15px;
    background-color: white;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    /*height: 565px;*/
}

.rgst-lbl1 {
    font-family: var(--bs-font-opensans-regular);
    font-size: 14px;
    padding-bottom: 5px;
    pddding-left: 10px;
    padding-right: 450px;
    white-space: nowrap;
}

.company1-logo {
    width: 50%;
    text-align: start;
    z-index: 9;
}

.multisteps-form__title1 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
    white-space: nowrap;
}

.client1-logo {
    width: 50%;
    text-align: end;
    z-index: 9;
    padding-top: 10px;
}

.employee-header {
    display: flex;
    border-bottom: 1px dashed #c5c0c0;
    height: 55px;
}

.employee-img {
}

/*.employee-page #form1 {
  height: auto;
}*/

.employee-note {
    font-size: 15px;
    color: red;
    font-weight: bold;
}

.employee-create-icon {
    color: white;
    border: 1px solid var(--color);
    border-radius: 8px;
    background-color: var(--color);
    padding: 9px;
    height: 34px;
    width: 34px;
    margin-top: -48px !important;
    display: inline-block;
    margin-left: 102% !important;
}

.employee-page #form1 {
    height: auto;
}

.employee-alert-sec {
    background-color: #c9e5c3;
    padding: 10px;
    border-radius: 10px;
    border-bottom: 5px solid #197b00;
    width: 30%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    height: 18%;
}

.employee-alert-icon-svg,
.employee-alert-icon-title,
.employee-alert-icon-close {
    width: 33.3%;
}

.employee-alert-subcontent {
    text-align: center;
    margin: 2px 10px;
}

    .employee-alert-subcontent p {
        margin: 0;
        font-size: 14px;
    }

.employee-alert-icon-close i {
    font-size: 28px;
    cursor: pointer;
}

.employee-wrapper {
    justify-content: center;
    align-items: center;
}

.employee-checkmark {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: var(--bs-white);
    stroke-miterlimit: 10;
    /*margin: 10% auto;*/
    box-shadow: inset 0px 0px 0px #197b00;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.employee-checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #8BC34A;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.employee-checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

/*multi > alert*/
/*------------------ multi alert start ------------------*/
.multi-alert-sec {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    /*display:none;*/
}

.multi-alert-row-sec {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    width: 35%;
    backdrop-filter: blur(1px);
}

.multi-alert-content {
    display: flex;
    border-radius: 10px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    background-color: white;
    margin-bottom: 15px;
}

.multi-alert-content-logo {
    width: 14%;
    text-align: center;
    display: table;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.headingName {
    font-weight: bold;
    font-size: 20px;
}

.multi-alert-error {
    background-color: #ffd9d9;
    border-bottom: 5px solid #f52727;
}

.multi-alert-warning {
    background-color: #ffe28c;
    border-bottom: 5px solid #ffc107;
}

.multi-alert-info {
    background-color: #d9f5ff;
    border-bottom: 5px solid #024283;
}

.multi-alert-success {
    background-color: #e0ffd9;
    border-bottom: 5px solid #1a8200;
}

.multi-alert-notification {
    background-color: #94dacd;
    border-bottom: 5px solid #003836;
}

.multi-alert-content-logo i {
    display: table-cell;
    vertical-align: middle;
    font-size: 50px;
    font-weight: 500;
    -webkit-text-stroke-width: 2px;
}

.multi-alert-error-logo i {
    color: #f52727;
}

.multi-alert-warning-logo i {
    color: #c19104;
}

.multi-alert-info-logo i {
    color: #024283;
}

.multi-alert-success-logo i {
    color: #1a8200;
}

.multi-alert-notification-logo i {
    color: #003836;
}

.multi-alert-subcontent {
    width: 80%;
    padding: 10px;
}

    .multi-alert-subcontent .multi-alert-content-para {
        font-size: 15px;
        color: #262626;
        min-height: 50px;
        /*overflow-y: scroll;*/
    }

        .multi-alert-subcontent .multi-alert-content-para::-webkit-scrollbar {
            width: 4px;
        }

        .multi-alert-subcontent .multi-alert-content-para::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 10px;
        }

        .multi-alert-subcontent .multi-alert-content-para::-webkit-scrollbar-track {
            background: transparent;
            /*#00000017*/
        }

.alert-error-para::-webkit-scrollbar-thumb {
    border: 3px solid #f52727;
    background-color: #f52727;
}

.alert-warning-para::-webkit-scrollbar-thumb {
    border: 3px solid #ffc107;
    background-color: #ffc107;
}

.alert-info-para::-webkit-scrollbar-thumb {
    border: 3px solid #024283;
    background-color: #024283;
}

.alert-success-para::-webkit-scrollbar-thumb {
    border: 3px solid #1a8200;
    background-color: #1a8200;
}

.alert-notification-para::-webkit-scrollbar-thumb {
    border: 3px solid #003836;
    background-color: #003836;
}

.multi-alert-subcontent b {
    font-size: 20px;
}

.multi-alert-close {
    width: 6%;
    text-align: right;
    padding: 4px;
    font-size: 20px;
    padding-top: 6px;
    padding-right: 6px;
}

    .multi-alert-close i {
        cursor: pointer;
        -webkit-text-stroke-width: 1px;
    }

@media (max-width:767px) {
    .multi-alert-row-sec {
        width: 95%;
    }
}

@media(min-width:767px) and (max-width:1023px) {
    .multi-alert-row-sec {
        width: 60%;
    }
}

.multi-alert-button {
    transition: all .2s ease-in-out;
    font-family: var(--bs-font-opensans-regular);
    padding: 5px 18px;
    font-size: 17px;
    border-radius: 4px;
    color: var(--bs-white);
}

.multi-alert-error .multi-alert-button {
    background-color: #f52727;
    border: 1px solid #f52727;
}

.multi-alert-warning .multi-alert-button {
    background-color: #ffc107;
    border-bottom: 1px solid #ffc107;
}

.multi-alert-info .multi-alert-button {
    background-color: #024283;
    border-bottom: 1px solid #024283;
}

.multi-alert-success .multi-alert-button {
    background-color: #1a8200;
    border-bottom: 1px solid #1a8200;
}

.multi-alert-notification .multi-alert-button {
    background-color: #003836;
    border-bottom: 1px solid #003836;
}

/*------------------ multi alert end ------------------*/
.multisteps-form__subcontent {
    /*overflow-y: scroll;
  height: 400px;*/
}

    .multisteps-form__subcontent::-webkit-scrollbar {
        width: 12px;
    }

    .multisteps-form__subcontent::-webkit-scrollbar-track {
        background: transparent;
    }

    .multisteps-form__subcontent::-webkit-scrollbar-thumb {
        background-color: #8080804f;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }


/*--------------------- guestroom popup ----------------------*/
html,
body.guestroom-popup {
    height: 100%;
    margin: 0;
}

.guestroom-popup #form1 {
    height: -webkit-fill-available;
}

.guest-popup-multicontent {
    display: flex;
    border: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

#NotAvailableAlert {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
}

.guest-popup-main {
    max-height: 300px;
    overflow-y: scroll;
}

    .guest-popup-main::-webkit-scrollbar {
        width: 13px;
    }

    .guest-popup-main::-webkit-scrollbar-track {
        background: var(--bs-white);
        border-radius: 10px;
    }

    .guest-popup-main::-webkit-scrollbar-thumb {
        background-color: #8080808f;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }


.popup-booking-details {
    width: 330px;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffefe5;
    /* background: rgba(255, 255, 255, .25); */
    border: 1px solid rgba(255, 255, 255, .18);
    position: absolute;
    top: 72%;
    left: 50%;
    transform: translate(-50%, 0%);
    border: 1px dashed lightgrey;
}

    .popup-booking-details .booking-details-close-btn {
        position: absolute;
        right: 10px;
        top: -8px;
        font-size: 25px;
        cursor: pointer
    }

.booking-details-close-btn:hover {
    color: red
}

.popup-booking-details h1 {
    text-align: center;
    color: #f1592a;
    font-size: 21px;
    font-family: var(--bs-font-opensans-regular-bold);
}

.popup-booking-details form {
    margin: 20px
}

.popup-booking-details label {
    display: block;
    color: var(--bs-black);
    font-size: 14px;
    margin-top: 10px;
    display: list-item;
    margin-left: 1.3em;
    list-style-type: circle;
}

    .popup-booking-details label::marker {
        color: #f1592a;
    }

.popup-booking-details span {
    color: #f1592a;
    font-size: 12px;
    padding-right: 10px;
}

/*------------------ View FeedBack Screen Design-------------------*/
.feedback-sec #main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper,
.feedback-sec #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
    margin-left: 0px !important;
    margin-right: auto !important;
}

.feedback-sec .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.feedback-sec img {
    border: 0;
}

.feedback-sec .pass-design-content {
    width: 100%;
    text-indent: 10px;
}

    .feedback-sec .pass-design-content p {
        width: 63%;
        text-indent: 10px;
        display: inline-block;
    }

    .feedback-sec .pass-design-content span {
        display: inline-flex;
        width: 32%;
        text-indent: 10px;
    }

.feedback-sec .pass-design-circle {
    width: 24% !important;
    text-align: center;
    display: block !important;
}

.feedback-sec .pass-head {
    list-style-type: none;
    padding: 0;
    background-color: gainsboro;
    margin-left: -40px;
}

.feedback-sec p.heaging-pass {
    font-weight: 700;
    padding: 0px;
}

.feedback-sec .pass-design-list {
    list-style-type: auto;
}

.feedback-sec .pass-design {
    border: 1px solid gainsboro;
    margin-top: 20px;
}

.feedback-sec label {
    white-space: nowrap;
    width: 32%;
    padding-top: 18px;
}

.feedback-sec .pass-design-list li {
    line-height: 30px;
}


/*Feedback class*/
.feedback-sec .text-align-box {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.feedback-sec .text-align-box-content {
    padding: 2% 3% 0% 3%;
    border-radius: 7% 7% 7% 7%;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%), 0 9px 26px 0 rgb(0 0 0 / 19%);
    width: 33%;
    margin: auto;
    height: 360px;
}

.feedback-sec .logo-img-lht {
    text-align: left;
}

    .feedback-sec .logo-img-lht img {
        width: 140px;
    }

.feedback-sec .logo-img-rht {
    text-align: right;
}

.feedback-sec .registrationheader2 {
    position: absolute;
    color: var(--color);
    font-size: 20px;
    font-weight: 600;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top: 5%;
    font-family: var(--bs-font-opensans-regular) !important;
}

.feedback-sec .hr-line {
    border-bottom: var(--color) solid 1px;
    width: 100%;
}

.feedback-sec .feedback-image img {
    width: 180px;
}

.feedback-sec .feedback-text {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 30px 15px;
}

.feedback-sec .label-text {
    background: #efefef;
    border: 1px solid white;
    padding: 10px;
}

.feedback-sec .label-text-content {
    background: var(--bs-white);
    border: 1px solid #dfdede;
    padding: 10px;
}

.feedback-sec .feedback-header-sec {
    border-bottom: 1px solid #d1d3d4;
    height: 100px;
    width: 100%;
    margin: auto;
}

.feedback-sec .textbox-width {
    width: 100% !important;
}


.user-help #sidebarnav {
    padding-right: 0px !important;
}

.user-help .sidemenu a {
    width: 204px !important;
}

/*Guestroomavailability*/

.cal-theme p i {
    padding-right: 10px;
}

.cal-theme p {
    padding-right: 25px;
}

.cal-theme-booking i {
    color: #9acd32;
}

.cal-theme-avai i {
    color: red;
}

.cal-theme-notavai i {
    color: #ffa500;
}

.GuestRoom-Popup-LabelText {
    border-bottom: 1px solid white;
    padding: 8px;
    background: #eeeeee;
}

.subheading-title {
    font-family: var(--bs-font-opensans-regular-bold);
    font-size: 17px;
    padding: 12px 0px;
    margin: 0;
    text-align: left;
    width: 100%;
    background-color: #787878;
    color: var(--bs-white);
    /*height: 45px;*/
}

/*Guestroom > GROccupancy*/
.occupancy-sec {
    overflow: hidden;
}

.occupancy-table {
    width: 100%;
}

    .occupancy-table .GridTable {
        padding: 0px;
    }

.occupancy-table1 .GridTable {
    padding: 5px 0px;
}

.occupancy-table-heading td {
    padding: 5px 3px;
    font-family: var(--bs-font-opensans-regular-bold) !important;
    font-size: 14px;
}

.occupancy-table-sec {
    width: 100%;
    padding-left: 0px;
    text-align: center;
    margin: auto !important;
    /*border-radius: 10px;*/
    border: 1px solid #787878;
}

.occupancy-table-scroll {
    overflow-y: scroll;
    max-height: 600px;
    width: 100%;
}

    .occupancy-table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 10px;
    }

    .occupancy-table-scroll::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 10px;
    }

    .occupancy-table-scroll::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 10px;
        border: 0px solid #ffffff;
    }

.occupancy-table-guestname {
    width: 40%;
    padding: 5px 3px;
    font-size: 14px;
}

    .occupancy-table-guestname td {
        font-weight: 600;
        font-family: var(--bs-font-opensans-regular-bold) !important;
    }

/*color theme changes start*/
li.colors.blue {
    background-color: #0063b4;
}

li.colors.maroon {
    background-color: #800000;
}

li.colors.purple {
    background-color: #663399;
}

li.colors.green {
    background-color: #006400;
}

li.colors.red {
    background-color: #e50a0a;
}

li.colors.gray {
    background-color: #17202A;
}

li.colors.orange {
    background-color: #f56e43;
}

li.colors.pink {
    background-color: #DC143C;
}

li.colors.jungle-green {
    background-color: #209e91;
}

.colors {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-bottom: 5px !important;
    cursor: pointer;
    display: inline-flex;
}

ul.plaette-colors {
    position: absolute;
    top: 57px;
    background-color: #464646;
    z-index: 9;
    right: 15px;
    padding: 10px;
    border-radius: 10px;
    width: 180px;
    display: none;
    list-style-type: none;
}

.mob-sm-theme {
    top: 30px !important;
    width: 155px !important;
}

.plaette-colors::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 35px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: #464646;
    z-index: 99999;
    width: 18px;
    height: 10px;
}

@media (min-width:768px) and (max-width:1023px) {
    ul.plaette-colors {
        top: 57px !important;
    }
}

/*---- color set1 ----*/
img.color-img-reg.red-theme-img {
    filter: contrast(2.5);
}

img.color-img-reg.purple-theme-img {
    filter: hue-rotate(258deg);
}

img.color-img-reg.maroon-theme-img {
    filter: brightness(0.5);
}

img.color-img-reg.orange-theme-img {
    filter: contrast(1.5);
}

img.color-img-reg.blue-theme-img {
    filter: hue-rotate(210deg);
}

img.color-img-reg.green-theme-img {
    filter: hue-rotate(125deg);
}

img.color-img-reg.pink-theme-img {
    filter: hue-rotate(325deg);
}

img.color-img-reg.jungle-green-theme-img {
    filter: hue-rotate(160deg);
}

/*---- color set2 ----*/

img.jungle-green-theme-img {
    filter: hue-rotate(123deg);
}

img.green-theme-img {
    filter: hue-rotate(60deg);
}

img.red-theme-img {
    filter: hue-rotate(324deg);
}

img.purple-theme-img {
    filter: hue-rotate(212deg);
}

img.blue-theme-img {
    filter: hue-rotate(185deg);
}

img.maroon-theme-img {
    filter: hue-rotate(323deg);
}

img.pink-theme-img {
    filter: hue-rotate(305deg);
}

img.gray-theme-img {
    filter: grayscale(1);
}

/*---- color set3 ----*/
img.empimg.green-theme-img {
    filter: hue-rotate(84deg);
}

img.empimg.maroon-theme-img {
    filter: hue-rotate(345deg);
}

img.empimg.pink-theme-img {
    filter: hue-rotate(329deg);
}

img.empimg.purple-theme-img {
    filter: hue-rotate(260deg);
}

img.empimg.jungle-green-theme-img {
    filter: hue-rotate(165deg);
}

img.empimg.red-theme-img {
    filter: hue-rotate(351deg);
}

/*---- color set4 ----*/
img.left-menu-img.green-theme-img {
    filter: hue-rotate(90deg);
}

img.left-menu-img.maroon-theme-img {
    filter: hue-rotate(345deg);
}

img.left-menu-img.pink-theme-img {
    filter: hue-rotate(325deg);
}

img.left-menu-img.purple-theme-img {
    filter: hue-rotate(255deg);
}

img.left-menu-img.jungle-green-theme-img {
    filter: hue-rotate(152deg);
}

img.left-menu-img.red-theme-img {
    filter: hue-rotate(342deg);
}

img.left-menu-im.blue-theme-img {
    filter: hue-rotate(198deg);
}

img.empimg.red-theme-img {
    filter: hue-rotate(351deg);
}

/*color theme changes end*/

.line {
    border: var(--color) solid 1px !important;
}

.hr-line {
    border-bottom: var(--color) solid 1px !important;
}

.form-control-location-admin {
    display: block;
    width: 80%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.275rem 0.3rem;
    /* padding: 0.375rem 0.75rem; */
    font-family: var(--bs-font-opensans-regular);
    font-size: 16px;
    line-height: 1.5;
    color: var(--bs-black) !important;
    background-color: var(--bs-white);
    background-clip: padding-box;
    border: 1px solid #b4b9bc;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 13px !important;
}

.facilities-para-title {
    color: var(--color);
    font-weight: bold;
}

/*v > visitor > appointment > edit*/
.header-checkbox input {
    margin-left: 0px !important;
}

.guestroom-report .test-page {
    display: flex;
}

.guestroom-report .admin-heading-sec {
    margin-top: 10px !important;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xlg,
.col-xlg-1,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xlg-auto {
    position: relative;
    padding-right: 14px;
    padding-left: 14px;
}

.dxdvBreakpointsItemsContainer,
.dxdvFlowItemsContainer {
    width: 100%;
}

.messageboarddatestyle {
    width: 80%;
    /*background-color: rgb(255, 255, 204);*/
    border: 1px solid #b4b9bc;
    font-family: 'OpenSans-Regular', Arial;
    font-size: 16px;
}

.vendorsearch {
    margin-top: 2px !important;
}


/*popup print*/

.print-popup-sec {
    zoom: 100%;
    overflow: auto;
    width: 100%;
    width: -webkit-fill-available;
}

table#Table1,
#divContent {
    width: 100%;
}

.blockUI.blockMsg.blockPage table {
    width: 100%;
}

@media print {
    @page {
        margin: 5px;
    }
}

/*admin > role > default*/
#ChkLstVRegisters label,
#ChkLstCRegisters label,
#ChkLstCsRegisters label,
#ChkLstCwRegisters label,
#ChkLstRegisters label {
    padding-left: 10px;
}

/*guestroom > register*/
.guestroom-register .rgst-lbl {
    width: 100%;
}

.guestroom-register #wrapper {
    padding: 0;
}

/*material > return   ------  popup datepicker*/
#divBlackList {
    top: -110px !important;
}


/*Inventory > Request */

#tdInventoryRequestItems {
    bottom: -34px;
}

#divInventoryRequestIteamdetails td {
    padding: 10px;
}


/*---- main page -----*/
.page-content.container-fluid {
    padding: 0;
}

.cardview-subcontent {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.kiosksetting {
    width: 100%;
}

    .kiosksetting tr:nth-child(odd) {
        background-color: #f2f2f2
    }

.create-icon-inventory {
    margin-left: 7px;
    color: white;
    border: 1px solid var(--color);
    border-radius: 5px;
    background-color: var(--color);
    padding: 9px;
    height: 31px;
    width: 35px;
    margin-top: 0px !important;
    display: inline-block;
}

.batch-no {
    display: flex;
    width: 190px;
}


span#LoadingPanel_TL {
    color: var(--color) !important;
}

#LoadingPanel {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/*asset > edit*/

.overflow-x {
    width: 100%;
    overflow-x: scroll;
}

.grid_id {
    color: var(--color) !important;
    font-weight: bold !important;
}

/*Inventory > IssuanceEntry*/
.issuance_entry .grid_row_bg2 td {
    overflow: visible;
}


.form-control-LineItem {
    width: 90%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.275rem rem 0.3rem;
    font-size: 16px;
    font-family: var(--bs-font-opensans-regular);
    line-height: 1.5;
    color: var(--bs-black) !important;
    background-color: var(--bs-white);
    background-clip: padding-box;
    border: 1px solid #b4b9bc;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 13px !important;
}

/*header arrow*/
.header-bg {
    display: flex;
    align-items: center;
}

.header-wrapper-next {
    float: right;
}

.headingalignleft {
    display: none !important;
    opacity: 1;
    transition: all .5s ease-in-out;
}

    .headingalignleft.active {
        display: block !important;
        opacity: 1;
        transition: all .5s ease-in-out;
    }

#header-wrapper-prev,
#header-wrapper-next {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    padding: 2px;
    font-weight: bold;
    background-color: var(--color);
    color: white;
    border-radius: 5px;
    margin-left: 10px;
}

/*Authorizer*/

.td-odd-even-sec:nth-child(even) {
    background: #dcdcdc54
}

    .td-odd-even-sec:nth-child(even) td {
        font-size: 14px;
        font-weight: 600;
        padding: 10px;
        border: 3px solid #ffff;
    }

.td-odd-even-sec:nth-child(odd) {
    background: #FFF
}

    .td-odd-even-sec:nth-child(odd) td {
        font-size: 14px;
        font-weight: 600;
        padding: 10px;
        border: 3px solid #f8f8f8;
    }

.td-odd-even-sec td.tabDetailViewDL {
    background-color: unset !important;
}

.authorizer-sec td.tabDetailViewDF.lable-text {
    border-bottom: unset;
}

.authorizer-sec .tabDetailViewDF {
    background-color: unset !important;
}

.SCustomGridStyle1 {
    font-family: 'Arial' !important;
    padding: 8px !important;
}

/*ptw request*/
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.grdAudit-Inventory {
    width: 100%;
    font-family: var(--bs-font-opensans-regular) !important;
}

img.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.camera-box {
    background-color: #EFEFEF;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    padding: 10px;
}

/*ptw*/
@media (min-width:768px) and (max-width:1023px) {
    .checklist-content {
        width: 92% !important;
    }

    .row-checkbox-3 {
        flex-wrap: nowrap;
    }

    .header-menu-list {
        width: 100%;
    }

    table#ChkPPEReq td {
        display: inline-flex;
        width: 268px;
    }

    table#ctlPTWRequestSummary_ChkPPEReq td {
        display: inline-flex;
        width: 250px;
    }

    span.ptw-request.input\[type\=checkbox\] {
        display: flex;
    }

    .test-page {
        /*width: 98% !important;*/
        overflow: hidden;
    }

    .ptw-con #divPopUpView {
        width: 90% !important;
    }

        .ptw-con #divPopUpView .bootstrap-datetimepicker-widget.dropdown-menu {
            zoom: 70%;
        }

    #divPopUpViewHistory {
        width: 80% !important;
    }

    .ptwspot-popup {
        overflow: unset !important;
        min-height: unset !important;
    }
}

#divCreateSpotCheck {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    width: 1200px;
}

    #divCreateSpotCheck .card {
        height: 685px;
    }

.head-bg-area {
    background-color: var(--color) !important;
    border: 1px solid var(--color);
    padding: 13px 10px;
    color: #fff;
}

table#gvLotoDetails {
    border: 1px solid var(--tp-lightgray);
}

.scroll-content {
    overflow-y: scroll;
    height: 570px;
    margin-top: 70px;
    padding-bottom: 10px !important;
}

    .scroll-content .grid_bg {
        background-color: transparent;
    }

.grid-table-sec.scroll-content1 {
    overflow-y: scroll;
    padding-bottom: 10px !important;
}

.scroll-content1::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scroll-content1::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.scroll-content1::-webkit-scrollbar-track {
    background: #ececec;
}

.grid-table-sec.scroll-content1 table td {
    padding: 10px;
}

#trPTWSpotCheckList .card {
    height: 230px;
}

#divPopUpViewHistory {
    width: 60%;
}

.row-checkbox-3 {
    padding: 1rem !important;
    display: flex;
    flex-wrap: nowrap;
    margin-right: -15px
}

#dvblacklist table.grid_bg td {
    /*display: inline-block;*/
    white-space: break-spaces;
    vertical-align: top;
}

/*#dvblacklist table.grid_bg td:nth-child(5) {
      background: green;
  }*/
.Popup-SpotCheck-Image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: white;
    border-radius: 10px;
}

/* Popup content */
.Popup-SpotCheck-Image-content {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

/* Close button */
.Popup-SpotCheck-Image-content-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: #fd7e14;
    cursor: pointer;
}

/* Image attachment */
.Popup-SpotCheck-Image-content-image {
    max-width: 86%;
    height: auto;
    margin-bottom: 20px;
}

/*spotcheck popup*/
.header-pop {
    background-color: var(--color);
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*offcanvas*/
.offcanvas-backdrop {
    width: 100% !important;
    height: 100% !important;
}

.tp-offcanvas {
    width: 500px !important;
}

    .tp-offcanvas .offcanvas-body {
        overflow-y: scroll;
        overflow-x: hidden;
    }

.tp-offcanvas-menus {
    padding: 10px;
    padding-left: 25px;
}

.tp-offcanvas-menus-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tp-offcanvas-menus-subtitle {
    color: #99A1B7;
    font-size: 14px;
    margin-bottom: 20px;
}

.tp-offcanvas-menus-content-details {
    border: 3px solid #99A1B7;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background-color: #ededed;
    cursor: pointer;
}

    .tp-offcanvas-menus-content-details p {
        margin: 0;
        padding-left: 10px;
    }

.tp-offcanvas-hr-line {
    border: 1px dashed #DBDFE9;
    margin: 25px 0px;
}

.offcanvas-header {
    background-color: var(--color);
    color: var(--bs-white);
}

    .offcanvas-header h5 {
        font-weight: 600;
        font-size: 22px;
    }

.tp-offcanvas .offcanvas-header button {
    background: unset;
    padding: 0;
    margin: 0;
    width: unset;
    height: unset;
}

    .tp-offcanvas .offcanvas-header button i {
        font-size: 30px;
    }

.tp-offcanvas-header {
    background-image: linear-gradient(to bottom right, #ff7347, #d13531);
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    color: white;
    font-family: sans-serif;
    font-weight: 200;
    z-index: 1;
}

.tp-offcanvas .btn-close:focus {
    outline: 0;
    box-shadow: unset !important;
}

.offcanvas-body::-webkit-scrollbar {
    width: 15px;
    height: 10px;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.offcanvas-body::-webkit-scrollbar-track {
    background: #ececec;
}

.tp-offcanvas-header * {
    z-index: 2;
}

.background-shapes {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 5076px;
    background-size: 100%;
    animation: 120s infiniteScroll linear infinite;
    background-repeat-x: repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_6' x='0px' y='0px' width='1697.4px' height='641.1px' viewBox='0 0 1697.4 641.1' enable-background='new 0 0 1697.4 641.1' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M1387.2,175.4c4.9,18.5,23.9,29.6,42.4,24.7c18.5-4.9,29.6-23.9,24.7-42.4c-4.9-18.5-23.9-29.6-42.4-24.7 C1393.4,137.9,1382.3,156.9,1387.2,175.4 M1259.7,209.1c-23.5-88.9,29.6-180.1,118.5-203.6c88.9-23.5,180.1,29.6,203.6,118.5 c23.5,88.9-29.6,180.1-118.5,203.6C1374.3,351.1,1283.2,298,1259.7,209.1'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='1249.2' y='-5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 298.3336 1053.4047)' opacity='0.2' clip-path='url(%23SVGID_2_)' fill='%23FFFFFF' width='343.1' height='343.1'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_3_' d='M1516.9,463.5c11.7,44.4,57.4,71,101.8,59.2c44.4-11.7,71-57.4,59.2-101.8c-11.7-44.4-57.4-71-101.8-59.2 C1531.8,373.4,1505.2,419.1,1516.9,463.5 M1500.8,467.7c-14.1-53.4,17.7-108,71.1-122.1c53.4-14.1,108,17.7,122.1,71.1 c14.1,53.4-17.7,108-71.1,122.1C1569.6,552.9,1514.9,521.1,1500.8,467.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='1492.5' y='337.3' transform='matrix(0.7071 -0.7071 0.7071 0.7071 155.1939 1259.0591)' opacity='0.2' clip-path='url(%23SVGID_4_)' fill='%23FFFFFF' width='209.9' height='209.9'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_5_' d='M1549.3,456.3c7.3,27.8,35.9,44.4,63.7,37.1c27.8-7.3,44.4-35.9,37.1-63.7c-7.3-27.8-35.9-44.4-63.7-37.1 C1558.6,399.9,1542,428.5,1549.3,456.3 M1533.2,460.6c-9.7-36.8,12.2-74.4,49-84.1c36.8-9.7,74.4,12.2,84.1,49 c9.7,36.8-12.2,74.4-49,84.1C1580.6,519.2,1542.9,497.3,1533.2,460.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='1525.9' y='369.1' transform='matrix(0.7071 -0.7071 0.7071 0.7071 155.3305 1260.9583)' opacity='0.2' clip-path='url(%23SVGID_6_)' fill='%23FFFFFF' width='147.7' height='147.7'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_7_' d='M89.1,530.4c0-12.7,10.3-23.1,23-23.2c12.7,0,23.1,10.3,23.2,23c0,12.7-10.3,23.1-23,23.2 C99.5,553.4,89.1,543.1,89.1,530.4 M1.3,530.7c0.2,61.2,50,110.7,111.3,110.5c61.2-0.2,110.7-50,110.5-111.3 c-0.2-61.2-50-110.7-111.3-110.5C50.6,419.6,1.1,469.4,1.3,530.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='-3.7' y='414.4' transform='matrix(0.5 -0.866 0.866 0.5 -403.1351 362.2907)' opacity='0.2' clip-path='url(%23SVGID_8_)' fill='%23FFFFFF' width='231.8' height='231.8'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_9_' d='M123.3,322.6c-0.1-30.6,24.7-55.5,55.2-55.6c30.6-0.1,55.5,24.7,55.6,55.2c0.1,30.6-24.7,55.5-55.2,55.6 C148.4,378,123.5,353.2,123.3,322.6 M112.3,322.7c0.1,36.7,30,66.4,66.8,66.3c36.7-0.1,66.4-30,66.3-66.8 c-0.1-36.7-30-66.4-66.8-66.3C141.8,256,112.1,285.9,112.3,322.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='107.2' y='250.9' transform='matrix(0.5 -0.866 0.866 0.5 -189.8356 316.0442)' opacity='0.2' clip-path='url(%23SVGID_10_)' fill='%23FFFFFF' width='143.1' height='143.1'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_11_' d='M145.4,322.2c-0.1-19.1,15.4-34.7,34.5-34.8c19.1-0.1,34.7,15.4,34.8,34.6c0.1,19.1-15.4,34.7-34.5,34.8 C161.1,356.8,145.5,341.3,145.4,322.2 M134.3,322.2c0.1,25.3,20.7,45.7,45.9,45.6c25.3-0.1,45.7-20.7,45.6-45.9 c-0.1-25.3-20.7-45.7-45.9-45.6C154.6,276.4,134.2,297,134.3,322.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='129.3' y='271.3' transform='matrix(0.5 -0.866 0.866 0.5 -188.8918 316.9881)' opacity='0.2' clip-path='url(%23SVGID_12_)' fill='%23FFFFFF' width='101.5' height='101.5'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_13_' d='M43.7,130.9c24.2-0.1,43.9,19.5,44,43.7c0.1,24.2-19.5,44-43.7,44c-24.2,0.1-43.9-19.5-44-43.7 C-0.1,150.7,19.5,131,43.7,130.9'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='-5' y='125.9' transform='matrix(0.5 -0.866 0.866 0.5 -129.4321 125.396)' opacity='0.2' clip-path='url(%23SVGID_14_)' fill='%23FFFFFF' width='97.8' height='97.8'/%3E%3C/g%3E%3C/svg%3E");
}

@-webkit-keyframes infiniteScroll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -1692px, 0);
        transform: translate3d(0, -1692px, 0);
    }
}

@keyframes infiniteScroll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -1692px, 0);
        transform: translate3d(0, -1692px, 0);
    }
}

#navbarSupportedContent {
    width: 25%;
}

/*v > VisitorOfficeDashboard*/
.sub-title {
    display: flex;
    float: right;
    padding-right: 7px;
    align-items: center;
}

.sub-title-dropdown {
    width: 200px;
}

.sub-title-sec {
    display: flex;
    float: right;
}

.display-inline-grid {
    display: inline-grid;
}

ul.list-view-icon li i {
    padding-right: 10px;
    color: var(--color);
    font-weight: 400;
    width: 25px;
    text-align: center;
}

.list-grid {
    padding: 8px;
    border-radius: 42%;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: auto;
    object-fit: contain;
}

    .list-grid.active {
        box-shadow: var(--color) 0px 5px 15px;
        /*background-color: var(--color) !important;*/
    }

.sub-title-dropdown-label {
    margin-top: 2px;
}

.chart-set3 {
    border-color: #fe5d70 !important;
}

.sub-title-dropdown .form-control {
    margin-bottom: 0px !important;
}

.dashboard-subcontent {
    width: 90%;
}

.sub-title-dropdown-label1 {
    padding-top: 15px;
}

.dashboard-mt {
    margin-top: 10px;
}

.count-widg p {
    padding-left: 10px;
    font-size: 16px;
}

#tdNonTenants {
    overflow-y: scroll;
    height: 475px;
}

.home_ctlview {
    overflow-y: scroll;
    height: 500px;
}

#trAppQr {
    padding-left: 0;
}

.dxdvFlowItemsContainer {
    margin: 0px !important;
}

/*.grid_row_bg4 td, .grid_row_bg1 td {
  font-size: 15px;
  padding: 10px;
}*/

.grid_heading,
.TP-text td {
    padding: 10px;
    font-size: 15px;
}

.screenshot img {
    transition: transform .2s;
}

    .screenshot img:hover {
        transform: scale(1.5);
    }

.refresh-icon {
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin-top: 6px;
    text-align: center;
    transition: transform .2s;
}

    .refresh-icon:hover {
        font-size: 13px;
        transform: scale(1.5);
        box-shadow: 3px 3px 3px 0px rgba(232, 232, 232, 1);
        border-radius: 50%;
        color: #fff;
        background-color: var(--color);
    }

#gvReportDx_DXMainTable tr td.dxgv {
    text-align: left;
}

.checkbox-sec label {
    padding-left: 10px;
}


.border-btm-trimspace {
    border-bottom: var(--color) solid 1px;
    /*margin:-7px 0px 0px 0px !important;*/
    display: inline-block;
    width: 100% !important;
    margin-bottom: 2px;
}

.custom-file-input-sec {
    background-color: #fff;
    padding: 13px 10px;
    border: 1px solid #e9ecef;
}

    .custom-file-input-sec::file-selector-button {
        display: none;
    }

.custom-file-label-sec {
    background-color: #f7fafc;
    border: 1px solid #e9ecef;
    padding: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

#ctlExportData_divExportimages input {
    margin-top: 5px;
}

.mhome-sec .top_main_nav_widg li {
    margin: 5px 3px 0px 0px;
}

.popup-head {
    height: 45px;
}

.popup-content {
    background-color: #fff;
    padding: 10px;
}

.popup-btn input {
    margin-right: 10px;
}

.grid-padding .GridTable {
    padding: 10px 0px;
}

.button-space .register-fld {
    padding: 5px 0px 7px 15px;
}

.button-space .button-sec-start {
    padding: 0;
}

.header-hide-top .pass-list-sec {
    margin-top: 0px !important;
}

.header-grid-vh {
    height: 40px;
}

.vehicle-checkout .main-division {
    padding: 0px 15px;
}

.main-division {
    padding: 0;
}

/*.main-division .col-md-12 {
      padding: 0;
  }*/

.courierdashboard-sec .count-image img {
    width: 40px;
}

.courierdashboard-sec li.count-headpadding p {
    padding-left: 5px;
    font-size: 15px;
    white-space: nowrap;
    font-weight: 700;
}

.details-view-content-img {
    width: 70px;
    height: 65px;
    background: rgba(0, 0, 0, 0.1);
    padding: 16px 9px;
}

    .details-view-content-img svg {
        width: 100%;
        height: 30px;
    }

.svg-fill {
    fill: #fff;
}

.svg-stroke {
    stroke: #fff !important;
}

.details-view-box:nth-child(2) {
    background-color: #392F5A;
}

.details-view-box:nth-child(3) {
    background-color: #FF8811;
}

.details-view-box:nth-child(4) {
    background-color: #C42847;
}


.details-view-box:nth-child(5) {
    background-color: #e566b4;
}

.details-view-box:nth-child(6) {
    background-color: #fc5c1b;
}

.details-view-box:nth-child(7) {
    background-color: #209e91;
}

.details-view-box:nth-child(8) {
    background-color: #0063b4;
}

.PTWSpotCheck .register-fld,
.PTWSpotCheck .button-sec-start {
    padding: 0 !important;
}

.courierdashboard-sec .count-image i {
    font-size: 33px;
    color: #fff;
}

.courierdashboard-sec .summary-list {
    padding: 0px 0px;
}

#grdConfinedSpaceEntryDx,
#grdConfinedSpaceEntryDx tbody,
#grdConfinedSpaceEntryDx td,
#grdConfinedSpaceEntryDx tfoot,
#grdConfinedSpaceEntryDx th,
#grdConfinedSpaceEntryDx thead,
#grdConfinedSpaceEntryDx tr {
    border: none;
}

#grdConfinedSpaceEntryHistoryDx,
#grdConfinedSpaceEntryHistoryDx tbody,
#grdConfinedSpaceEntryHistoryDx td,
#grdConfinedSpaceEntryHistoryDx tfoot,
#grdConfinedSpaceEntryHistoryDx th,
#grdConfinedSpaceEntryHistoryDx thead,
#grdConfinedSpaceEntryHistoryDx tr {
    border: none;
}

.dxc-chart {
    margin: auto;
}

.expiredpopup-sec {
    overflow: visible;
    cursor: default;
    margin: initial;
    position: fixed;
    width: 100% !important;
    top: 50%;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 100% !important;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    /*display:none;*/
}


.expiredpopup-sec-card {
    height: 500px;
    width: 70%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-design {
    font-weight: bold;
}

    .text-design label {
        background-color: var(--color);
        padding: 12px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin-bottom: 0px;
        color: #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        font-weight: bold;
    }

.required-filed,
.imt,
.req-field {
    padding-left: 5px;
    color: #ff0000;
}

.mandatory-filed {
    /*vertical-align: middle;*/
    color: blue;
    padding-left: 5px;
}

#iGpRequest {
    font-size: 20px;
    color: var(--color);
}

.test-datepicker {
    width: 85% !important;
    margin-left: 10px !important;
}

.ptwspot-popup {
    margin: 10px 0px 0px 0px;
}

.row-checkbox-2 {
    padding: 1rem !important;
    display: flex;
    flex-wrap: nowrap;
    margin-right: -15px;
    padding-left: 10px !important;
}

#ChkPPEReq td {
    vertical-align: middle;
    display: inline-flex;
    width: 16%;
    margin-bottom: 10px;
}

table#gvMaterialIBTDx {
    width: 100%;
}

.PTWRequestView .blockUI.blockMsg.blockPage,
.ptw-request .blockUI.blockMsg.blockPage {
    background-color: transparent !important;
}

.PTWRequestView .login-loader,
.ptw-request .login-loader {
    position: unset !important;
}

.req-field-new {
    vertical-align: middle;
    color: blue;
}

.no-min-height {
    min-height: unset !important;
}

.top-header-sec {
    height: 40px;
}

.mandatory-field {
    color: blue;
}

#divForgotPassword {
    width: 50%;
    margin: auto;
}

.details-view-count-widg {
    margin-left: 5px;
    font-size: x-large;
}

.admin-role-default .grid-align th:first-child,
.admin-role-default .grid-align td:first-child {
    text-align: left !important;
    padding: 0px 10px;
}

.admin-role-default .grid-align th,
.admin-role-default .grid-align td {
    text-align: center;
}

#gvwUsers td,
#gvIssueCategorySearch td,
#grdViewPass td,
#grdFloor td,
#gvwParkingConfiguration td,
#grdRole td,
.table-edit-btn #grdMain td {
    padding: 0px 10px;
    text-align: left;
}

#grdViewPass {
    margin: 0;
}

.grid-input-search-icon-config .bootstrap-select,
.grid-input-search-icon-config1 .bootstrap-select {
    width: 200px !important;
}

.grid-input-search-icon-config .bootstrap-select {
    margin-bottom: 0 !important;
}

.grid-input-search-icon-config {
    padding: 0;
    /*margin-top: 7px;*/
}

.input-icons-grid .btn-pad-config-clear {
    margin: 0 !important;
}

.input-icons-grid .form-control {
    margin-bottom: 0 !important;
}

.input-icons-grid .col-lg-8 {
    padding-left: 0;
}

    .input-icons-grid .col-lg-8 input {
        margin: 0 !important;
    }
/*.grid-input-search-icon-config input.btn-pad-config-search {
    margin-left: -9px;
}
.grid-input-search-icon-config input.autolist-clear-icon {
    margin-left: -1px !important;
}*/
.grid-input-search-icon-config input.btn-pad-config-clear, .grid-input-search-icon-config input.btn-pad-config-search {
    padding: 4px;
    height: 23px;
    width: 23px;
}

.scroll-sec.border-outline.overflow-x.px-0 .grid_row_bg2 td {
    overflow: unset;
}

.label-sec {
    padding-top: 35px;
}

#lblCheckedInCount {
    padding-left: 10px;
}

/*.loading {
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}*/

.blockUI.blockMsg.blockPage .td_top {
    text-align: left;
    height: unset !important;
}

.blockUI.blockMsg.blockPage .popup-xmark-icon {
    float: right;
}

#MaterialDetails_vidiv table {
    padding: 10px 0px !important;
}

input#ctlMeetingRegister_ctrl_OCCURENCE,
input#chkAccessGroup_0 {
    margin-right: 10px;
}

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

/*#FOASShortcut_tbScore {
    margin-left: 20px;
}*/

#dropdown_LBL_VEHICLE_REASON,
#heading_LBL_VEHICLE_REGISTER_DETAILS,
#heading_LBL_VEHICLE_DRIVER_DETAILS,
#heading_LBL_VEHICLE_TRANSACTION_DETAILS,
#heading_LBL_VEHICLE_STORE,
#autocomplete_LBL_DESK_ID_SEARCH,
#autocomplete_LBL_DESK_ID_SEARCH .card {
    padding: 0;
}

#gvDeskFloorPlan {
    width: 100%;
}

#grdcustom table td .form-control {
    margin-top: 10px;
}

#ChkLstRoom td input {
    margin-right: 10px;
}

#ChkLstRoom td label {
    margin-right: 10px;
}

.navbar-header .navbar-brand {
    width: auto;
}

#divS2Mode {
    padding-left: 8px;
}

#divS2Purpose {
    padding-right: 8px;
}

.grid-table-box {
    table-layout: fixed;
    margin-left: -7px;
}

input[type='checkbox'],
input[type='radio'] {
    accent-color: var(--color);
}

#grdAccesscard {
    width: 100%;
}

.blockUI.blockMsg.blockPage #BlackList,
.blockUI.blockMsg.blockPage #divBlackList {
    position: unset !important;
}

.blockUI.blockMsg.blockPage .td_top {
    text-align: left !important;
    padding: 10px !important;
}

.vehicle-register .main-division {
    padding: 0px 12px;
}

#trChkCopy {
    padding: 0;
}

.grid-btm .GridTable {
    padding: 10px 0px;
}

.table-head-light-font .GridHeader th {
    font-weight: 100;
}

.sub-head.register.spot_Check_head {
    background: url(../images/arrow_001.gif) left center no-repeat;
    padding-left: 10px;
}

.popup-bg-sec {
    width: 100% !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}

.popup-bg {
    width: 70%;
    margin: auto;
}

.grid-table-sec {
    overflow-y: scroll;
    height: 570px;
    padding-top: 15px;
}

.head_popup_Fixed {
    background-color: var(--color);
    padding: 15px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.grid-table-sec.PTW-con-space-entry-area table {
    border-collapse: separate !important;
    border-spacing: 0 8px;
}

.col-md-12.grd_outerpad.px-0.ptw-_tble_col table.dxgvTable.GridTable.dxgvRBB {
    padding: 10px 0px;
}


.parking_register #ctlParkingRegister_div_Requestor_id input {
    width: 100% !important;
}

.parking_register #ctlParkingRegister_div_Requestor_id .control {
    padding-top: unset !important;
}

body.parking-sticker-search-view .admin-head {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

body.parking-sticker-search-view table.inputstyle {
    height: 100%;
    padding: 0px;
}

body.parking-sticker-search-view .panel-body.park-search-view-table .inputstyle {
    height: unset;
    padding: 10px 14px;
}

body.parking-sticker-search-view #divStages table.inputstyle tr:nth-child(odd) {
    background-color: #eeeeee;
}

body.parking-sticker-search-view #divStages table.inputstyle tr {
    border: 0px solid #fff;
}

    body.parking-sticker-search-view #divStages table.inputstyle tr.tblHead th {
        border-left: 5px solid #fff !important;
        background-color: #e1e1e1 !important;
        font-weight: 600 !important;
        line-height: 23px;
    }

    body.parking-sticker-search-view #divStages table.inputstyle tr td {
        border-left: 5px solid #fff !important;
    }

.pass-paddingicon .pass-list ul li {
    margin-right: 0px;
    margin-left: 10px;
}

.grd_outerpad.px-0 .GridTable {
    padding: 10px 0px;
}

.grd_outerpad.ps-0 .GridTable {
    padding: 10px 0px;
}

.dropdown-disable {
    pointer-events: none;
    /* Disable mouse events */
}

.Curser-Disable {
    cursor: not-allowed;
    /* Change cursor to indicate non-interactivity */
}

.scroll-sec-table-col input.form-control.no-mrg10 {
    width: 100% !important;
}

.scroll-sec-table-col .auto-style5 {
    padding-right: 1px !important;
}

.pass-list ul li:last-child {
    margin-right: 0px;
}

.container-fluid.main-division #ctlVehicleRegister_tblMain #dropdown_LBL_LOCATION_MODULE_NAME {
    padding: 0px;
}

.container-fluid.main-division #ctlVehicleRegister_tblMain #heading_LBL_MATERIAL_OTHER_DETAILS {
    padding: 0px;
}

.container-fluid.main-division #ctlVehicleRegister_tblMain #textbox_LBL_VEHICLE_HELPER {
    padding: 0px;
}

.page-content.container-fluid.vehicle-reg-form-area .card #ctlVehicleRegister_divDropDown_VENDOR_ID input#ctlVehicleRegister_txt_VENDOR_ID {
    width: 90% !important;
}

.grd_outerpad.p-0 .GridTable,
.grid-tbl-no-padding .GridTable {
    padding: 10px 0px
}

.vehicles-reg-area #heading_LBL_VEHICLE_ENTRY_DETAILS {
    padding: 0px
}

body.parking-sticker-search-view h4.sub-head.register {
    font-size: 17px;
    font-family: var(--bs-font-opensans-regular-bold) !important;
    padding-left: 25px;
    font-weight: 500 !important;
    color: #28252a !important;
    padding-bottom: 11px;
    padding-top: 9px;
}

body.parking-sticker-search-view h4.admin-head.accordion_head {
    color: #28252a !important;
    padding-bottom: 11px;
    padding-top: 9px;
}

    body.parking-sticker-search-view h4.admin-head.accordion_head .header-down-arrow {
        margin-top: -16px;
    }

body.parking-sticker-search-view .panel-group a:not(.collapsed)::after {
    transform: rotate(180deg);
}

body.parking-sticker-search-view .panel-group a.collapsed::after {
    font-weight: 900 !important;
    content: "\f078" !important;
    transition: all 0.5s;
    font-family: 'Font Awesome 6 Pro';
}

body.parking-sticker-search-view .panel-group a::after {
    content: "\f078" !important;
    font-weight: 900 !important;
    float: right !important;
    font-size: 23px;
    font-family: 'Font Awesome 6 Pro';
    transition: all 0.5s;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    font-size: 15px;
    top: 14px;
}

/*code freeze */
.meeting-Criteria-col-area {
    margin-left: -28px !important;
    width: 35%
}

/*@media (min-width: 1025px) and (max-width: 1256px) {
  .top_icon_widg a {
      position: relative;
      min-width: 92px;
      height: 88px !important;
    
  }
  .headingalignleft {
      overflow: hidden;
      width: 750px;
  }
  .nav-font-icon i {
      font-size: 24px;
     
  }
  .nav-font-icon p {
      font-size: 13px;
      padding: 8px 3px;
      line-height: 14px;
  }
}*/

.notifycont-col-table-area #ctlDataView_dvControl_IT2_divPrintPass li a input {
    margin-left: 0px !important;
}

.notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td {
    display: flex;
    flex-wrap: wrap;
}

.minus-top-btm {
    margin-top: -6px;
    margin-bottom: -11px;
}

#closeIcon {
    margin-top: -28px !important;
    margin-left: 94% !important;
    font-size: 20px !important;
}

.divrowGuest {
    margin-right: -2px !important;
    margin-left: -6px !important;
}

.popUpView {
    width: 630px;
    margin: auto;
}

.meeting_room_cal_card .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px
}

.meeting_room_cal_card .card {
    padding: 0px
}

.report-preview-screen {
    overflow: scroll;
    min-width: min-content;
    height: 100%;
    display: block;
}

#ExportDataDx1_dvTable {
    position: relative !important;
}

#ExportDataDx1_dvTable {
    right: 30px !important;
    top: -50px;
}

ul.tp1-visitor-icon.no-margin-left-right li {
    padding: 11px 0px 0px 6px;
}

.blacklist-modal-body {
    width: 650px !important;
    height: 230px;
}

.pagination-right-side .dxgvPagerBottomPanel .dxpLite,
.pagination-right-side .dxgvPagerTopPanel .dxpLite {
    justify-content: flex-start;
}

.p-0.checkbox-grid-sec table.grid_bg.grid-align {
    margin: auto 0px;
}

#ContactsSearchDiv .grid_bg {
    width: 101% !important;
    margin: auto 0px;
    overflow: scroll !important;
}

.ExprtValign_Data {
    padding-right: 4px;
}

.search-result-grid .grid_bg,
.grid_bg {
    /*width: 100% !important;*/
    margin: auto 0px;
    overflow: scroll !important;
}

.search-result-grid.td-padding-area .grid_row_bg1 td,
.search-result-grid.td-padding-area .grid_row_bg2 td {
    padding: 8px;
}

#ctlDetailButtons_tblDetailButtons {
    text-align: right;
}

.subtitle-align-height {
    height: 30px;
    align-items: center !important;
}

.subtitle-align-height-sm-area {
    height: 30px;
    align-items: center !important;
}

.row .summary-list:nth-last-child(-n+1) {
    padding-right: 0px;
}

.passlist-sm-row-height {
    height: 40px;
}

.header-row-nor-sec {
    height: 25px;
    align-items: center;
}

.ExprtValign .pass-list {
    margin-top: 0px !important;
}

.passlist-sm-row-height.min-sm-area .dropdown.bootstrap-select.form-control {
    margin-bottom: 0px !important;
}

.sms-email-details-sec .card {
    height: 100% !important;
}

.sms-email-details-modal {
    overflow: auto;
    height: 340px;
}

.smsemail-modal-body {
    height: 557px;
}

    .smsemail-modal-body::-webkit-scrollbar, .sms-email-details-modal::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
        position: absolute;
        right: 0;
    }

    .smsemail-modal-body::-webkit-scrollbar-thumb, .sms-email-details-modal::-webkit-scrollbar-thumb {
        background-color: #c5c5c5;
    }

    .smsemail-modal-body::-webkit-scrollbar-track, .sms-email-details-modal::-webkit-scrollbar-track {
        background: #f6f6f6;
        border-radius: 5px;
    }

    .smsemail-modal-body::-webkit-scrollbar-thumb:hover, .sms-email-details-modal::-webkit-scrollbar-thumb:hover {
        background: #6c757d;
    }

.mail-pass-grid-area p {
    font-family: 'OpenSans-Regular';
}

.mail-pass-grid-area .bottom_line {
    border-bottom: inherit;
}

.mail-pass-grid-area .tp-txt {
    font-size: 14px;
    line-height: 28px;
    font-family: 'OpenSans-Regular';
    font-weight: 500;
}

.mail-pass-grid-area table#epass {
    width: 50%;
    padding: 0px 10px 7px 7px !important;
}

    .mail-pass-grid-area table#epass tbody tr td {
        font-family: 'OpenSans-Regular';
    }

.passlist-sm-row-height-extra {
    height: 40px;
}

.minus-top-20 {
    margin-top: -20px;
}

.grid_row_bg-padding .grid_row_bg2 td {
    padding: 8px 10px;
}

/*.dxgv-wdh {
    width: 202px;
    text-align: left;
}
.dxgv-wdh6 {
    width: 190px;
    text-align: left;
}
.dxgv-wdh7 {
    width: 215px;
    text-align: left;
}
.dxgv-wdh3 {
    text-align: left;
    width: 240px;
}*/
.dxgvtable-sec table.dxgvTable.GridTable {
    padding: 0px 0px 5px 0px;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.border-btm-height-area {
    border-bottom: 1px solid #f1592a;
    margin-bottom: 8px;
    margin-top: 10px;
    /* margin: -7px 0px 0px 0px !important; */
    display: inline-block;
    width: 100% !important;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.report-export-area #ExportDataDx_dvTable {
    height: 36px;
    right: 0 !important;
    top: 15px !important;
}

.table-wdh table {
    width: 100% !important;
}

.d-flex {
    display: flex;
}

.no-mrg #ctlMaterialAuthorizer_btn_ACK1 {
    margin-top: 2px !important;
}

.vehicle-black-head {
    height: 10px;
    top: 68px;
    justify-content: space-between;
    position: absolute;
    width: 93%;
    align-items: center;
    display: flex;
}

.even-height-wdh {
    width: 180px;
    height: 180px;
    object-fit: cover;
}

.scroll-sec.grd_outerpad.grid-padding .dxgvDataRow.RowPad td:nth-child(2) {
    padding-bottom: 10px;
}

.req-table-label.req-table-5.px-0 .container-fluid.main-division {
    padding: 0px;
}

.sign-clear-btn {
    color: var(--bs-white);
    background-color: var(--color);
    border-color: var(--color);
    border-radius: 4px;
    padding: 5px 12px;
    float: right;
    overflow: auto;
    font-size: 15px;
}

div#ctlContractorRegister_CONTRACT_ID_DDD_LLBVSTC {
    overflow: auto !important;
}
.date-picker-mb-0 .form-control{
    margin-bottom: 0px !important;
}
.form-group.col-md-12.no-mrg.scroll-sec.px-2.dropdown-wth .autolist-search-icon, .autolist-clear-icon {
    margin-top: 3px !important;
}
span#ctlAssetRegister_ctl_spnAttachmentName {
    white-space: nowrap;
}
.FileUploadContainer1 div{
    margin-bottom: 10px;
}
td.label.upload-file-title {
    border: 1px solid #ced4da;
    background-color: #e9ecef;
    padding: 0px 4px;
}
td.dataField.file-upload-name {
    border: 1px solid #ced4da;
}

.dpdown-content {
    height: 300px;
    overflow: auto;
    z-index: 9;
    width: 100%;
    max-height: fit-content;
}
.dpdown-content-box-area span[title="Selection across location Employee"] {
    margin: 10px 0px 0px 4px;
}
.dpdown-content-box-area div#ctlVisitorRegister_divDropDown_TO_MEET_EMP_ID {
    display: flex !important;
}
.dpdown-content-box-area div#ctlVisitorRegister_txt_TO_MEET_EMP_ID_divDPContenet {
    margin-top: 40px;
}
.dxgvtable-sec .grid_row_bg1, .dxgvtable-sec .grid_row_bg2 {
    vertical-align: middle;
}
.dxgvtable-sec .grid_row_bg1 td, .dxgvtable-sec .grid_row_bg2 td{
    text-align: left
}
/* ---------------------------- Responsive css start ---------------------------------*/
/* Devices: Large laptops and smaller desktop monitors */
@media (min-width: 1281px) and (max-width: 1399px) {
    .curvedBox.divCreateSpotCheck-modal {
        width: 1000px !important;
    }

    .spot-check-entry-modal-body .card.overflow-auto {
        height: 500px !important;
    }
}

/* Devices: Medium-sized laptops and high-end tablets */
@media (min-width: 1200px) and (max-width: 1280px) {
    .curvedBox.divCreateSpotCheck-modal {
        width: 1000px !important;
    }

    .spot-check-entry-modal-body .card.overflow-auto {
        height: 500px !important;
    }
}
@media (max-width: 1280px){
    .dxgv-wdh3 {
        text-align: left;
        width: 212px;
    }
    .grd_outerpad.scroll-sec.px-0 .dxeTextBox .dxeEditArea {
        width: 159px !important;
    }
}
/* Devices: Tablets in landscape mode and small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 48.5% !important;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 900px !important;
    }

    #divCreateSpotCheck .card {
        height: 600px;
    }

    .loading.sm-top-size {
        margin-top: 100px;
    }

    .grid-input-search-icon-config input.autolist-clear-icon {
        margin-left: 2px !important;
    }
}

/* Devices: Tablets in portrait mode and small mobile devices */
@media (min-width: 768px) and (max-width: 991px) {
    .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 48.5% !important;
    }

    .top_icon_widg a {
        min-width: 96px;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 700px !important;
    }

    #divCreateSpotCheck .card {
        height: 500px;
    }

    .loading.sm-top-size {
        margin-top: 90px;
    }

    .visitor {
        margin-left: 12px;
    }

    .grid-input-search-icon-config input.autolist-clear-icon {
        margin-left: 2px !important;
    }
}

@media (max-width: 991px) {
    .admin-font-icon {
        font-size: 30px;
    }

    .notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 48% !important;
    }

    .notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td {
        gap: 5px;
    }

    .authorizers-tbl-form-area .ptw_apr {
        width: 100px;
    }

    #divCheckIn {
        padding-left: 14px !important;
    }

    #divS2Mode {
        padding-left: 14px;
    }

    .md-mb-20 {
        margin-bottom: 20px;
    }

    .grid-input-search-icon-config input.autolist-clear-icon {
        margin-left: 2px !important;
    }
}

@media (max-width: 767px) {
    .ppe-required-row #ChkPPEReq td {
        width: 33%;
    }

    .notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 70% !important;
        margin: auto !important;
    }

    .ptw-checklist-area .list-qus {
        width: 66%;
        font-size: 16px;
    }

    .card.ptw-req-view-sec table#chkPTWType td {
        width: 50%;
        vertical-align: middle;
        display: inline-flex;
        padding: 5px;
    }

    .card.ptw-req-view-sec .list-qus {
        width: 66%;
    }

    .card.ptw-req-view-sec table#ctlPTWRequestSummary_ChkPPEReq td {
        width: 50%;
        vertical-align: middle;
        display: inline-flex;
        padding: 5px;
    }


    .pass-right-icon-set-sm .col-md-12.align-right.text-right.no-right-pad.pass-list-sec {
        margin-top: -22px !important;
    }

    .test-page {
        overflow-x: hidden;
    }

    .row-checkbox-2 input[type=checkbox] {
        width: 50px;
        height: 22px;
    }

    .header-grid-vh.sm-area {
        height: 28px;
    }

    .pass-right-icon-sec .col-md-12.align-right.text-right.no-right-pad.pass-list-sec {
        margin-top: -22px !important;
    }

    .ptw-request .navbar-nav {
        padding-right: 10px !important;
    }

    .ptw-request .customer_logo img {
        margin-right: 10px;
    }

    .navbar-brand {
        height: inherit !important;
        margin-top: 40px;
    }

    .form-group.col-md-4.no-mrg.sm-left-margin {
        margin-left: 9px;
    }

    .content-3 {
        width: 10%;
        margin: -6px 0 0 auto;
    }

    .content-2 {
        width: 57%;
    }

    .test-content.content-2 ul {
        float: right;
    }

    .bottom-sm-space {
        margin-bottom: 5px;
    }

    .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 98.5% !important;
    }

    .loading.sm-top-size {
        padding-top: 145px;
    }

    .meeting-Criteria-col-area {
        margin-left: 32px !important;
        width: 95%;
    }

    .passlist-md-top-col {
        margin-top: -30px;
    }

        .passlist-md-top-col .pass-list {
            margin-top: 0px !important;
        }

    .page-content.container-fluid.no-padding-btn.margin-sm-no-top {
        margin-top: 0px !important;
    }

    .pe-sm-0 {
        padding-right: 0px !important;
    }

    .ps-sm-0 {
        padding-left: 0px !important;
    }

    .dropdown-sm-pt {
        padding-top: 8px;
    }

    /*#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper.material-dashboard {
      padding-top: 180px !important;
  }*/
    .details-view-box {
        width: 22.9%;
        margin: 6px 6px;
    }

    .page-wrapper.dashboard-wrap-sec {
        padding-top: 185px !important;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 500px !important;
    }

    .spot-check-entry-modal-body .card.overflow-auto {
        height: 500px !important;
    }

    .spot-check-entry-modal-body .td_bottom.row.ptwspot-popup {
        min-height: auto !important;
    }

    .passlist-sm-row-height.min-sm-area {
        height: 60px;
    }

    .visitor {
        margin-left: 9px;
    }

    .passlist-sm-row-height-extra {
        height: 70px;
    }

        .passlist-sm-row-height-extra .col-md-4.mt-n2 {
            margin-top: 0px !important;
        }
}

@media (max-width: 575px) {
    .col-sm-res-wth {
        width: 25%;
    }

    .notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 100% !important;
        margin: auto !important;
    }

    .authorizers-tbl-form-area .ptw_apr {
        width: 150px;
    }

    /*freeze code start*/
    .details-view-box {
        width: 30.9%;
        margin: 6px 6px;
    }

    .passlist-sm-row-height {
        height: 62px;
    }

    .subtitle-align-height-sm-area {
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .ppe-required-row #ChkPPEReq td {
        width: 50%;
    }

    .ptw-checklist-area .list-opt {
        text-align: left;
        display: block;
        margin-bottom: 47px;
    }

    .ptw-checklist-area .list-qus {
        width: 83%;
        font-size: 15px;
    }

    .Viewtbl_lbl {
        font-size: 10px !important;
        padding: 1px !important;
    }

    .card.ptw-req-view-sec .list-opt {
        width: 23%;
        text-align: left;
        display: block;
        float: right;
        height: 35px;
        margin-bottom: 40px;
    }

    .card.ptw-req-view-sec .list-qus {
        width: 95%;
        font-size: 15px;
    }

    .card.ptw-req-view-sec table.dxgvTable {
        width: 200px !important;
        overflow: scroll !important;
    }

    .col-md-8.worker-add-tbl-col {
        width: 530px !important;
        overflow: scroll !important;
    }

    .req-table-label.mt-4 .card .row .col-md-12 {
        width: 530px !important;
        overflow: scroll !important;
    }

    .card.ptw-req-view-sec table#chkPTWType td {
        width: 52%;
    }

    .authorizers-tbl-form-area td.dataField input:first-child {
        width: 200px !important;
    }

    .authorizers-tbl-form-area table.mb-3.authorizer-sec tbody tr {
        display: flex;
        flex-wrap: wrap;
    }

    .authorizers-tbl-form-area .ptw_apr {
        width: 280px;
    }

    .content-2 {
        width: 53%;
    }

    /*freeze code start*/
    .details-view-box {
        width: 46.9%;
        margin: 6px 6px;
    }

    .top-header-sec, .header-row-sec,
    .passlist-sm-row-height {
        height: 60px;
    }

    .subtitle-align-height {
        height: 20px;
    }

    .visitor {
        margin-left: 6px;
    }

    .passlist-sm-row-height-extra {
        height: 100px;
    }

    .d-flex-sm-inline {
        display: inline !important
    }

    .passlist-sm-row-height-extra .col-md-4.mt-n2 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 414px) {
    .ptw-checklist-area .list-qus {
        width: 76%;
    }

    .ptw-checklist-area .list-opt {
        margin-left: 10px;
        width: 20%;
    }

    .ppe-required-row #ChkPPEReq td {
        width: 100%;
    }

    .pass-right-icon-set-sm .col-md-12.align-right.text-right.no-right-pad.pass-list-sec {
        margin-top: 3px !important;
    }

    .card.ptw-req-view-sec .tabDetailViewDL {
        font-size: 11px;
        padding: 4px 2px 4px 2px;
    }

    .content-2 {
        width: 48%;
    }

    .header-grid-vh.sm-area {
        height: 55px;
    }

    .pass-right-icon-sec .col-md-12.align-right.text-right.no-right-pad.pass-list-sec {
        margin-top: 3px !important;
    }

    .dropdown-menu.header-dropdown-menu.show {
        margin-left: -32px !important;
    }

    .notifycont-col-table-area table.dxdvControl td.dxdvCtrl .dxdvContent td .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 80% !important;
        margin: 0 0 auto !important;
    }

    /*freeze code start*/
    .dxdvBreakpointsItem.dxdvItem.dxdvFlowItem {
        width: 85.5% !important;
    }

    .top-header-sec, .header-row-sec,
    .passlist-sm-row-height {
        height: 60px;
    }

    .passlist-md-top-col {
        margin-top: -5px;
    }

    .sub-head {
        font-size: 16px;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 400px !important;
    }

    .spot-check-entry-modal-body .card.overflow-auto {
        height: 400px !important;
    }
}

@media (max-width: 375px) {
    .card.ptw-req-view-sec .list-opt {
        width: 32%;
    }

    .card.ptw-req-view-sec table#ctlPTWRequestSummary_ChkPPEReq td {
        width: 80%;
    }

    .ic-mg {
        margin-right: 1px;
    }

    .mob-sm-icon .test-link {
        padding: 2px !important;
    }

    .Viewtbl_lbl {
        font-size: 10px !important;
        padding: 3px !important;
    }

    .card.ptw-req-view-sec .tabDetailViewDL {
        font-size: 10px;
    }

    .ptw-checklist-area .list-opt {
        width: 24%;
    }
}


.divrowGuest {
    margin-right: -2px !important;
    margin-left: -6px !important;
}

.popUpView {
    width: 630px;
    margin: auto;
}

.meeting_room_cal_card .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px
}
.meeting_room_cal_card .card {
    padding: 0px
}

.report-preview-screen {
    overflow: scroll;
    min-width: min-content;
    height: 100%;
    display: block;
}
#ExportDataDx1_dvTable {
    position: relative !important;
}

#ExportDataDx1_dvTable {
    right: 30px !important;
    top: -50px;
}
ul.tp1-visitor-icon.no-margin-left-right li {
    padding: 11px 0px 0px 6px;
}
}
.custom-checkbox-list input[type="checkbox"] {
    width: 20px; /* Custom width */
    height: 20px; /* Custom height */
    background-color: yellow; /* Custom background */
    border: 2px solid red; /* Custom border */
    margin-right:10px;
}
.divrowGuest {
    margin-right: -2px !important;
    margin-left: -6px !important;
}

.popUpView {
    width: 630px;
    margin: auto;
}

.meeting_room_cal_card .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px
}
.meeting_room_cal_card .card {
    padding: 0px
}

.report-preview-screen {
    overflow: scroll;
    min-width: min-content;
    height: 100%;
    display: block;
}
#ExportDataDx1_dvTable {
    position: relative !important;
}

#ExportDataDx1_dvTable {
    right: 30px !important;
    top: -50px;
}
ul.tp1-visitor-icon.no-margin-left-right li {
    padding: 11px 0px 0px 6px;
}
/* ---------------------------- Responsive css end ---------------------------------*/

.dxgvtable-fixed td.dxgv {
    padding: 3px 2px 4px !important;
}
.dxgvtable-sec {
    height: 280px;
    overflow-x: auto !important;
    min-height: 350px;
}
/*search large item lazy*/
.dropdown-lazy-large-item ul.dropdown-menu.inner.show {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}
.right-page.proc-page-sec .table-grid-header th {
    padding: 0px 3px;
}
.col-md-3.login-cap-col td.label.export-cap-area {
    width: 18% !important;
}
.multi-drop-content-area .dxpcDropDown, .dxpclW, .dxpc-ddSys {
    left: 15px !important;
    top: 62px !important;
}
.multi-drop-content-area  .dxeListBoxSelectAll {
    padding: 8px 0 8px 3px;
    border-bottom: 1px solid #A0A0A0;
    cursor: default;
    white-space: nowrap;
    font-family: var(--bs-font-opensans-regular);
}
.multi-drop-content-area .dxeListBoxItem {
    border: unset;
    border-left: none !important;
    font-size: 15px;
    font-family: var(--bs-font-opensans-regular);
    border-radius: 1px !important;
    padding: 7px;
}
.multi-drop-content-area input#PermitType_I {
    width: 100%;
}

.forget-password-logo-area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6px 0px;
}
.card.pswd-help {
    width: 55%;
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.page-wrapper.pswdhelp-sec-wrapper {
    padding-top: 70px !important;
}
h1.pswd-help-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
h1.pswd-help-title:after {
    position: absolute;
    content: '';
    background-color: var(--color);
    height: 1px;
    width: 70px;
    bottom: -11px;
    left: 50%;
    transform: translate(-50%, -50%);
}
label.pswd-help-caption {
    margin-bottom: 18px;
}
.pswd-help-icon i {
    font-size: 50px;
    text-align: center;
    color: #f1592a;
    background-color: #fdeee9;
    padding: 29px;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 17px auto;
}
.pwdhelp-back-btn {
    color: #50575c;
    font-size: 14px;
    padding: 6px 0px;
    text-align: center;
    position: relative;
    font-family: 'Economica', Arial, sans-serif;
}
.pwdhelp-back-btn::before {
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    font-weight: 900;
}
a.chat-icon-head  {
    color: #fff;
    font-size: 20px;
    background-color: #f1592a;
    buffered-rendering: bo;
    border: none;
    border-radius: 8px;
    padding: 7px 10px;
    margin-left: 26px;
}
a.chat-icon-head i{
    color: #fff;
    font-size: 20px;
}
div#divVerifyOTP {
    width: 50%;
    margin: auto;
}
div#divResetPassword {
    width: 50%;
    margin: auto;
}
.card.pswd-help.pass-expiry-area {
    width: 28%;
}
.mandatory-field.pswd-help-area {
    color: #ff0000;
    position: absolute;
    right: 5px;
    top: 16px;
}
.mandatory-field.pswdexpired-area {
    color: #ff0000;
    position: absolute;
    right: 5px;
    top: 11px;
}
.mrg-control {
    margin: 6px;
    border-radius: 6px !important;
}
.psw-logo-area .medium-logo-icon-img img {
    width: 115px !important;
    height: 70px !important;
    object-fit: fill;
    margin-top: -15px;
}
.visitors-list-img img.color-img.empimg {
    filter: initial !important;
    /*border-radius: 50%;*/
}
.verify-card-verified-icon {
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 15px;
    background-color: #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2e7d32;
    padding-top: 2px;
}
.verify-card-verified-icon .fa-duotone:before, .verify-card-verified-icon .fad:before {
    color: #fff;
}
.fa-duotone.fa-shield-check:after, .fad.fa-shield-check:after {
    content: "\f2f7\f2f7";
    /*color: #1565C0;*/
    color: #2e7d32;
    opacity: 1;
}
table.notification-tbl_sec {
    width: 650px !important
}
.dropdown-container {
    position: relative;
    width: 100%; /* Set width here */
}

.dropdown-wrapper {
    position: relative;
    width: 100%; /* Inherit from container */
}

.dropdown-button {
    width: 100%;
    padding: 5px 30px 5px 10px; /* room for icon on the right */
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
    box-sizing: border-box;
    height: 38px;
}

.dropdown-icon-inside {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #666;
    font-size: 14px;
}

.checkbox-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    max-height: 150px;
    overflow-y: auto;
    box-sizing: border-box;
    display: none;
}

    .checkbox-dropdown table#chkListItems td input {
        margin: 0px 8px;
    }

    .checkbox-dropdown table#chkListItems tr {
        height: 35px;
        transition: 0.3s
    }

        .checkbox-dropdown table#chkListItems tr:hover {
            background-color: #d3d3d3;
        }

    .checkbox-dropdown table#chkListItems {
        width: 100%;
    }
#verify-card-show-btn {
    padding: 8px 16px;
    cursor: pointer;
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 4px;
}

.verify-card-modal-overlay {
    /*display: none;*/
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
}

.verify-card-modal-box {
    background: white;
    width: 400px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -46%);
}

.verify-card-modal-header {
    padding: 10px 15px;
    background-color: #f15a2d;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.verify-card-modal-footer {
    padding: 10px 25px;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.verify-card-modal-title {
    margin: 0;
    color: #fff;
    font-size: 16px;
}

.verify-card-close-btn {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.verify-card-modal-body {
    padding: 15px 25px;
}

.verify-card-footer-close-btn {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}
i#verify-card-close-top {
    cursor: pointer;
}