.container,
.container-fluid {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .header.top-header {
        z-index: 999 !important;
    }

    .app-content.page-body {
        margin-top: 9.5rem;
    }

    .comb-page .app-content.page-body {
        margin-top: 0;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1280px) {

    .hor-header .container,
    .horizontal-main .container,
    .hor-content .container {
        max-width: 85%;
    }
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@media (max-width: 767px) {
    .app-header .responsive-navbar.navbar .navbar-collapse {
        position: fixed;
        background: #ffffff;
        margin-top: 0;
        z-index: 999;
        top: 70px;
        right: 0px;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #f0f0ff;
        box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    }
	#menuMarcas{
		display: none;
	}
}

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

.accordion .card:not(:first-of-type) .card-header:first-child {
    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;
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

.example .pagination {
    margin-bottom: 0;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    color: #6c756e;
    border: 0px !important;
    font-size: 14px;
}

.page-link:hover {
    z-index: 2;
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    color: #664dc9;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item.active .page-link {
    border-radius: 4px;
}

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

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

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
}

.page-item.active .page-link:hover {
    color: #fff !important;
}

.page-item.disabled .page-link {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

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

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

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

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

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

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

/*-------Accordion-----------*/
.panel-group .panel {
    border-radius: 4px;
    box-shadow: none;
    border: 0px solid #e6ebf1;
}

.panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    background-color: #f0f0f2;
}

.panel-title {
    font-size: 14px;
    margin-bottom: 0;
}

.panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	background: #FFFFFF;
    line-height: 25px;
    font-size: 14px;
	box-shadow: none;
    border: 1px solid #ffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.panel>.list-group {
    margin-bottom: 0;
}

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

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel-default .list-group-item.active {
    color: #000;
    background-color: #f0f0f2;
    border-color: #f0f0f2;
}

.panel-primary .list-group-item.active:hover {
    color: #FFF !important;
    background-color: #664dc9;
    border-color: #664dc9;
}

.panel-success .list-group-item.active {
    color: #fff;
    background-color: #38cb89;
    border-color: #38cb89;
}

.panel-success .list-group-item.active:hover {
    color: #fff !important;
    background-color: #38cb89;
    border-color: #38cb89;
}

.panel-info .list-group-item.active {
    color: #fff;
    background-color: #3e80eb;
    border-color: #3e80eb;
}

.panel-info .list-group-item.active:hover {
    color: #fff !important;
    background-color: #3e80eb;
    border-color: #3e80eb;
}

.panel-warning .list-group-item.active {
    color: #fff;
    background-color: #ffab00;
    border-color: #ffab00;
}

.panel-warning .list-group-item.active:hover {
    color: #fff !important;
    background-color: #ffab00;
    border-color: #ffab00;
}

.panel-danger .list-group-item.active {
    color: #fff;
    background-color: #ef4b4b;
    border-color: #ef4b4b;
}

.panel-danger .list-group-item.active:hover {
    color: #fff !important;
    background-color: #ef4b4b;
    border-color: #ef4b4b;
}

.panel-default .list-group-item.active:hover,
.panel-default .list-group-item.active:focus {
    color: #000;
    background-color: #f0f0f2;
    border-color: #f0f0f2;
}

.wrap {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}

.panel1 {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}

.panel1:last-child {
    border-bottom: none;
}

.panel-group1>.panel1:first-child .panel-heading1 {
    border-radius: 4px 4px 0 0;
}

.panel-group1 .panel1 {
    border-radius: 0;
}

.panel-title1 {
    font-size: 14px;
    margin-bottom: 0;
}

.panel-group1 .panel1+.panel1 {
    margin-top: 0;
}

.panel-heading1 {
    color: #fff;
    padding: 0;
}

.panel-group1 .panel-body {
    border: 1px solid #e6ebf1;
}

.panel-title1 a {
    display: block;
    color: #fff;
    padding: 12px 20px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
}

.panel-title1 [aria-expanded="true"] {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#accordion1 .panel-title1 a:hover {
    color: #fff !important;
}

.panel-body1 {
    background: #fff;
    padding: 10px;
}

.panel1:last-child .panel-body1 {
    border-radius: 0 0 4px 4px;
}

.panel1:last-child .panel-heading1 {
    border-radius: 0 0 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
}

.panel1:last-child .panel-heading1.active {
    border-radius: 0;
    transition: border-radius linear 0s;
}

/* #bs-collapse icon scale option */
.panel-title a.accordion-toggle:before {
    content: "\f068";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    float: right;
}

.panel-title a.accordion-toggle.collapsed:before {
    content: "\f067";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    float: right;
}

.panel-heading1 a.collapsed:before {
    content: "\e9af";
    position: absolute;
    font-family: 'feather' !important;
    right: 10px;
    top: 8px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}

.panel-heading1 a:before {
    content: "\e994";
    position: absolute;
    font-family: 'feather' !important;
    right: 10px;
    top: 8px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}

.panel-heading1.active a:before {
    content: ' ';
    transition: all 0.5s;
    transform: scale(0);
}

.demo-accordion p:last-child,
.panel-group1 p:last-child {
    margin-bottom: 0;
}

#bs-collapse .panel-heading1 a:after {
    content: "\f01a";
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    top: 10px;
    transform: scale(0);
    transition: all 0.5s;
}

#bs-collapse .panel-heading1.active a:after {
    content: "\f01a";
    transform: scale(1);
    transition: all 0.5s;
}

/* #accordion rotate icon option */
#accordion .panel-heading1 a:before {
    content: "\f01a";
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    top: 10px;
    transform: rotate(180deg);
    transition: all 0.5s;
}

#accordion .panel-heading1.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
}

.acc-header a {
    display: block;
    padding: 15px;
    background-color: #f0f0f2;
    border: 1px solid #e6ebf1;
    border-radius: 4px;
}

.acc-header [aria-expanded="true"] {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.acc-body {
    padding: 15px;
    border: 1px solid #e6ebf1;

}

/*------Drop Downs-------*/
.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #fff;
}

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

.btn-light.dropdown-toggle::after,
.btn-outline-primary.dropdown-toggle::after,
.btn-outline-secondary.dropdown-toggle::after,
.btn-outline-info.dropdown-toggle::after,
.btn-outline-warning.dropdown-toggle::after,
.btn-outline-success.dropdown-toggle::after,
.btn-outline-danger.dropdown-toggle::after {
    color: #000 !important;
}

/*-----Lists-----*/
.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

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

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #6c756e;
    text-decoration: none;
    background-color: #f0f0f2;
    z-index: 0;
}

.list-group-item-action:active {
    color: #6c756e;
    background-color: #f0f0f2;
    z-index: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e6ebf1 !important;
}

.listorder {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    list-style-type: decimal;
    list-style-position: inside;
}

.listorder1 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    list-style-type: upper-alpha;
    list-style-position: inside;
}

.listunorder {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    list-style-type: circle;
    list-style-position: inside;
}

.listunorder1 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    list-style-type: square;
    list-style-position: inside;
}

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

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

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #7c90b1;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 1;
    background-color: #f0f0f2;
    border: 1px solid rgba(238, 238, 238, 0.5);
    color: #6c756e;
}

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

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

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

.list-group-item-success {
    color: #316100;
    background-color: #d2ecb8;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #316100;
    background-color: #c5e7a4;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #316100;
    border-color: #316100;
}

.list-group-item-info {
    color: #24587e;
    background-color: #cbe7fb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #24587e;
    background-color: #b3dcf9;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #24587e;
    border-color: #24587e;
}

.list-group-item-warning {
    color: #7d6608;
    background-color: #fbeebc;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #7d6608;
    background-color: #fae8a4;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #7d6608;
    border-color: #7d6608;
}

.list-group-item-danger {
    color: #6b1110;
    background-color: #f1c1c0;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #6b1110;
    background-color: #ecacab;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #6b1110;
    border-color: #6b1110;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

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

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.btn-close {
    float: right;
    font-size: 16px;
    font-size: 10px;
    margin-top: 4px;
    line-height: 1;
    color: #141517;
    opacity: .5;
    background-image: none !important;
}

.btn-close:hover,
.btn-close:focus {
    color: #000;
    text-decoration: none;
    opacity: .75;
    box-shadow: none;
    outline: 0;
}

.btn-close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

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

.list-inline-dots .list-inline-item+.list-inline-item:before {
    content: '· ';
    margin-left: -2px;
    margin-right: 3px;
}

.list-separated-item {
    padding: 1rem 0;
}

.list-separated-item:first-child {
    padding-top: 0;
}

.list-group-item.active .icon {
    color: inherit !important;
}

.list-group-item .icon {
    color: #6b6f80 !important;
}

.list-group-transparent .list-group-item {
    background: none;
    border: 0;
    padding: .50rem 1rem !important;
    border-radius: 3px;
}

.list-group-transparent .list-group-item.active {
    background: #f0f0f2;
    font-weight: 600;
}

.visitor-list p {
    font-size: 12px;
}

.visitor-list i {
    font-size: 20px;
}

.sales-relative {
    position: relative;
}

.icon-absolute {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;
    padding: 20px 0;
    text-align: center;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

@media (min-width: 991px) and (max-width: 1024px) {
    .icon-absolute {
        display: none;
    }
}

/*------ Modal -------*/
.modal-open {
    overflow: hidden;
    padding: 0 !important;
    display: block;
    overflow: inherit;
}

.modal-open {
    overflow: auto !important;
    padding: 0px !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: hidden;
    outline: 0;
    padding-right: 0 !important;
    margin: 0 !important;
}

.modal-open,
.modal-backdrop.fade.show {
    padding-right: 0 !important;
}

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

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

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal {
    z-index: 99999999;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: left;
    align-items: flex-left;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal-header .btn-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    background-image: none !important;
    font-size: 25px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-body p:last-child {
    margin-bottom: 0;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: right;
    justify-content: flex-right;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.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;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.modal.animated .modal-dialog {
    transform: translate(0, 0);
}

.modal.effect-scale .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-scale.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-slide-in-right .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal.effect-slide-in-right.show .modal-dialog {
    transform: translateX(0);
    opacity: 1;
}

.modal.effect-slide-in-bottom .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-slide-in-bottom.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

.modal.effect-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0;
}

.modal.effect-newspaper.show~.modal-backdrop,
.modal.effect-newspaper .modal-dialog {
    transition: all 0.5s;
}

.modal.effect-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.modal.effect-fall {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.modal.effect-fall .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}

.modal.effect-fall.show .modal-dialog {
    transition: all 0.3s ease-in;
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}

.modal.effect-flip-horizontal {
    perspective: 1300px;
}

.modal.effect-flip-horizontal .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: all 0.3s;
    opacity: 0;
}

.modal.effect-flip-horizontal.show .modal-dialog {
    transform: rotateY(0deg);
    opacity: 1;
}

.modal.effect-flip-vertical {
    perspective: 1300px;
}

.modal.effect-flip-vertical .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition: all 0.3s;
    opacity: 0;
}

.modal.effect-flip-vertical.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}

.modal.effect-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-sign {
    perspective: 1300px;
}

.modal.effect-sign .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-sign.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}

.modal.effect-rotate-bottom {
    perspective: 1300px;
}

.modal.effect-rotate-bottom .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0%) rotateX(0deg);
    opacity: 1;
}

.modal.effect-rotate-left {
    perspective: 1300px;
}

.modal.effect-rotate-left .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-rotate-left.show .modal-dialog {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}

.modal.effect-just-me .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-just-me .modal-content {
    background-color: transparent;
    border: 1px solid #4d4e50;
    padding: 0 9px;
}

.modal.effect-just-me .btn-close {
    text-shadow: none;
    color: #fff;
}

.modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 0;
}

.modal.effect-just-me .modal-header h6 {
    color: #fff;
    font-weight: 500;
}

.modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 0;
    padding-right: 0;
}

.modal.effect-just-me .modal-body h6 {
    color: #fff;
}

.modal.effect-just-me .modal-footer {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.modal.effect-just-me.show~.modal-backdrop {
    opacity: .96;
}

.modal.effect-just-me.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}
/*--------panel----------*/
.expanel-default {
    border: #ddd !important;
}

.expanel-success {
    border: #2dce89 !important;
}

.expanel-danger {
    border: #dc0441 !important;
}

.expanel-success>.expanel-heading {
    color: #fff !important;
    background-color: #2dce89 !important;
    border-color: #2dce89 !important;
}

.expanel-danger>.expanel-heading {
    color: #fff !important;
    background-color: #dc0441 !important;
    border-color: #dc0441 !important;
}

.expanel-warning>.expanel-heading {
    color: #fff !important;
    background-color: #ecb403 !important;
    border-color: #ecb403 !important;
}

.expanel-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: inherit !important;
}

.expanel {
    margin-bottom: 20px !important;
    background-color: #fff !important;
    border: 1px solid #e6ebf1 !important;
    border-radius: 4px !important;
}

.expanel-default>.expanel-heading {
    background-color: #f0f0f2 !important;
    border: 1px solid #e6ebf1 !important;
}

.expanel-heading {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border: 1px solid #ebecf1;
}

.expanel-footer {
    padding: 10px 15px !important;
    background-color: #f0f0f2 !important;
    border-top: 1px solid #e6ebf1 !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.expanel-body {
    padding: 15px !important;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.703125rem;
    background-color: #e2e2e9;
    border-radius: 3px;
    position: relative;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #e2e2e9;
    transition: width 0.6s ease;
    border-radius: 7px;
}

.current-progressbar {
    margin-top: 14.5px;
}

.progress-content {
    margin-bottom: 16.5px;
}

.progress-content:last-child {
    margin-bottom: 0;
}

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

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

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

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: left;
    align-items: flex-left;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

/*------ progress sizes ------*/
.progress-xs {
    height: .25rem;
}

.progress-xs .progress-bar {
    height: .25rem;
}

.progress-sm {
    height: .5rem;
}

.progress-sm .progress-bar {
    height: .5rem;
}

.progress-lg {
    height: 1.25rem;
}

.progress-lg .progress-bar {
    height: 1.25rem;
}

.progress-bar-indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    left: 0;
    will-change: left, right;
    top: 0;
    bottom: 0;
}

.progress-bar-indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    left: 0;
    will-change: left, right;
    top: 0;
    bottom: 0;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress-bar-indeterminate:after {
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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



.tag-addon {
    display: inline-block;
    padding: 0 .5rem;
    color: inherit;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.06);
    margin: 0 -.5rem 0 .5rem;
    text-align: center;
    min-width: 1.5rem;
}

.tag-addon:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tag-addon i {
    vertical-align: middle;
    margin: 0 -.25rem;
}

a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: .3s color, .3s background;
}

a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
    color: inherit;
}

.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px 0 0 3px;
    margin: 0 .5rem 0 -.5rem;
}

.tag-blue {
    background-color: #083dc1;
    color: #fff;
}

.tag-indigo {
    background-color: #6574cd;
    color: #fff;
}

.tag-purple {
    background-color: #aa4cf2;
    color: #fff;
}

.tag-pink {
    background-color: #ec82ef;
    color: #fff;
}

.tag-red {
    background-color: #dc0441;
    color: #fff;
}

.tag-orange {
    background-color: #fc7303;
    color: #fff;
}

.tag-yellow {
    background-color: #ecb403;
    color: #fff;
}

.tag-green {
    background-color: #2dce89;
    color: #fff;
}

.tag-teal {
    background-color: #2bcbba;
    color: #fff;
}

.tag-cyan {
    background-color: #116e7c;
    color: #fff;
}

.tag-white {
    background-color: #fff;
    color: #fff;
}

.tag-gray {
    background-color: #868e96;
    color: #fff;
}

.tag-gray-dark {
    background-color: #343a40;
    color: #fff;
}

.tag-azure {
    background-color: #45aaf2;
    color: #fff;
}

.tag-lime {
    background-color: #7bd235;
    color: #fff;
}

.tag-success {
    background-color: #2dce89;
    color: #fff;
}

.tag-info {
    background-color: #45aaf2;
    color: #fff;
}

.tag-warning {
    background-color: #ecb403;
    color: #fff;
}

.tag-danger {
    background-color: #dc0441;
    color: #fff;
}

.tag-light {
    background-color: #f8f9fa;
    color: #fff;
}

.tag-dark {
    background-color: #343a40;
    color: #fff;
}

.tag-rounded {
    border-radius: 50px;
}

.tag-rounded .tag-avatar {
    border-radius: 50px;
}

.tags {
    margin-bottom: -.5rem;
    font-size: 0;
}

.tags>.tag {
    margin-bottom: .5rem;
}

.tags>.tag:not(:last-child) {
    margin-right: .5rem;
}

.highlight .hll {
    background-color: #ffc;
}

.highlight .c {
    color: #999;
}

.highlight .k {
    color: #069;
}

.highlight .o {
    color: #555;
}

.highlight .cm {
    color: #999;
}

.highlight .cp {
    color: #099;
}

.highlight .c1,
.highlight .cs {
    color: #999;
}

.highlight .gd {
    background-color: #fcc;
    border: 1px solid #c00;
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    color: #f00;
}

.highlight .gh {
    color: #030;
}

.highlight .gi {
    background-color: #cfc;
    border: 1px solid #0c0;
}

.highlight .go {
    color: #aaa;
}

.highlight .gp {
    color: #009;
}

.highlight .gu {
    color: #030;
}

.highlight .gt {
    color: #9c6;
}

.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
    color: #069;
}

.highlight .kt {
    color: #078;
}

.highlight .m {
    color: #f60;
}

.highlight .s {
    color: #cc0099;
}

.highlight .na {
    color: #00cc7a;
}

.highlight .nb {
    color: #366;
}

.highlight .nc {
    color: #0a8;
}

.highlight .no {
    color: #360;
}

.highlight .nd {
    color: #99f;
}

.highlight .ni {
    color: #999;
}

.highlight .ne {
    color: #c00;
}

.highlight .nf {
    color: #c0f;
}

.highlight .nl {
    color: #99f;
}

.highlight .nn {
    color: #0cf;
}

.highlight .nt {
    color: #6967ce;
}

.highlight .nv {
    color: #033;
}

.highlight .ow {
    color: #000;
}

.highlight .w {
    color: #bbb;
}

.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
    color: #f60;
}

.highlight .sb,
.highlight .sc {
    color: #c30;
}

.highlight .sd {
    font-style: italic;
    color: #c30;
}

.highlight .s2,
.highlight .se,
.highlight .sh {
    color: #c30;
}

.highlight .si {
    color: #a00;
}

.highlight .sx {
    color: #c30;
}

.highlight .sr {
    color: #3aa;
}

.highlight .s1 {
    color: #c30;
}

.highlight .ss {
    color: #fc3;
}

.highlight .bp {
    color: #366;
}

.highlight .vc,
.highlight .vg,
.highlight .vi {
    color: #033;
}

.highlight .il {
    color: #f60;
}

.highlight .css .o {
    color: #999;
}

.highlight .css .o+.nt {
    color: #999;
}

.highlight .css .nt+.nt {
    color: #999;
}

.highlight .language-bash::before,
.highlight .language-sh::before {
    color: #009;
    content: "$ ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.highlight .language-powershell::before {
    color: #009;
    content: "PM> ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*---------Thumbnails----------*/
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}

.thumbnail p:last-child {
    margin-bottom: 0;
}

.thumbimg {
    height: 100%;
    width: 100%;
    display: block;
}

.thumbnail .caption {
    padding: 15px;
}

.video-list-thumbs>li {
    margin-bottom: 12px;
}

.video-list-thumbs>li>a {
    display: block;
    position: relative;
    color: #6b6f80;
    border: 1px solid #e6ebf1;
    padding: 8px;
    border-radius: 3px transition all 500ms ease-in-out;
    border-radius: 4px;
}

.video-list-thumbs h2 {
    bottom: 0;
    font-size: 14px;
    height: 33px;
    margin: 8px 0 0;
}

.video-list-thumbs .fa {
    font-size: 60px;
    opacity: 0.6;
    position: absolute;
    right: 39%;
    top: 31%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 500ms ease-in-out;
}

.video-list-thumbs>li>a:hover .fa {
    color: #fff;
    opacity: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.video-list-thumbs .duration {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    left: 12px;
    line-height: 13px;
    padding: 2px 3px 1px;
    position: absolute;
    bottom: 12px;
    transition: all 500ms ease;
}

.video-list-thumbs>li>a:hover .duration {
    background-color: #000;
}

@media (max-width: 768px) {
    .video-list-thumbs .fa {
        right: 44%;
        top: 44%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .video-list-thumbs .fa {
        font-size: 35px;
    }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 12px;
        height: 22px;
        margin: 8px 0 0;
    }
}

/*-------Tooptip &popover------*/
.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -1rem;
    border-width: .2rem 0 0;
}

.bd-example-tooltip-static .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
}

.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip {
    position: absolute;
    z-index: 999 !important;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
}

.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.tooltip-top .tooltip-inner::before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip.tooltip-right .tooltip-inner::before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip.tooltip-bottom .tooltip-inner::before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip.tooltip-left .tooltip-inner::before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip-inner::before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/*alerts*/
.popinfo {
    color: #88c8f7;
}

.popsuccess {
    color: #bfff80;
}

.popdanger {
    color: #ea6262;
}

.popwarning {
    color: #f7db6e;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.bs-popover-top .popover-arrow,
.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::before,
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
    border-width: 0.5rem 0.25rem 0;
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-end,
.bs-popover-auto[data-popper-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-end .popover-arrow,
.bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::before,
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
    border-width: 0.25rem 0.5rem 0.25rem 0;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::before {
    left: 0;
    border-right-color: #dee3eb;
}

.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-bottom .popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before,
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    border-width: 0 0.25rem 0.5rem 0.25rem;
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
    top: 0;
    border-bottom-color: #dee3eb;
}

.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 0.5rem;
    margin-left: -0.25rem;
    content: "";
    border-bottom: 1px solid #fff;
}

.bs-popover-start,
.bs-popover-auto[data-popper-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-start .popover-arrow,
.bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::before,
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
    border-width: 0.25rem 0 0.25rem 0.5rem;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::before {
    right: 0;
    border-left-color: #dee3eb;
}

.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.75rem 1rem;
    color: #6e7687;
}

.popover.bs-popover-top,
.popover.bs-popover-auto[data-popper-placement^="top"] {
    margin-bottom: 0.625rem;
}

.dropdown-item {
    color: #6c756e;
    /*-------Tooptip &popover------*/
    /*alerts*/
}

.dropdown-item .bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -1rem;
    border-width: .2rem 0 0;
}

.dropdown-item .bd-example-tooltip-static .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
}

.dropdown-item .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

.dropdown-item .tooltip.bs-tether-element-attached-bottom,
.dropdown-item .tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px;
}

.dropdown-item .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
}

.dropdown-item .tooltip.bs-tether-element-attached-left,
.dropdown-item .tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px;
}

.dropdown-item .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.dropdown-item .tooltip.tooltip-top .tooltip-inner::before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.dropdown-item .tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.dropdown-item .tooltip.tooltip-right .tooltip-inner::before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.dropdown-item .tooltip.bs-tether-element-attached-top,
.dropdown-item .tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.dropdown-item .tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.dropdown-item .tooltip.tooltip-bottom .tooltip-inner::before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.dropdown-item .tooltip.bs-tether-element-attached-right,
.dropdown-item .tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px;
}

.dropdown-item .tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.dropdown-item .tooltip.tooltip-left .tooltip-inner::before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.dropdown-item .tooltip-inner::before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.dropdown-item .popinfo {
    color: #88c8f7;
}

.dropdown-item .popsuccess {
    color: #bfff80;
}

.dropdown-item .popdanger {
    color: #ea6262;
}

.dropdown-item .popwarning {
    color: #f7db6e;
}

.dropdown-item .tooltip.show {
    opacity: 0.9;
}

.dropdown-item .tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.dropdown-item .tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.dropdown-item .bs-tooltip-top,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}

.dropdown-item .bs-tooltip-top .tooltip-arrow,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: 0;
}

.dropdown-item .bs-tooltip-top .tooltip-arrow::before,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.dropdown-item .bs-tooltip-end,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}

.dropdown-item .bs-tooltip-end .tooltip-arrow,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.dropdown-item .bs-tooltip-end .tooltip-arrow::before,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.dropdown-item .bs-tooltip-bottom,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}

.dropdown-item .bs-tooltip-bottom .tooltip-arrow,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: 0;
}

.dropdown-item .bs-tooltip-bottom .tooltip-arrow::before,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.dropdown-item .bs-tooltip-start,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}

.dropdown-item .bs-tooltip-start .tooltip-arrow,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.dropdown-item .bs-tooltip-start .tooltip-arrow::before,
.dropdown-item .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.dropdown-item .bs-popover-top .popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.dropdown-item .bs-popover-top .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] .popover-arrow::before,
.dropdown-item .bs-popover-top .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
    border-width: 0.5rem 0.25rem 0;
}

.dropdown-item .bs-popover-top .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] .popover-arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.dropdown-item .bs-popover-top .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.dropdown-item .bs-popover-end,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] {
    margin-left: 0.5rem;
}

.dropdown-item .bs-popover-end .popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0;
}

.dropdown-item .bs-popover-end .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] .popover-arrow::before,
.dropdown-item .bs-popover-end .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
    border-width: 0.25rem 0.5rem 0.25rem 0;
}

.dropdown-item .bs-popover-end .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] .popover-arrow::before {
    left: 0;
    border-right-color: #dee3eb;
}

.dropdown-item .bs-popover-end .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.dropdown-item .bs-popover-bottom .popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow {
    top: calc((0.5rem + 1px) * -1);
}

.dropdown-item .bs-popover-bottom .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before,
.dropdown-item .bs-popover-bottom .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    border-width: 0 0.25rem 0.5rem 0.25rem;
}

.dropdown-item .bs-popover-bottom .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
    top: 0;
    border-bottom-color: #dee3eb;
}

.dropdown-item .bs-popover-bottom .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.dropdown-item .bs-popover-bottom .popover-header::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 0.5rem;
    margin-left: -0.25rem;
    content: "";
    border-bottom: 1px solid #fff;
}

.dropdown-item .bs-popover-start,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] {
    margin-right: 0.5rem;
}

.dropdown-item .bs-popover-start .popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0;
}

.dropdown-item .bs-popover-start .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] .popover-arrow::before,
.dropdown-item .bs-popover-start .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
    border-width: 0.25rem 0 0.25rem 0.5rem;
}

.dropdown-item .bs-popover-start .popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] .popover-arrow::before {
    right: 0;
    border-left-color: #dee3eb;
}

.dropdown-item .bs-popover-start .popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.dropdown-item .popover-header:empty {
    display: none;
}

.dropdown-item .popover-body {
    padding: 0.75rem 1rem;
    color: #6e7687;
}

.dropdown-item .popover.bs-popover-top,
.dropdown-item .popover.bs-popover-auto[data-popper-placement^="top"] {
    margin-bottom: 0.625rem;
}

.dropdown-item .dropdown-item {
    color: #6c756e;
}

.dropdown-item .jqstooltip {
    box-sizing: content-box;
    font-family: inherit !important;
    background: #333 !important;
    border: none !important;
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 6px !important;
}

.dropdown-item .jqstooltip .jqsfield {
    font: inherit !important;
}

.dropdown-item .tooltip-static-demo {
    text-align: center;
    background-color: #f3f4f7;
    padding: 20px;
}

.dropdown-item .tooltip-static-demo .tooltip {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.dropdown-item .tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    left: 50%;
    margin-left: -2px;
}

.dropdown-item .tooltip-static-demo .bs-tooltip-start,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"],
.dropdown-item .tooltip-static-demo .bs-tooltip-end,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] {
    margin-top: 5px;
}

.dropdown-item .tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.dropdown-item .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    top: 50%;
    margin-top: -3px;
}

.dropdown-item .popover-static-demo {
    background-color: #f0f0f2;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
}

.dropdown-item .popover-static-demo .popover {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.dropdown-item .popover-static-demo .bs-popover-top .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="top"] .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-bottom .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow {
    left: 50%;
    margin-left: -5px;
}

.dropdown-item .popover-static-demo .bs-popover-start,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="left"],
.dropdown-item .popover-static-demo .bs-popover-end,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="right"] {
    margin-top: 5px;
}

.dropdown-item .popover-static-demo .bs-popover-start .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="left"] .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-end .popover-arrow,
.dropdown-item .popover-static-demo .bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    top: 50%;
    margin-top: -5px;
}

.dropdown-item .popover {
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    top: 0;
    left: 0;
    z-index: 99999;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee3eb;
    border-radius: 3px;
}

.dropdown-item .popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
    margin-left: calc(.25rem + -5px);
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 3px;
}

.dropdown-item .popover .popover-arrow::before,
.dropdown-item .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.dropdown-item .bs-popover-top,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"] {
    margin-bottom: 0.5rem;
}

.dropdown-item .bs-popover-top>.popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.dropdown-item .bs-popover-top>.popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #d3dfea;
}

.dropdown-item .bs-popover-top>.popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.dropdown-item .bs-popover-end>.popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.dropdown-item .bs-popover-end>.popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.dropdown-item .bs-popover-end>.popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.dropdown-item .bs-popover-bottom,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"] {
    margin-top: 0.5rem;
}

.dropdown-item .bs-popover-bottom>.popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
    top: calc((0.5rem + 1px) * -1);
}

.dropdown-item .bs-popover-bottom>.popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.dropdown-item .bs-popover-bottom>.popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.dropdown-item .bs-popover-start>.popover-arrow,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.dropdown-item .bs-popover-start>.popover-arrow::before,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #d3dfea;
}

.dropdown-item .bs-popover-start>.popover-arrow::after,
.dropdown-item .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.dropdown-item .popover-header {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #191621;
    letter-spacing: 0.5px;
    padding: 12px 15px;
    background-color: #fff;
    border-color: #d3dfea;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(3px - 1px);
    border-top-right-radius: calc(3px - 1px);
}

.dropdown-item .popover-header::before {
    display: none !important;
}

.dropdown-item .popover-body p:last-child {
    margin-bottom: 0;
}

.dropdown-item .popover-head-primary.bs-popover-top .popover-arrow,
.dropdown-item .popover-head-primary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.dropdown-item .popover-head-primary.bs-popover-start .popover-arrow,
.dropdown-item .popover-head-primary.bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: -7px;
}

.dropdown-item .popover-head-primary.bs-popover-end .popover-arrow,
.dropdown-item .popover-head-primary.bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: -7px;
}

.dropdown-item .popover-head-secondary.bs-popover-top .popover-arrow,
.dropdown-item .popover-head-secondary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.dropdown-item .popover-head-secondary.bs-popover-start .popover-arrow,
.dropdown-item .popover-head-secondary.bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: -7px;
}

.dropdown-item .popover-head-secondary.bs-popover-end .popover-arrow,
.dropdown-item .popover-head-secondary.bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: -7px;
}

.dropdown-item .popover-head-primary,
.dropdown-item .popover-head-secondary {
    border: 0;
}

.dropdown-item .popover-head-primary .popover-header,
.dropdown-item .popover-head-secondary .popover-header {
    border: 0;
}

.dropdown-item .popover-head-primary .popover-body,
.dropdown-item .popover-head-secondary .popover-body {
    border: 1px solid rgba(20, 17, 45, 0.2);
    border-top-width: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dropdown-item .popover-head-primary.bs-popover-bottom .popover-arrow::before,
.dropdown-item .popover-head-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
    display: none;
}

.dropdown-item .popover-head-secondary.bs-popover-bottom .popover-arrow::before,
.dropdown-item .popover-head-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
    display: none;
}

.dropdown-item .popover-primary,
.dropdown-item .popover-secondary {
    border-width: 0;
    padding: 15px;
}

.dropdown-item .popover-primary .popover-header,
.dropdown-item .popover-secondary .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    padding: 0 0 15px;
    color: #fff;
}

.dropdown-item .popover-primary .popover-body,
.dropdown-item .popover-secondary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
}

.dropdown-item .popover-primary .popover-arrow::before,
.dropdown-item .popover-secondary .popover-arrow::before {
    display: none;
}

.jqstooltip {
    box-sizing: content-box;
    font-family: inherit !important;
    background: #333 !important;
    border: none !important;
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 6px !important;
}

.jqstooltip .jqsfield {
    font: inherit !important;
}

.tooltip-static-demo {
    text-align: center;
    background-color: #f3f4f7;
    padding: 20px;
}

.tooltip-static-demo .tooltip {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    left: 50%;
    margin-left: -2px;
}

.tooltip-static-demo .bs-tooltip-start,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"],
.tooltip-static-demo .bs-tooltip-end,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] {
    margin-top: 5px;
}

.tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    top: 50%;
    margin-top: -0.42rem;
}

.popover-static-demo {
    background-color: #f0f0f2;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
}

.popover-static-demo .popover {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.popover-static-demo .bs-popover-top .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^="top"] .popover-arrow,
.popover-static-demo .bs-popover-bottom .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow {
    left: 50%;
    margin-left: -5px;
}

.popover-static-demo .bs-popover-start,
.popover-static-demo .bs-popover-auto[data-popper-placement^="left"],
.popover-static-demo .bs-popover-end,
.popover-static-demo .bs-popover-auto[data-popper-placement^="right"] {
    margin-top: 5px;
}

.popover-static-demo .bs-popover-start .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^="left"] .popover-arrow,
.popover-static-demo .bs-popover-end .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    top: 50%;
    margin-top: -5px;
}

.popover {
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    top: 0;
    left: 0;
    z-index: 99999;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee3eb;
    border-radius: 3px;
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
    margin-left: calc(.25rem + -5px);
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 3px;
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[data-popper-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #d3dfea;
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #d3dfea;
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #191621;
    letter-spacing: 0.5px;
    padding: 12px 15px;
    background-color: #fff;
    border-color: #d3dfea;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(3px - 1px);
    border-top-right-radius: calc(3px - 1px);
}

.popover-header::before {
    display: none !important;
}

.popover-body p:last-child {
    margin-bottom: 0;
}

.popover-head-primary.bs-popover-top .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.popover-head-primary.bs-popover-start .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: -7px;
}

.popover-head-primary.bs-popover-end .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: -7px;
}

.popover-head-secondary.bs-popover-top .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.popover-head-secondary.bs-popover-start .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="left"] .popover-arrow {
    right: -7px;
}

.popover-head-secondary.bs-popover-end .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="right"] .popover-arrow {
    left: -7px;
}

.popover-head-primary,
.popover-head-primary .popover-header,
.popover-head-secondary,
.popover-head-secondary .popover-header {
    border: 0;
}

.popover-head-primary .popover-body,
.popover-head-secondary .popover-body {
    border: 1px solid rgba(20, 17, 45, 0.2);
    border-top-width: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.popover-head-primary.bs-popover-bottom .popover-arrow::before,
.popover-head-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before,
.popover-head-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before,
.popover-head-secondary.bs-popover-bottom .popover-arrow::before,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
    display: none;
}

.popover-primary {
    border-width: 0;
    padding: 15px;
}

.popover-primary .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    padding: 0 0 15px;
    color: #fff;
}

.popover-primary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
}

.popover-primary .popover-arrow::before {
    display: none;
}

.popover-secondary {
    border-width: 0;
    padding: 15px;
}

.popover-secondary .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    padding: 0 0 15px;
    color: #fff;
}

.popover-secondary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
}

.popover-secondary .popover-arrow::before {
    display: none;
}

/*----- Typography ------*/
.heading-inverse {
    background-color: #333;
    color: #fff;
    padding: 5px;
}

.heading-primary {
    padding: 5px;
}

.heading-success {
    background-color: #38a01e;
    color: #fff;
    padding: 5px;
}

.heading-info {
    background-color: #45aaf2;
    color: #fff;
    padding: 5px;
}

.heading-warning {
    background-color: #ecb403;
    color: #fff;
    padding: 5px;
}

.heading-danger {
    background-color: #dc0441;
    color: #fff;
    padding: 5px;
}

/*------ Media object ------*/
.media {
    margin-top: 15px;
    zoom: 1;
    overflow: hidden;
}

.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-object {
    display: block;
}

.media img {
    width: 40px;
    height: 40px;
}

.media.media-lg img {
    width: 80px;
    height: 80px;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-body h4 {
    font-weight: 600;
    font-size: 16px;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

/* ###### components ####### */
.fc-view.fc-listMonth-view,
.fc-view.fc-listWeek-view {
    border-width: 0;
}

.fc-view.fc-listMonth-view .fc-scroller,
.fc-view.fc-listWeek-view .fc-scroller {
    padding: 0 20px 20px;
}

.fc-view.fc-listMonth-view .fc-list-table,
.fc-view.fc-listWeek-view .fc-list-table {
    border-collapse: separate;
    display: block;
}

.fc-view.fc-listMonth-view .fc-list-table>tbody,
.fc-view.fc-listWeek-view .fc-list-table>tbody {
    display: flex;
    flex-wrap: wrap;
}

.fc-view.fc-listMonth-view .fc-list-heading,
.fc-view.fc-listWeek-view .fc-list-heading {
    flex: 0 0 20%;
    max-width: 20%;
    margin-top: 15px;
}

.fc-view.fc-listMonth-view .fc-list-heading:first-child,
.fc-view.fc-listWeek-view .fc-list-heading:first-child,
.fc-view.fc-listMonth-view .fc-list-heading:first-child+.fc-list-item,
.fc-view.fc-listWeek-view .fc-list-heading:first-child+.fc-list-item {
    margin-top: 0;
}

.fc-view.fc-listMonth-view .fc-list-heading td,
.fc-view.fc-listWeek-view .fc-list-heading td {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}

.fc-view.fc-listMonth-view .fc-list-heading-main,
.fc-view.fc-listWeek-view .fc-list-heading-main {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #737688;
    font-weight: 600;
    padding: 5px;
    text-align: center;
}

.fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
    display: block;
    font-size: 30px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    color: #495057;
    line-height: 1;
}

.fc-view.fc-listMonth-view .fc-list-heading-main.now,
.fc-view.fc-listWeek-view .fc-list-heading-main.now,
.fc-view.fc-listMonth-view .fc-list-heading-main.now span:last-child,
.fc-view.fc-listWeek-view .fc-list-heading-main.now span:last-child {
    color: #4c84ff;
}

.fc-view.fc-listMonth-view .fc-list-item,
.fc-view.fc-listWeek-view .fc-list-item {
    flex: 0 0 calc(80% - 5px);
    max-width: calc(80% - 5px);
    dispLay: flex;
    flex-direction: column;
    border-left: 4px solid transparent;
    background-color: #fff;
    margin-top: 15px;
}

.fc-view.fc-listMonth-view .fc-list-item:hover,
.fc-view.fc-listMonth-view .fc-list-item:focus {
    cursor: pointer;
}

.fc-view.fc-listWeek-view .fc-list-item:hover,
.fc-view.fc-listWeek-view .fc-list-item:focus {
    cursor: pointer;
}

.fc-view.fc-listMonth-view .fc-list-item:hover td,
.fc-view.fc-listMonth-view .fc-list-item:focus td {
    background-color: transparent;
}

.fc-view.fc-listWeek-view .fc-list-item:hover td,
.fc-view.fc-listWeek-view .fc-list-item:focus td {
    background-color: transparent;
}

.fc-view.fc-listMonth-view .fc-list-item>td,
.fc-view.fc-listWeek-view .fc-list-item>td {
    border-width: 0;
}

.fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
    border-top: 1px solid #e6ebf1;
    border-right: 1px solid #e6ebf1;
    box-sizing: border-box;
    color: #495057 !important;
}

.fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-bottom: 1px solid #e9edf4;
    border-right: 1px solid #e9edf4;
    box-sizing: border-box;
}

.fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
    margin-left: 20%;
}

.fc-view.fc-listMonth-view .fc-list-item-marker,
.fc-view.fc-listWeek-view .fc-list-item-marker {
    display: none;
}

.fc-view.fc-listMonth-view .fc-list-item-time,
.fc-view.fc-listWeek-view .fc-list-item-time {
    padding: 12px 15px 2px;
    font-size: 13px;
    text-transform: capitalize;
    width: 100%;
}

.fc-view.fc-listMonth-view .fc-list-item-title,
.fc-view.fc-listWeek-view .fc-list-item-title {
    padding: 0 15px 12px;
}

.fc-view.fc-listMonth-view .fc-list-item-title a,
.fc-view.fc-listWeek-view .fc-list-item-title a {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
    color: #14112d;
}

.fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
.fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
    font-size: 13px;
    line-height: 1.375;
    display: block;
}

@media (min-width: 576px) {

    .fc-view.fc-listMonth-view .fc-list-heading,
    .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 15%;
        max-width: 15%;
    }

    .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 15%;
    }

    .fc-view.fc-listMonth-view .fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(85% - 5px);
        max-width: calc(85% - 5px);
    }
}

@media (min-width: 768px) {

    .fc-view.fc-listMonth-view .fc-list-heading,
    .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 12%;
    }

    .fc-view.fc-listMonth-view .fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(88% - 5px);
        max-width: calc(88% - 5px);
    }
}

@media (min-width: 992px) {

    .fc-view.fc-listMonth-view .fc-list-heading,
    .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .fc-view.fc-listMonth-view .fc-scroller,
    .fc-view.fc-listWeek-view .fc-scroller {
        padding: 0;
    }

    .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 10%;
    }

    .fc-view.fc-listMonth-view .fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(90% - 5px);
        max-width: calc(90% - 5px);
    }
}

@media (min-width: 1200px) {

    .fc-view.fc-listMonth-view .fc-list-heading,
    .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 8%;
        max-width: 8%;
    }

    .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 8%;
    }

    .fc-view.fc-listMonth-view .fc-list-item,
    .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(92% - 5px);
        max-width: calc(92% - 5px);
    }
}

td.fc-today {
    background-color: #f3f7fd;
}

/*-----Chat----*/
#messages-main {
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

#messages-main:after,
#messages-main:before {
    content: " ";
    display: table;
}

#messages-main .ms-user {
    padding: 15px;
    background: #fff;
    border: 1px solid #eceff9;
    border-left: 0;
}

#messages-main .ms-user>div {
    overflow: hidden;
    padding: 3px 5px 0 15px;
    font-size: 11px;
}

#messages-main #ms-compose {
    position: fixed;
    bottom: 120px;
    z-index: 0;
    right: 30px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

@media (min-width: 992px) {
    #messages-main .ms-menu {
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid #e6ebf1;
        padding-bottom: 0;
        height: 100%;
        width: 500px;
        /* background: $white; */
    }

    #messages-main .ms-body {
        padding-left: 500px;
    }

    .msb-reply {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 480px) {
    .ah-actions.actions a.option-dots {
        line-height: initial;
    }
}

@media (max-width: 991px) {
    #messages-main .ms-menu {
        z-index: 0;
        margin-bottom: 25px;
    }

    #messages-main .ms-menu.toggled {
        display: block;
    }

    #messages-main .ms-body {
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .ah-actions {
        float: none !important;
        text-align: center;
        display: inline-block;
    }

    .d-flex.chat-user {
        display: none !important;
    }

    .ah-actions {
        margin-left: 10px !important;
    }

    .actions>li>a {
        padding: 0 5px !important;
    }
}

#ms-menu-trigger i {
    font-size: 21px;
}

#ms-menu-trigger.toggled i:before {
    content: "";
}

.login-content:after {
    content: "";
}

.message-feed {
    padding: 20px;
}

#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail {
    text-align: center;
}

.four-zero {
    text-align: center;
}

.four-zero footer>a {
    text-align: center;
}

.ie-warning,
.login-content,
.login-navigation {
    text-align: center;
}

.pt-inner {
    text-align: center;
}

.pt-inner .pti-footer>a {
    text-align: center;
}

.message-feed.right>.pull-right {
    margin-left: 15px;
}

.message-feed:not(.right) .mf-content {
    background: rgba(102, 77, 201, 0.1);
    position: relative;
    margin-left: 15px;
    border-radius: 4px 12px 4px 12px;
    color: black;
}

.message-feed.right .mf-content {
    color: #fff;
    position: relative;
    margin-right: 15px;
}

.mf-content {
    padding: 13px 20px;
    border-radius: 6px;
    display: inline-block;
    max-width: 100%;
}

.mf-date {
    display: block;
    color: #728096;
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 15px;
}

.mf-date>i {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    top: 1px;
}

.msb-reply {
    position: relative;
    background: #fff;
    border: 1px solid #eceff9;
    height: 50px;
    border-bottom: 0;
}

.four-zero,
.lc-block {
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
}

.msb-reply textarea {
    width: 100%;
    font-size: 13px;
    border: 0;
    padding: 15px 15px;
    resize: none;
    height: 50px;
    background: 0 0;
}

.msb-reply button {
    position: absolute;
    top: 5px;
    right: 9px;
    border: 0;
    height: 40px;
    width: 40px;
    background: 0 0;
    color: #5c678f;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    border-radius: 50px;
    font-size: 14px;
}

.ico-mt {
    margin-top: -0.5rem !important;
}

.msb-reply button:hover {
    background: #f2f2f2;
}

.list-group.lg-alt .list-group-item {
    border: 0;
}

.p-15 {
    padding: 15px !important;
}

.actions>li {
    display: inline-block;
}

.actions>li>a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    margin-right: 5px;
}

.actions>li>a>i {
    font-size: 16px;
}

#ms-menu-trigger {
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    padding-right: 10px;
    padding-top: 19px;
    cursor: pointer;
    text-align: right;
}

.message-feed.right {
    text-align: right;
}

.ah-actions {
    z-index: 3;
    float: right !important;
    margin-top: 7px;
    position: relative;
}

.ms-body {
    background: #fff;
    border-radius: 7px;
}

.ms-menu-trigger {
    user-select: none;
    display: block;
    cursor: pointer;
    color: #5c678f;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.message-feed.media .media-body,
.message-feed.right .media-body {
    overflow: visible;
}

.amcharts-chart-div a,
.canvasjs-chart-container a {
    display: none !important;
}

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

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.amChartsLegright.amcharts-legright-div {
    display: none;
}

.input-icon .form-group.is-empty {
    margin-bottom: 0;
}

.input-icon .form-group.is-empty .form-control {
    margin-bottom: 0;
}

/*=====================================
  Inbox Message Style
  =======================================*/
.inbox-message ul {
    padding: 0;
    margin: 0;
}

.inbox-message ul li {
    list-style: none;
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #e6ebf1;
}

.inbox-message ul li:hover,
.inbox-message ul li:focus {
    background: #f0f0f2;
    z-index: 0;
}

.chat-conatct-list .media:hover {
    z-index: inherit;
}

.inbox-message .message-avatar {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.message-avatar img {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.inbox-message .message-body {
    margin-left: 85px;
    font-size: 15px;
    color: #6c756e;
}

.message-body-heading h5 {
    font-weight: 600;
    display: inline-block;
    color: #6c756e;
    margin: 0 0 7px 0;
    padding: 0;
}

.message-body h5 span {
    border-radius: 50px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 4px 10px;
    margin-left: 5px;
    margin-top: -5px;
}

.message-body h5 span.unread {
    background: #07b107;
}

.message-body h5 span.important {
    background: #dd2027;
}

.message-body h5 span.prighting {
    background: #2196f3;
}

.message-body-heading span {
    float: right;
    font-size: 14px;
}

.messages-inbox .message-body p {
    margin: 0;
    padding: 0;
    line-height: 27px;
    font-size: 15px;
}

@media (max-width: 600px) {
    .job-box-filter label {
        width: 100%;
        text-align: center;
    }

    .message-body h5 span.prighting,
    .message-body h5 span.unread {
        display: none;
    }
}

.list-icons i {
    font-size: 56px;
}

.font-dot {
    margin-top: -12px;
}

.list-icons .card-footer i {
    font-size: 14px;
}

.chat-body-style {
    max-height: 500px;
    background-size: cover;
    background-position: center;
}

.chat-body-style:after {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
}

.chat-conatct-list {
    max-height: 555px;
    overflow-y: auto;
}

.chat-conatct-list .media {
    overflow: initial;
}

@media (min-width: 992px) {
    .ms-menu .tab-menu-heading {
        width: 499px;
    }
}

.ms-menu .tab-menu-heading {
    background: #fff;
    padding: 0px 13px 0px 17px;
    border-radius: 5px 0 0 0;
    border-right: 0;
    position: sticky;
    border-left: 0;
    z-index: 9;
    border-bottom: 1px solid #e6ebf1;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li {
    width: 48%;
    margin: 0 10px 0 0;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
    border: 0;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li a {
    border-radius: 5px;
    padding: 28px 0px;
    text-align: center;
    font-weight: 600;
    border: 0px solid #e6ebf1;
}

.chat-conatct-list .list-group-item {
    position: relative;
}

.chat-conatct-list .list-group-item .chat-time {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 12px;
}

.chat {
    margin-bottom: auto;
}

.chat .card {
    height: 600px;
}

.chat .card-header {
    padding: 1rem;
}

.contacts_body {
    white-space: nowrap;
}

.msg_card_body {
    overflow-y: auto;
}

.contacts_body .contacts {
    list-style: none;
    padding: 0;
}

.contacts_body .contacts li {
    width: 100% !important;
    padding: 15px;
    border-bottom: 1px solid #ebeaf1;
}

.contacts_body .active {
    background-color: #eff1f7;
}

.chatbox .user_img {
    height: 50px;
    width: 50px;
    border: 0px solid #f5f6fa;
}

.chatbox .user_img_msg {
    height: 40px;
    width: 40px;
    border: 1.5px solid #f5f6fa;
}

.chatbox .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
}

.chatbox .img_cont_msg {
    height: 40px;
    width: 40px;
    display: contents;
}

.chat-box-single-line {
    margin: 7px 0 30px;
    position: relative;
    text-align: center;
}

.chat abbr.timestamp {
    padding: 4px 14px;
    border-radius: 4px;
    background: #e3e2e5;
}

.chatbox .user_info {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}

.chatbox .user_info span {
    color: #464444;
}

.chatbox .action-header small {
    font-size: 10px;
}

.chat .video_cam {
    margin-left: 50px;
    margin-top: 5px;
}

.chat .video_cam span {
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;
}

.chat .msg_cotainer {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    background-color: #e3def9;
    padding: 10px;
    position: relative;
    border-radius: 0px 12px 0px 12px;
    max-width: 70%;
    margin-top: 5px;
}

.chat .msg_cotainer_sright {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    padding: 10px;
    position: relative;
    color: #fff;
    border-radius: 12px 0px 12px 0px;
    max-width: 70%;
    margin: 0 12px 10px 0;
}

.chat .msg_time {
    position: absolute;
    left: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px;
}

.chat .msg_time_sright {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px;
}

.chat .msg_head {
    position: relative;
    background: #60529f;
    box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.4);
}

#action_menu_btn {
    position: absolute;
    right: 36px;
    top: 21px;
    color: white;
    cursor: pointer;
    font-size: 20px;
}

.action_menu {
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: #fff;
    color: #646367;
    top: 40px;
    right: 15px;
    display: none;
}

.action_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.chat .action-header {
    position: relative;
    padding: 15px 13px 15px 17px;
}

.chat .msb-reply textarea {
    width: 100%;
    font-size: 13px;
    padding: 12px 47px;
    resize: none;
    height: 44px;
    border: 1px solid #ebeaf1;
    background: #FAF9FF;
    margin-left: -42px;
}

.chat .dropdown-menu li {
    padding: 7px;
    color: #5e629c;
}

.chat .dropdown-menu li:hover {
    background: #FAF9FF;
}

.chat .dropdown-menu li i {
    padding: 7px;
}

.action_menu ul li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
}

.chat .actions>li {
    display: inline-block;
    padding: 0 0 0 2px;
}

.chat .actions:not(.a-alt)>li>a>i {
    color: #fff;
    line-height: unset;
}

.chat .justify-content-left,
.chat .justify-content-right {
    margin-bottom: 25px;
}

.construction .form-control {
    padding: 0.375rem 1rem;
}

.action-header {
    position: relative;
    padding: 15px 13px 15px 17px;
    background: #f3f4f7;
    border-bottom: 1px solid #e6ebf1;
    background: #e3e6ef;
}

.actions {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 4px;
}

.actions:not(.a-alt)>li>a>i {
    color: #664dc9;
}

.modal-content .actions>li>a {
    display: block;
    /* padding: 10px; */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    color: #fff;
}

.modal-content .actions>li>a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.msb-reply-button .btn {
    line-height: 14px;
}

.modal-content.chat .card {
    border-radius: 4px 4px 0 0;
    box-shadow: none;
}

.ah-actions .option-dots {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    color: #5c678f;
    padding: 10px 12px;
    display: block !important;
}

.contact-href {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.chat-conatct-list li {
    position: relative;
}

.chat-conatct-list .option-dots {
    z-index: 100;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 100;
    top: 18px;
    line-height: initial;
}

.modal-content .actions>li>a {
    box-shadow: 0px 2px 3px rgba(16, 16, 38, 0.1);
    border: 1px solid #e6ebf1;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
    border-bottom: 2px solid #664dc9;
    border-radius: 0 !important;
}

.message-feed.right .mf-content {
    border-radius: 12px 4px 12px 4px;
}

@media (max-width: 991.98px) {
    .main-content-body-show .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left-chat {
        display: none;
    }

    .main-content-body-show .main-content-body-chat {
        display: flex;
    }
}

@media (max-width: 767px) {

    .main-chat-footer .nav-link:nth-child(2),
    .main-chat-footer .nav-link:nth-child(1) {
        display: none;
    }
}

.main-content-left-chat {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

@media (min-width: 992px) {
    .main-content-left-chat {
        width: auto;
        border: 0;
        border-left: 0;
    }

    .main-chat-footer {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .main-content-body-chat {
        display: flex;
    }

    .main-chat-list .media {
        padding: 12px 15px;
        margin: 0;
    }

    .main-chat-contacts-wrapper {
        padding: 10px 0px 10px 15px;
    }

    .main-nav-line-chat {
        padding-right: 0;
    }
}

.main-nav-line-chat {
    border-bottom: 1px solid #e9edf4;
    flex-shrink: 0;
    flex-direction: row;
    padding: 10px;
}

.main-nav-line-chat .nav-link {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 3px;
    margin-top: 0;
    margin-left: 10px;
    background: #e9edf4;
}

.main-nav-line-chat .nav-link:hover,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:active {
    outline: none;
}

.main-nav-line-chat .nav-link.active::before {
    top: auto;
    left: 0;
    right: 0;
    width: auto;
    bottom: -11px;
    background-color: #4c84ff;
}

.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-bottom: 1px solid #e9edf4;
    overflow: hidden;
}

.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
    margin-bottom: 15px;
    line-height: 1;
}

.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card--eight .card-title,
.card--eight .main-chat-contacts-wrapper .card-title {
    margin-bottom: 15px;
    line-height: 1;
}

.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
    overflow: visible;
}

.main-chat-contacts {
    padding-left: 20px;
    display: flex;
}

.main-chat-contacts .lslide {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: none;
}

.main-chat-contacts small {
    font-size: 11px;
    width: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px;
    text-align: center;
}

.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #ebeaed;
    font-size: 12px;
    font-weight: 500;
    color: #6c756e;
}

.main-chat-list {
    max-height: 500px;
    position: relative;
}

.main-chat-list .media {
    padding: 12px 20px;
    /* border: 1px solid #e9edf4; */
    position: relative;
    border-bottom: 1px solid #e6ebf1;
}

.main-chat-list .media .main-img-user {
    flex-shrink: 0;
    top: 3px;
    position: relative;
}

.main-chat-list .media:last-chid {
    border-bottom: 0;
}

.main-chat-list .media+.media::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4;
}

.main-chat-list .media.new .main-img-user span {
    display: flex;
}

.main-chat-list .media.new .media-contact-name span:first-child {
    font-weight: 700;
    color: #14112d;
}

.main-chat-list .media.new .media-body p {
    color: #22252f;
}

.main-chat-list .media:hover,
.main-chat-list .media:focus {
    cursor: pointer;
    background-color: #F3F6F8;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1;
}

.main-chat-list .media.selected {
    background-color: #F3F6F8;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1;
}

.main-chat-list .media.selected:first-child {
    border-top-color: transparent;
}

.main-chat-list .media.selected::after {
    display: block;
}

.main-chat-list .media.selected .media-contact-name span:first-child {
    color: #14112d;
}

.main-chat-list .media.selected .media-body p {
    color: #22252f;
}

.main-chat-list .main-img-user span {
    position: absolute;
    top: 0;
    left: -2px;
    width: 14px;
    height: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background-color: #ff5c77;
    box-shadow: 0 0 0 2px #fff;
}

.main-chat-list .media-body {
    margin-left: 15px;
}

.main-chat-list .media-body p {
    font-size: 13px;
    margin-bottom: 0;
    color: #728096;
    line-height: 1.35;
}

.main-chat-list .media-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.main-chat-list .media-contact-name span:first-child {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #14112d;
}

.main-chat-list .media-contact-name span:last-child {
    display: block;
    font-size: 11px;
    color: #728096;
}

.main-content-body-chat {
    flex-direction: column;
}

.main-chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-left;
    padding: 14.2px 20px 14.2px;
    border-bottom: 1px solid #e9edf4;
}

.main-chat-header .nav {
    margin-left: auto;
    align-items: center;
}

.main-chat-header .nav-link {
    color: #5c678f;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0;
}

.main-chat-header .nav-link:first-child {
    display: block;
}

.main-chat-header .nav-link i {
    line-height: 0;
}

.main-chat-header .nav-link .typcn {
    line-height: .9;
}

.main-chat-header .nav-link .typcn::before {
    width: auto;
}

@media (min-width: 576px) {
    .main-chat-header .nav-link {
        display: block;
    }

    .main-chat-header .nav-link:first-child {
        display: none;
    }

    .main-chat-footer .nav {
        margin-top: 5px;
    }

    .main-chat-footer .form-control {
        margin-left: 20px;
    }

    .main-chat-footer .nav-link {
        display: block;
    }

    .main-chat-footer .nav-link:last-child {
        display: none;
    }

    .main-chat-body .media-body {
        margin-right: 0;
    }

    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 0;
    }
}

.main-chat-msg-name {
    margin-left: 15px;
}

.main-chat-msg-name h6 {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 700;
    color: #14112d;
}

.main-chat-msg-name small {
    font-size: 12px;
    color: #728096;
}

.main-chat-body {
    position: relative;
    padding-bottom: 50px;
    padding-bottom: 0;
    max-height: 555px;
    overflow: hidden;
}

.main-chat-body .content-inner {
    padding: 20px;
}

.main-chat-body .media+.media {
    margin-top: 20px;
}

.main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 0;
    margin-right: 5px;
    align-items: flex-end;
}

.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    margin-right: 15px;
    border-radius: 12px 4px 12px 4px;
}

.main-chat-body .media-body {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-chat-body .media-body>div span {
    font-size: 11px;
    color: #728096;
    display: flex;
    align-items: center;
}

.main-chat-body .media.flex-row-reverse .media-body>div span {
    margin-right: 15px;
    margin-left: 0;
}

.main-chat-body .media .media-body>div span {
    margin-left: 15px;
    margin-right: 0;
}

.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0;
}

.main-chat-time:first-of-type {
    margin-top: 0;
}

.main-chat-time span {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #e3e2e5;
    padding: 5px;
    border-radius: 4px;
}

.main-msg-wrapper {
    padding: 10px 15px;
    background-color: rgba(102, 77, 201, 0.1);
    font-size: 13px;
    margin-bottom: 5px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    color: #000;
    border-radius: 4px 12px 4px 12px;
}

.main-chat-footer {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-top: 1px solid #e9edf4;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px;
}

.main-chat-footer .nav {
    align-items: center;
}

.main-chat-footer .nav-link {
    font-size: 20px;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    border-radius: 50px;
    vertical-align: middle;
    padding: 0;
    color: #5c678f;
}

.main-chat-footer .nav-link:last-child {
    display: block;
}

.main-chat-footer .form-control {
    flex: 1;
    margin: 0 10px;
    padding-left: 10px;
    padding-right: 0;
}

.main-chat-footer .form-control:hover,
.main-chat-footer .form-control:focus {
    box-shadow: none;
}

@media (min-width: 768px) {
    .main-chat-footer .form-control {
        margin: 0 20px;
    }
}

.main-msg-sright {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    padding: 0;
    color: #5c678f;
    margin-top: 3px;
}

.main-msg-sright:hover {
    background: #f0f0f2;
}

.main-img-user.online {
    position: relative;
}

.main-img-user.online:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2dce89;
    display: block;
    right: 2px;
    bottom: 0;
    z-index: 9;
    top: 32px;
}

.action-header .ah-actions.actions {
    margin-top: 0px !important;
}

.msg_card_body .msg_cotainer_send {
    margin-bottom: auto;
    margin-right: 10px;
    background-color: #664dc9;
    padding: 10px;
    position: relative;
    border-radius: 0px 12px;
    max-width: 70%;
    margin-top: 5px;
    color: white;
}

.chat .msg_time_send {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .main-content-body-show .main-header-contacts .main-header-menu-icon {
        display: flex;
    }

    .main-content-body-show .main-content-left-contacts {
        display: block;
    }

    .app .main-contact-star {
        display: none;
    }

    .app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
        display: block !important;
        display: block !important;
        font-size: 11px;
        padding: 0;
    }

    .app .main-content-left-contacts .main-img-user {
        margin: 0 auto;
    }
}

@media (max-width: 1200px) {
    .main-contact-info-header {
        border-top: 1px solid #e9edf4;
    }

    .main-contact-info-header .media-body {
        padding-top: 20px;
    }
}

@media (max-width: 400px) {
    .main-contact-action a span {
        display: none;
    }
}

@media (max-width: 576px) {
    .main-contact-info-header {
        padding-top: 60px !important;
    }

    .main-contact-action {
        left: 10px;
        right: 0 !important;
    }

    .main-contact-info-header .media-body .nav-link {
        padding-top: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .main-contact-info-header .media {
        display: block !important;
    }

    .main-contact-info-header .media-body {
        padding-top: 20px;
    }
}

.main-content-left-contacts {
    width: 100%;
    display: block;
    padding: 0;
}

.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
    padding-left: 20px;
}

.main-contacts-list {
    position: relative;
    height: 700px;
}

.main-contact-label {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
    position: relative;
}

.main-contact-label::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e9edf4;
    z-index: 1;
}

.main-contact-item {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-end-width: 0;
    display: flex;
    position: relative;
    cursor: pointer;
}

.main-contact-item+.main-contact-item {
    margin-top: -1px;
    border-top-color: transparent;
}

.main-contact-item+.main-contact-item::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4;
}

.main-contact-item:hover,
.main-contact-item:focus {
    background-color: #f3f4f7;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1;
}

.main-contact-item.selected {
    z-index: 0;
    background-color: #f3f4f7;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1;
    border-width: 2px;
}

.main-contact-body {
    flex: 1;
    margin-left: 15px;
}

.main-contact-body h6 {
    color: #6c756e;
    font-weight: 600;
    margin-bottom: 2px;
}

.main-contact-body span {
    font-size: 13px;
    color: #728096;
}

.main-contact-star {
    font-size: 16px;
    color: #728096;
}

.main-contact-star:hover,
.main-contact-star:focus {
    color: #728096;
}

.main-contact-star.active {
    color: #fcb32d;
}

@media (min-width: 768px) {
    .main-content-body-contacts {
        display: block;
        overflow-y: auto;
    }

    .main-content-left-contacts {
        width: 100%;
    }
}

.main-contact-info-header {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9edf4;
    position: relative;
}

.main-contact-info-header .media {
    display: block;
}

.main-contact-info-header .main-img-user {
    width: 100px;
    height: 100px;
}

.main-contact-info-header .main-img-user::after {
    display: none;
}

.main-contact-info-header .main-img-user a {
    position: absolute;
    bottom: 2px;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #7272c6;
    color: white;
    font-size: 18px;
    line-height: .9;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
}

.main-contact-info-header .main-img-user a:hover,
.main-contact-info-header .main-img-user a:focus {
    fill: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.main-contact-info-header .media-body {
    margin-top: 30px;
}

.main-contact-info-header .media-body h4 {
    color: #6c756e;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 1;
}

.main-contact-info-header .media-body p {
    margin-bottom: 15px;
}

.main-contact-info-header .media-body .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    color: #728096;
    font-size: 13px;
}

.main-contact-info-header .media-body .nav-link i {
    font-size: 14px;
    line-height: 0;
    margin-right: 5px;
}

.main-contact-info-header .media-body .nav-link i.typcn {
    line-height: .9;
}

.main-contact-info-header .media-body .nav-link i.typcn::before {
    width: auto;
}

.main-contact-info-header .media-body .nav-link+.nav-link {
    margin-left: 10px;
}

@media (min-width: 576px) {
    .main-contact-info-header {
        padding-top: 20px;
    }

    .main-contact-info-header .media-body .nav-link {
        font-size: 0.875rem;
    }

    .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: 10px;
    }

    .main-contact-info-header .media-body .nav-link i {
        margin-right: 7px;
    }
}

.main-contact-action {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
}

.main-contact-action a {
    display: flex;
    align-items: center;
}

.main-contact-action a i {
    font-size: 17px;
    line-height: .9;
    margin-right: 5px;
}

.main-contact-action a+a {
    margin-left: 15px;
}

.main-contact-info-body {
    padding-left: 0px;
}

.main-contact-info-body .media-list {
    padding: 20px 0;
}

.main-contact-info-body .media {
    align-items: center;
    position: relative;
}

.main-contact-info-body .media+.media {
    margin-top: 30px;
}

.main-contact-info-body .media+.media::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4;
}

.main-contact-info-body .media:last-child {
    margin-bottom: 15px;
}

.main-contact-info-body .media-body {
    margin-left: 30px;
}

.main-contact-info-body .media-body>div+div {
    margin-top: 15px;
}

.main-contact-info-body .media-body label {
    color: #728096;
    margin-bottom: 0;
    display: block;
    font-size: 14px;
}

.main-contact-info-body .media-body span {
    display: block;
    color: #6c756e;
    font-weight: 500;
}

.main-contact-info-body .media::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4;
}

@media (min-width: 992px) {
    .main-contact-info-body {
        height: calc(100% - 126px);
        position: relative;
    }

    .main-contact-info-body .media-body {
        display: flex;
    }

    .main-contact-info-body .media-body>div {
        flex: 1;
    }

    .main-contact-info-body .media-list {
        padding: 25px 0;
    }

    .main-contact-action {
        right: 20px;
    }

    .main-contact-info-header {
        padding-left: 30px;
        padding-bottom: 25px;
    }

    .main-contact-info-header .media-body {
        margin-top: 0;
        margin-left: 30px;
    }

    .main-contact-info-header .media {
        display: flex;
        align-items: center;
    }

    .main-content-body-contacts {
        overflow: visible;
    }

    .main-contact-item {
        padding: 10px 15px;
    }

    .main-contact-label {
        padding-left: 10px;
    }

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 0;
    }

    .main-contact-info-body .media-body>div+div {
        margin-top: 0;
    }
}

.main-contact-info-header .main-img-user {
    position: relative;
}

.main-contact-info-header .main-img-user a {
    position: absolute;
}

/*----- Range slider -------*/
.jsr,
.jsr_bar,
.jsr_label,
.jsr_rail,
.jsr_rail-outer,
.jsr_slider {
    box-sizing: border-box;
}

.jsr {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    font: 14px sans-serif;
}

.jsr_rail-outer {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}

.jsr_slider:focus::before {
    background: #7036ff;
    background: #4575f1;
}

.jsr_rail {
    height: 12px;
    background: #e2e2e9;
    z-index: 1;
}

.jsr_bar {
    position: absolute;
    height: 12px;
    cursor: move;
}

.jsr_bar--limit {
    background-color: #d9dadc;
    z-index: 1;
    cursor: auto;
}

.jsr_slider {
    position: absolute;
    top: calc(12px / 2 + 10px);
    left: 0;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    cursor: col-resize;
    transition: background 0.1s ease-in-out;
    outline: 0;
}

.jsr_slider::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.jsr_label {
    position: absolute;
    top: calc(18px + 5px + 15px / 1.5);
    padding: 0.2em 0.4em;
    background: #d3d5da;
    color: #6c756e;
    font-size: 0.9em;
    white-space: nowrap;
    border-radius: 0.3em;
}

.jsr_label--minmax {
    background: #d3d5da;
    color: #6c756e;
    transition: opacity 0.2s ease-in-out;
}

/* Merged labels */
.jsr_label .jsr_label {
    position: static;
    display: inline-block;
    font-size: 1em;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.jsr_label .jsr_label::before {
    content: ' - ';
}

.jsr_canvas {
    margin-top: 5px;
}

/* Lock screen for touch */
.jsr_lockscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.mcs-horizontal-example {
    overflow-x: auto;
    white-space: nowrap;
}

.mcs-horizontal-example .item {
    display: inline-block;
}

.range {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: whitesmoke;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
    outline: none;
}

.range input[type="range"]::-webkit-slider-thumb,
.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    width: 11px;
    height: 25px;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: #999999;
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: white;
    background-color: #999999;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.range.range-success input[type="range"]::-webkit-slider-thumb,
.range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: #2dce89;
}

.range.range-success output {
    background-color: #2dce89;
}

.range.range-success input[type="range"] {
    outline-color: #2dce89;
}

.range.range-info input[type="range"]::-webkit-slider-thumb,
.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: #45aaf2;
}

.range.range-info output {
    background-color: #45aaf2;
}

.range.range-info input[type="range"] {
    outline-color: #45aaf2;
}

.range.range-warning input[type="range"]::-webkit-slider-thumb,
.range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: #ecb403;
}

.range.range-warning output {
    background-color: #ecb403;
}

.range.range-warning input[type="range"] {
    outline-color: #ecb403;
}

.range.range-danger input[type="range"]::-webkit-slider-thumb,
.range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: #dc0441;
}

.range.range-danger output {
    background-color: #dc0441;
}

.range.range-danger input[type="range"] {
    outline-color: #dc0441;
}

/*-----Pricing tables-----*/
/*-- rating--*/
.rating-stars {
    width: 100%;
    text-align: center;
}

.rating-stars .rating-stars-container {
    font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    padding: 0px 5px;
    color: #f0f0f2;
}

.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: 1px solid #e6ebf1;
    cursor: pointer;
    padding: 5px;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: #3e4b5b;
}

.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #ef4b4b;
}

.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: #3e4b5b;
}

.rating-stars input {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.br-theme-bars-horizontal .br-widget a,
.br-theme-bars-pill .br-widget a {
    background-color: #f0f0f2;
}

.br-theme-bars-square .br-widget a {
    border: 2px solid #f0f0f2;
    background-color: #fff;
    color: #f0f0f2;
}

.br-theme-bars-movie .br-widget a,
.br-theme-bars-1to10 .br-widget a {
    background-color: #f0f0f2;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #ffab00;
}

.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: '\f005';
    color: #ffab00;
}

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: '\f123';
    color: #ffab00;
}

.br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: #ffab00;
}

.br-theme-fontawesome-stars-o .br-widget a:after {
    content: '\f006';
    color: #ffab00;
}

/* ###### custom ####### */
body *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    transition: .3s background;
}

body *::-webkit-scrollbar-thumb,
body *:hover::-webkit-scrollbar-thumb {
    background: #c7cfdf;
}

body *::-webkit-scrollbar-track {
    background: #fff;
}

/*------ Headers -------*/
.page-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0 1.5rem;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    position: relative;
}

.page-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 2.5rem;
    position: relative;
}

.page-title-icon {
    color: #9aa0ac;
    font-size: 1.25rem;
}

.page-subtitle {
    font-size: 0.8125rem;
    color: #6e7687;
    margin-left: 2rem;
    position: relative;
}

.page-subtitle a {
    color: inherit;
}

.page-options {
    margin-left: auto;
}

.page-description {
    margin: .25rem 0 0;
    color: #6e7687;
}

.page-description a {
    color: inherit;
}

.page-single,
.page-single-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-heading {
    font-weight: 400;
    margin: 2rem 0 1.5rem;
    font-size: 1.25rem;
    line-height: 1.25;
}

.content-heading:first-child {
    margin-top: 0;
}

.aside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 22rem;
    background: #fff;
    border-left: 1px solid #e6ebf1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100;
    visibility: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1600px) {
    body.aside-opened .aside {
        visibility: visible;
    }
}

.aside-body {
    padding: 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.aside-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e6ebf1;
}

.aside-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e6ebf1;
}

body.fixed-header .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.header .mega-menu {
    width: 350px;
}

.nav-unread {
    position: absolute;
    top: 0.13rem;
    right: 1rem;
    background: #ecd938;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
}

.nav-unread.badge {
    position: absolute;
    top: 0;
    text-align: center;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.nav-link.icon {
    margin: 5px;
    text-align: center;
    height: 2.5rem;
    font-size: 1.2rem;
    position: relative;
}

.app-header.header .nav-link.icon {
    padding: 5px;
}

.nav-link.icon .nav-span {
    font-size: 0.9rem;
    color: #576482;
    vertical-align: middle;
    margin-left: 0.5rem;
    font-weight: 400;
}

.header-brand {
    color: inherit;
    margin-right: 0;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0;
    transition: .3s opacity;
    line-height: 2.9rem;
}

.header-brand-img {
    margin-right: 0;
}

.app-header1 .header-brand {
    color: inherit;
    margin-right: 0;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0;
    transition: .3s opacity;
    line-height: 2.9rem;
    min-width: 215px;
    text-align: center;
}

.app-header1 .header-brand .header-brand-img {
    margin-right: 0;
}

.header-brand:hover {
    color: inherit;
    text-decoration: none;
}

.header-brand-img {
    height: 3rem;
    line-height: 2rem;
    vertical-align: bottom;
    margin-right: 0;
    width: auto;
}

.header-avatar {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
}

.header-btn {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1rem;
}

.center-block {
    margin-right: auto;
    margin-left: auto;
    float: inherit !important;
}

.header-btn.has-new {
    position: relative;
}

.header-btn.has-new:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #dc0441;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 50%;
}

.header-toggler {
    width: 3rem;
    height: 3rem;
    position: relative;
    color: #000;
}

.header-toggler:hover {
    color: #32e448;
}

.header-toggler-icon {
    position: absolute;
    width: 1rem;
    height: 2px;
    color: inherit;
    background: currentColor;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -.5rem;
    box-shadow: 0 5px currentColor, 0 -5px currentColor;
}

.footer {
    background: #fff;
    border-top: 1px solid #e6ebf1;
    font-size: 0.875rem;
    padding: 1.25rem 0;
}

footer.footer {
    background: #fff;
    font-size: 0.875rem;
    border-top: 0;
    padding: 1.25rem 0;
    box-shadow: 16px 0px 16px rgba(24, 23, 38, 0.06);
    border-top: 1px solid #e6ebf1;
    display: block;
    margin-top: auto;
}

.footer .social {
    margin: 0 auto;
}

.footer .social ul li {
    float: left;
    padding: 7px;
}

.footer .social ul li a {
    color: #abb8c3;
}

.footer a:not(.btn) {
    font-weight: 400;
}

@media print {

    .footer,
    f {
        display: none;
    }
}

.br-100 {
    border-radius: 100% !important;
}

.br-3 {
    border-radius: 3px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-7 {
    border-radius: 7px !important;
}

.br-tl-7 {
    border-top-left-radius: 7px !important;
}

.br-bl-7 {
    border-bottom-left-radius: 7px !important;
}

.br-tr-7 {
    border-top-right-radius: 7px !important;
}

.br-br-7 {
    border-bottom-right-radius: 7px !important;
}

.br-0 {
    border-radius: 0px;
}

.br-tl-0 {
    border-top-left-radius: 0px !important;
}

.br-bl-0 {
    border-bottom-left-radius: 0px !important;
}

.br-tr-0 {
    border-top-right-radius: 0px !important;
}

.br-br-0 {
    border-bottom-right-radius: 0px !important;
}

.list.d-flex img {
    width: 60px;
}

#popup {
    position: absolute;
    width: auto;
    height: 30px;
    background: #fe6b1f;
    display: none;
    color: white;
    border-radius: 5px;
}

#copy {
    background: none;
    color: white;
    font-weight: bold;
    padding: 8px 25px;
    border: 0;
}

/*------ Charts styles ------*/
.h-85 {
    height: 85px !important;
}

.chart-visitors {
    min-height: 18rem;
    overflow: hidden;
}

.chart-height {
    height: 20rem;
    overflow: hidden;
}

.chart-tasks {
    height: 15rem;
    overflow: hidden;
}

.chart-donut {
    height: 21rem;
    overflow: hidden;
}

.chart-pie {
    height: 22rem;
    overflow: hidden;
}

.chartsh {
    height: 16rem;
    overflow: hidden;
}

.chartwidget {
    height: 17rem;
    overflow: hidden;
}

/*-----Countdown-----*/
.countdown span:first-child {
    font-size: 30px;
    font-weight: 500;
}

.social i {
    font-size: 40px;
}

.social .social-icon i {
    font-size: 14px;
}

.instagram {
    background: #de497b;
}

.linkedin {
    background: #0077b5;
}

.twitter {
    background: #1da1f2;
}

.facebook {
    background: #3b5998;
}

.widget-info i {
    width: 100px;
    height: 100px;
    padding: 27px 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
}

.widget-info a {
    border-bottom: 1px solid #fff;
}

.about-img {
    background: url("../images/about.jpg");
    background-size: cover;
    background-position: center;
}

.login-img {
    background: url("../images/login.jpg");
    background-size: cover;
}

.construction-img {
    background: url("../images/construction.jpg");
    background-size: cover;
}

.z-index-10 {
    z-index: 10 !important;
}

.card-blog-overlay .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay {
    background: url("../images/photos/thumb2.jpg") !important;
    background-size: cover;
    position: relative;
}

.card-blog-overlay:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 7px;
}

.card-blog-overlay1:before,
.card-blog-overlay2:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 7px;
}

.card-blog-overlay1 {
    background: url("../images/photos/thumb3.jpg") !important;
    background-size: cover;
}

.card-blog-overlay2 {
    background: url("../images/photos/22.jpg") !important;
    background-size: cover;
}

.login-transparent {
    background: url("../images/photos/22.jpg") !important;
    background-size: cover;
}

.login-transparent:before {
    content: '';
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, 0.96)), to(rgba(50, 202, 254, 0.96)));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 7px;
}

.page-breadcrumb {
    background: none;
    padding: 0;
    margin: 1rem 0 0;
    font-size: 0.875rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.page-breadcrumb .breadcrumb-item {
    color: #9aa0ac;
}

.page-breadcrumb .breadcrumb-item.active {
    color: #6e7687;
}

@media (min-width: 768px) {
    .page-breadcrumb {
        margin: -.5rem 0 0;
    }
}

@media (max-width: 320px) {
    .fc-toolbar .fc-right {
        float: right;
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
}

.pagination-simple .page-item .page-link {
    background: none;
    border: none;
}

.pagination-simple .page-item.active .page-link {
    color: #495057;
    font-weight: 700;
}

.pagination-pager .page-prev {
    margin-right: auto;
}

.pagination-pager .page-next {
    margin-left: auto;
}

.page-total-text {
    margin-right: 1rem;
    -ms-flex-item-align: center;
    align-self: center;
    color: #6e7687;
}

/*-------- Search ---------*/
.search-element {
    position: relative;
}

.header .form-inline .form-control {
    border: 0px solid #f6f6f6;
    padding-left: 55px;
    padding-right: 40px;
    background: #fff;
    border-radius: 10px;
}

.header .form-inline .form-control:focus {
    box-shadow: none;
}

.header .form-inline .form-control::-webkit-input-placeholder {
    font-size: 0.9375rem;
    opacity: 0.5;
}

.header .form-inline .btn {
    border-radius: 0;
    padding: 0px 15px 0px 15px;
    border: 1px solid transparent;
    box-shadow: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 0;
    opacity: 0.5;
    top: 4px;
}

.header .form-inline .btn i {
    color: #818c9b;
}

@media (max-width: 767) {
    .header .form-inline .search-element {
        position: absolute;
        top: -4px !important;
        left: 10px;
        right: 10px;
        z-index: 892;
        display: none;
        margin-left: 0;
    }

    body.search-show .header .form-inline .search-element {
        display: block;
    }

    .header .navsearch i {
        font-size: 20px;
        color: #fff;
    }

    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #6c756e;
    }

    .header .navsearch i {
        font-size: 20px;
        color: #6c756e;
        padding-top: 5px;
    }
}

@media (max-width: 320px) {
    .desktop-lgo {
        display: inline-block !important;
        margin-top: 3px !important;
    }
}

@media (max-width: 1024px) {
    .app.sidebar-gone.search-show .header.top-header {
        z-index: 1036;
    }

    body.sidebar-show {
        overflow: hidden;
    }

    body.search-show:before,
    body.sidebar-show:before {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        opacity: .6;
        z-index: 891;
    }
}

@media (min-width: 575.98px) and (max-width: 1200px) {
    .header .form-inline .form-control {
        width: 100% !important;
        min-width: 100% !important;
    }
}

@media (min-width: 767.98px) {
    .responsive-search {
        display: none !important;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .animated-arrow.hor-toggle span {
        margin-left: 8px;
        margin-top: 2px;
        vertical-align: middle;
    }
}

@media (max-width: 991px) {
    .hor-header {
        box-shadow: 16px 0px 16px rgba(24, 23, 38, 0.06);
        border-bottom: 1px solid transparent !important;
    }
}

@media (max-width: 575.98px) {
    body.search-show .header .form-inline .search-element {
        display: block;
    }

    .header .form-inline .search-element .form-control {
        float: left;
        width: 100% !important;
        height: 40px;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px;
    }

    .form-control.header-search {
        color: #000;
    }

    .header .form-inline .search-element {
        position: absolute;
        z-index: 892;
        display: none;
    }

    .header .form-inline .btn {
        color: #46494a !important;
    }

    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #6c756e !important;
    }

    .header .navsearch i {
        font-size: 20px;
        color: #6c756e;
        padding-top: 4px;
    }

    .hor-header .header-brand-img.desktop-lgo {
        display: none;
    }
}

.icons-list {
    list-style: none;
    margin: 0 -1px -1px 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icons-list>li {
    -ms-flex: 1 0 2.5rem;
    flex: 1 0 2.5rem;
}

.icons-list-wrap {
    overflow: hidden;
}

.flags-icons .icons-list-item {
    line-height: inherit;
}

.payment-icons .icons-list-item {
    line-height: 2rem;
}

.icons-list-item {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 10px !important;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    color: #747fa7;
    margin: 5px;
}

.img-gallery {
    margin-right: -.25rem;
    margin-left: -.25rem;
    margin-bottom: -.5rem;
}

.img-gallery>.col,
.img-gallery>[class*="col-"] {
    padding-left: .25rem;
    padding-right: .25rem;
    padding-bottom: .5rem;
}

.link-overlay {
    position: relative;
}

.link-overlay:hover .link-overlay-bg {
    opacity: 1;
}

.link-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(70, 127, 207, 0.8);
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25rem;
    opacity: 0;
    transition: .3s opacity;
}

.media-icon {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}

.media-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

textarea[cols] {
    height: auto;
}

/* --------Added--------- css*/
.wizard-card .moving-tab {
    margin-top: 5px;
}

.wizard-card.form-group .form-control {
    background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
}

.wizard-container .wizard-navigation {
    background: #f0f0f2;
}

.richText {
    border: #e6ebf1 solid 1px;
    background-color: #f0f0f2;
    border-top: 0;
    border-bottom: 0;
}

.richText .richText-toolbar {
    border-bottom: #e6ebf1 solid 1px;
    border-top: 1px solid #e6ebf1;
}

.richText .richText-toolbar ul li a {
    border-right: #e2e3e7 solid 1px;
}

.addui-slider .addui-slider-track .addui-slider-range {
    display: block;
}

.addui-slider .addui-slider-track .addui-slider-handle:hover {
    box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}

.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
    background: rgba(159, 120, 255, 0.5);
}

.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
    background: rgba(159, 120, 255, 0.5);
    box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}

.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
    background: rgba(159, 120, 255, 0.75);
}

.cal1 {
    font-size: 14px;
    border: 1px solid #e6ebf1;
}

.cal1 .clndr .clndr-table .header-days .header-day {
    border-left: 1px solid rgba(23, 183, 148, 0.1);
    border-top: 1px solid #e2e3e4;
}

.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
    border-left: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1;
    background: #f0f0f2;
}

.cal1 .clndr .clndr-table tr .day {
    border-left: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1;
}

.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
    background: #eeeef5;
}

.cal1 .clndr .clndr-table tr .day.today.event,
.cal1 .clndr .clndr-table tr .day.my-today.event {
    background: #f2ecff;
}

.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover,
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
    background: #e2e2e9 !important;
}

.cal1 .clndr .clndr-table tr .day:last-child {
    border-right: papayawhip 1px solid #e6ebf1;
}

.cal1 .clndr .clndr-table tr .day:hover {
    background: #e2e2e9;
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    background: #f0f0f2;
}

.fc button {
    background: #f5f6f8;
    color: #efefef;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 5px;
}

.fc-unthemed .fc-divider {
    border-color: #e6ebf1;
}

.fc-event {
    line-height: 1.4;
    border-radius: 3px;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
    background: #f0f0f2;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    color: #fff;
    outline: 0;
    box-shadow: none;
}

.fc-today-button:focus {
    border: none !important;
    box-shadow: none !important;
    outline: 0;
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f0f0f2;
}

.conv-form-wrapper div#messages div.message.to {
    background: #eeeff6;
}

div.conv-form-wrapper div#messages div.message.from {
    border-top-right-radius: 0;
}

#sidebar ul li.active>a:hover {
    background: #6d4dbb;
    color: #fff;
}

.overflow-hidden {
    overflow: hidden;
}

.user-profile .user-pro-body .u-dropdown {
    color: #fff;
}

#sidebar ul li {
    position: relative;
}

#sidebar ul li a {
    color: #384056;
    font-weight: 400;
}

#sidebar ul li ul li:last-child {
    border-bottom: 0;
}

#sidebar li a[aria-expanded="true"]:hover {
    color: #fff !important;
}

.timeline__content {
    background-color: #eaf0f9;
}

.tab_wrapper>ul {
    border-bottom: 1px solid #e6ebf1;
}

.tab_wrapper.right_side .content_wrapper {
    border: 1px solid #e6ebf1;
}

.tab_wrapper.right_side>ul {
    border-bottom: 1px solid #e6ebf1;
}

.tab_wrapper.right_side>ul li.active {
    border-color: 1px solid #e6ebf1;
}

.tab_wrapper.right_side>ul li:after {
    background: 1px solid #e6ebf1;
}

.job-box-filter label {
    width: 100%;
}

.job-box-filter select.input-sm {
    display: inline-block;
    max-width: 120px;
    margin: 0 5px;
    border: 1px solid #e6ebf1;
    border-radius: 2px;
    height: 34px;
    font-size: 15px;
}

.job-box-filter label input.form-control {
    max-width: 200px;
    display: inline-block;
    border: 1px solid #e6ebf1;
    border-radius: 2px;
    margin-left: 5px;
    font-size: 15px;
}

.text-right {
    text-align: right;
}

.job-box-filter {
    padding: 12px 15px;
    border-bottom: 1px solid #e6ebf1;
}

.job-box {
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.job-box-filter a.filtsec {
    margin-top: 8px;
    display: inline-block;
    margin-right: 15px;
    padding: 4px 10px;
    transition: all ease 0.4s;
    background: #edf0f3;
    border-radius: 50px;
    font-size: 13px;
    color: #81a0b1;
    border: 1px solid #e2e8ef;
}

.job-box-filter a.filtsec.active {
    color: #fff;
    background: #16262c;
    border-color: #16262c;
}

.job-box-filter a.filtsec i {
    margin-right: 5px;
}

.job-box-filter a.filtsec:hover,
.job-box-filter a.filtsec:focus {
    color: #fff;
    background: #07b107;
    border-color: #07b107;
}

.job-box-filter a.filtsec:hover i,
.job-box-filter a.filtsec:focus i {
    color: #fff;
}

.job-box-filter h4 i {
    margin-right: 10px;
}

/*--- img container---*/
.image_outer_container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
}

.image_inner_container {
    border-radius: 50%;
    padding: 5px;
}

.image_inner_container img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 5px solid white;
}

.image_outer_container .green_icon {
    background-color: #4cd137;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    border: 5px solid white;
    border-radius: 50%;
}

.search {
    position: absolute;
    width: 320px;
}

.search svg {
    transform: translateX(-126px);
    width: 180px;
    height: auto;
    stroke-width: 8px;
    stroke: #fff;
    stroke-width: 1px;
    stroke-dashoffset: 0;
    stroke-dasharray: 64.6 206.305;
    transition: all 0.5s ease-in-out;
    margin-top: 5px;
}

.input-search {
    position: absolute;
    width: calc(100% - 148px);
    height: 34px;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 20px;
    font-size: 16px;
    color: #fff;
}

.search-label {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    margin-left: -54px;
    z-index: 100;
    transition: 0.5s ease-in-out;
}

.isActive .search-label {
    transform: translateX(246px);
}

.isActive svg,
.isActive.full svg {
    stroke-dashoffset: -65;
    stroke-dasharray: 141.305 65;
    transform: translateX(0);
}

.full .search-label {
    transform: translateX(246px);
}

.full svg {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.6 206.305;
    transform: translateX(0);
}

#drag-1,
#drag-2 {
    width: 25%;
    height: 100%;
    min-height: 6.5em;
    margin: 10%;
    background-color: #29e;
    color: white;
    border-radius: 0.75em;
    padding: 4%;
    user-select: none;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.search-inline {
    width: 100%;
    left: 0;
    padding: 33px 0;
    top: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    z-index: 9;
    transition: all .5s ease-in-out;
}

.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown 0.2s ease-in-out;
}

.search-inline button[type="submit"] {
    position: absolute;
    right: 52px;
    top: 0;
    background-color: transparent;
    border: 0px;
    top: 0;
    right: 80px;
    padding: 0px;
    cursor: pointer;
    width: 80px;
    height: 100%;
    color: #fff;
}

.search-inline .form-control {
    border: 0px;
    padding-left: 0;
    font-size: 20px;
    position: absolute;
    left: 1%;
    top: 0;
    height: 100%;
    width: 99%;
    outline: none;
}

.search-inline .form-control:focus {
    box-shadow: none;
}

.search-inline .search-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #616161;
    width: 80px;
    height: 100%;
    text-align: center;
    display: table;
    background: #efefef;
    text-decoration: none;
}

.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle;
}

.searching i {
    font-size: 18px;
}

.search-close i {
    padding: 24px 0;
}

.custom-switch-indicator-lg {
    display: inline-block;
    height: 1.5rem;
    width: 3rem;
    background: #f5f6fb;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #ebeaf1;
    transition: .3s border-color, .3s background-color;
}

.custom-switch-indicator-lg:before {
    content: '';
    position: absolute;
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    transition: .3s left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.custom-switch-input:checked~.custom-switch-indicator-lg:before {
    left: calc(1.46rem + 1px);
}

.custom-switch-indicator-xl {
    display: inline-block;
    height: 2rem;
    width: 4rem;
    background: #f5f6fb;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #ebeaf1;
    transition: .3s border-color, .3s background-color;
}

.custom-switch-indicator-xl:before {
    content: '';
    position: absolute;
    height: calc(2rem - 4px);
    width: calc(2rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    transition: .3s left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.custom-switch-input:checked~.custom-switch-indicator-xl:before {
    left: calc(1.96rem + 1px) !important;
}

.header-icon2 {
    width: 25px;
    position: absolute;
    left: 10px;
    top: 0px;
}

.page-rightheader .date-range-btn {
    position: relative;
    padding-left: 40px;
}

.main-proifle {
    position: relative;
    background: #FFF;
    padding: 25px;
    padding-bottom: 0;
    margin-bottom: 30px;
    border-top: 1px solid #e6ebf1;
    border-radius: 8px;
    overflow: hidden;
}

.main-proifle .tab-menu-heading {
    border-left: 0;
    border-right: 0;
    margin: 0 -30px;
    margin-top: 25px;
}

.profile-edit {
    position: relative;
}

.profile-share {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.profile-share a {
    background: #fff;
    color: #5c678f;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}

.main-proifle .profile-icon,
.profile-footer .new,
.pro-option {
    background: #fff;
    color: #5c678f;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

.pro-details li {
    width: 50%;
    float: left;
    margin-bottom: 1rem;
}

.profile-edit textarea {
    background: #fff;
    border-radius: 5px 5px 0 0;
}

.profile-edit textarea:focus {
    background: #e6ebf1;
    border: 1px solid #e6ebf1;
}

.social-profile-buttons li {
    float: left;
    display: block;
}

.social-profile-buttons li a {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    background: #d2d6f1;
    border: 2px solid #6c756e;
    margin: 2px;
}

.fill-white {
    fill: transparent;
}

.page-header .breadcrumb-icon {
    margin-top: 3px;
    margin-left: 4px;
}

.page-header .breadcrumb-item .svg-icon {
    width: 20px;
}

.page-header .breadcrumb-item:first-child {
    margin-top: 0;
}

.main-nav-calender-event .nav-link {
    padding: 0;
    height: 30px;
    line-height: 30px;
}

.main-nav-calender-event .nav-link.exclude {
    position: relative;
    opacity: 0.3;
}

.main-nav-calender-event .nav-link.exclude:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #737688;
}

.form-wizard-title {
    line-height: 25px;
    margin-left: 10px;
}

.footer .social .social-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    border: 1px solid #e6ebf1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #e6ebf1;
}

.richText .richText-undo,
.richText .richText-redo {
    border-right: #e6ebf1 solid 1px !important;
}

.modal-open .select2-dropdown {
    z-index: 10000 !important;
}

.page-leftheader ol {
    padding-left: 0;
    background: none;
    padding: 0;
}

.page-leftheader .breadcrumb-item {
    margin-top: 0;
}

.page-leftheader .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    font-family: Material Design Icons;
    color: #664dc9;
    opacity: inherit;
    padding-left: 0;
}

.page-leftheader .breadcrumb-item a {
    color: #6c756e;
}

.sub-pageheader {
    display: flex;
    margin-bottom: 2.3rem;
    font-size: 14px;
}

.sub-pageheader .nav-link:first-child {
    padding-left: 0;
}

.sub-pageheader .nav-link:last-child {
    padding-right: 0;
}

.sub-pageheader .nav-link.border-end {
    border-right: 1px solid #cfd1e1 !important;
}

hr.pageheader-border {
    border-top: 1px solid #dfe0e7;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}

@media (max-width: 992px) {
    .sub-pageheader .nav-link {
        display: none;
    }

    .sub-pageheader .left-nav .nav-link:first-child,
    .sub-pageheader .left-nav .nav-link:nth-child(2) {
        display: block;
    }

    .sub-pageheader .right-nav .nav-link.d-md-none {
        display: block;
    }

    .page-header {
        display: block;
    }

    .page-header .page-leftheader ol {
        padding-top: 0;
        margin-bottom: 12px;
    }

    .page-rightheader h6 {
        font-size: 10px;
    }
}

.dash1-card {
    position: absolute;
}

.dash1-card p {
    font-size: 14px;
}

.dash1-card .ratio {
    position: absolute;
    right: -10px;
    top: 20px;
    padding: 5px 15px;
    background-color: #222222;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 15px 0px 0px 15px;
}

.dash1-card .ratio-text {
    position: absolute;
    top: 55px;
    right: 5px;
    font-size: 13px;
}

.sales-bar {
    min-height: 280px !important;
    position: relative;
    bottom: -21px;
    left: -10px;
}

.dot-label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}

.header-dropdown-list .ps__thumb-y {
    opacity: 0;
}

.list-bar {
    right: auto;
    bottom: 0;
    height: auto;
    width: 3px;
    border-radius: 0px;
    position: absolute;
    top: -1px;
    left: 0;
}

.page-header.main-pageheader {
    margin-bottom: 0;
}

.page-rightheader .breadcrumb-item a {
    color: #6c756e;
}

.page-rightheader .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.page-rightheader .breadcrumb-item+.breadcrumb-item::before {
    content: "\e933";
    font-family: feather !important;
    color: #6c756e;
    opacity: inherit;
}

.card-over {
    position: relative;
    top: -20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #e6ebf1;
    box-shadow: 0 0.76rem 1.52rem rgba(18, 38, 63, 0.03);
    margin-bottom: 1.5rem !important;
}

.bread-select {
    display: flex;
}

.bread-select .select2-container .select2-selection--single .select2-selection__rrightered {
    padding-left: 10px !important;
}

.emp-circle-chart {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 100px;
    font-weight: 500;
    font-size: 20px;
}

.dash1-iocns {
    padding: 6px 14px;
    border-radius: 50px;
    border: 2px dotted;
}

.country-card {
    height: 400px;
    overflow: auto;
}

#talent-chart {
    -webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
    filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.2));
}

.custom-btns .btn {
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    background: 0 0;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    line-height: 2rem;
}

.widget-user-image {
    height: 100px;
    width: 100px;
    clear: both;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    box-shadow: 0px 3px 10px 0 rgba(4, 4, 7, 0.1);
    -moz-box-shadow: 0px 3px 10px 0 rgba(4, 4, 7, 0.1);
    -webkit-box-shadow: 0px 3px 10px 0 rgba(4, 4, 7, 0.1);
    -ms-box-shadow: 0px 3px 10px 0 rgba(4, 4, 7, 0.1);
    position: relative;
}

.header .nav-link.icon i {
    color: #5c678f;
}

.sidenav-toggled .header.py-4 .header-brand .header-brand-img.desktop-lgo {
    display: flex !important;
    margin: 0;
}

*::-ms-backdrop,
.chat-conatct-list .media {
    overflow: visible;
}

.header .main-header-end .nav-link.icon {
    padding: 2.2rem .75rem !important;
    border-right: 1px solid #e6ebf1;
    margin: 0px;
}

.header .profile-dropdown {
    padding: 0.95rem;
    border-right: 1px solid #e6ebf1 !important;
    border-right: 0px;
}

.header .profile-dropdown .nav-link {
    padding: 0;
}

#fullscreen-button {
    border-left: 1px solid #e6ebf1;
}

@media (min-width: 768px) {
    .mobile-main-header {
        display: none !important;
    }

    .navbar-toggler {
        display: none;
    }
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
}

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

.demo-icon {
    border-right: 0px !important;
}

@media (max-width: 568px) {
    .header-brand-img {
        height: 2rem;
        top: 22px;
    }

    .dark-mode .header-brand-img.dark-logo {
        margin-top: 0px !important;
    }
}

@media (max-width: 767.98px) {
    .register-2 .header-brand-img {
        display: none !important;
    }

    .navbar-toggler.navresponsive-toggler {
        padding: 0px !important;
    }

    .navbar-toggler.navresponsive-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler.navresponsive-toggler i {
        margin-top: 10px !important;
    }

    .demo-icon .header-icon {
        margin-top: 18px !important;
    }

    .app-header .form-control:focus {
        border-color: #dfdfef;
    }

    .responsive-navbar .collapsing .dropdown-menu {
        display: none !important;
    }

    .header .main-header-end .nav-link.icon {
        padding: 1.8rem 0.3rem !important;
    }

    .header .profile-dropdown {
        padding: 0.7rem 0.5rem 0.7rem 0.5rem;
        border-right: 1px solid #e6ebf1 !important;
    }

    .header-message,
    .header-notify,
    .profile-dropdown,
    .navsearch,
    .search-element {
        display: none !important;
    }

    .mobile-main-header .header-message,
    .mobile-main-header .header-notify,
    .mobile-main-header .profile-dropdown,
    .mobile-main-header .navsearch {
        position: inherit;
        display: block !important;
    }

    .search-show .mobile-main-header .search-element {
        position: absolute;
        z-index: 998;
        display: block !important;
        background: #fff !important;
        width: 100%;
        top: 0px;
        left: 0;
        right: 0;
        padding: 12px;
    }

    .search-show .mobile-main-header .search-element .mobile-view-search {
        border: 0;
        padding-left: 55px;
        padding-right: 40px;
        margin-top: 1px;
        padding-bottom: 6px;
    }

    .search-show .mobile-main-header .search-element .btn {
        position: absolute;
        left: 7px;
        top: 10px;
    }

    .search-show .mobile-main-header .search-element .btn:focus {
        box-shadow: none;
    }

    .search-show .mobile-main-header .search-element .close-btn {
        top: 16px !important;
    }

    .mobile-main-header .header-avatar1 {
        margin-top: 4px !important;
    }

    .app-header .header-brand .header-brand-img,
    .mobile-logo .dark-logo {
        display: none;
    }

    .desktop-lgo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute;
    }

    .app-sidebar__toggle {
        border-right: 0px !important;
    }

    #fullscreen-button {
        display: none;
    }

    .app-header {
        padding-bottom: 0px !important;
    }

    .nav-link.icon .header-icon {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 36px;
        height: 36px;
        background: transparent;
        padding: 8px;
        margin-top: 4px;
    }

    .app-header .header-brand {
        margin-right: 0;
    }

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

    #message-menu1 {
        height: 300px;
    }

    .app-sidebar__toggle {
        margin: 0px;
        padding: 1rem 0.75rem !important;
        font-size: 1.2rem;
        border-right: 1px solid #e6ebf1;
        position: relative;
    }

    .pulse {
        display: block;
        position: absolute;
        top: 18px;
        right: 17px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f72d66;
        cursor: pointer;
        animation: pulse 2s infinite;
    }

    .side-badge {
        top: 13px !important;
    }

    .app-header .header-brand {
        padding-top: 12px;
    }

    .header-notify .show.dropdown-menu {
        top: 45px;
    }

    .app-header {
        z-index: 9999;
    }

    .dropdown-menu-arrow.dropdown-menu-start:before {
        display: none !important;
    }

    .dropdown-menu-arrow.dropdown-menu-start:after {
        display: none !important;
    }

    .close-btn {
        position: absolute;
        right: 25px;
        font-size: 20px;
        top: 12px;
        color: #728096;
    }

    .navbar-toggler {
        margin-top: 8px !important;
    }
}