@import url('../fonts/flaticons/uicons-regular-rounded.css');
@import url('../fonts/flaticons/uicons-solid-rounded.css');
@font-face {
    font-family: 'rubik';
    src: url('../fonts/Inter.ttf');
}

html {
    overflow: hidden;
    font-family: 'rubik';
}

body {
    font-family: 'rubik';
    font-size: 14px;
    font-weight: 400;
    overflow-x: visible !important;
    color: var(--bs-body-color)
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: 600 !important;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 500;
}

label {
    color: #555 !important;
    font-weight: 500;
}


/*DATE PICKER*/

.cw {
    color: orange
}

.datepicker-dropdown {
    border-radius: 0px !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: #800080 !important;
}


/*NAVIGATION*/

.nav-inq.nav>li>a {
    display: block;
    color: #696868;
    font-weight: 500;
    padding: 13px 20px 13px 35px;
    width: 100%;
}

.secondary-nav.nav>li>a {
    color: #696868;
    font-weight: 500;
    padding: 15px;
}

.nav>li.active>a {
    color: #800080 !important;
    background-color: #80008015 !important;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: transparent;
}

.nav.navbar-top-links>li>a:hover,
.nav.navbar-top-links>li>a:focus {
    background-color: transparent;
}

.nav>li>a i {
    margin-right: 6px;
}

.navbar-default {
    background-color: transparent;
    border-color: #FFF;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 40px;
}

.navbar-top-links li a,
.navbar-top-links li .menu-item {
    padding: 15px 10px;
    min-height: 50px;
    color: var(--bs-body-color);
}

table.fixedHeader-floating {
    margin-top: 70px;
    table-layout: auto;
}

.dropdown-menu {
    border-width: 0px;
    display: none;
    left: 0;
    padding: 0;
    box-shadow: 0 0 10px #ddd;
}

.dropdown-menu li{
    padding: 0 4px 4px 4px;
    display: block;
}

.dropdown-menu li:first-child{
    padding-top: 4px;    
}

.dropdown-menu>li>a,
.dropdown-menu>li>span {
    margin: 0;
    border-radius: 3px;
    padding: 10px 14px;
    font-size: 13px;
    min-height: 0;
    font-weight: 500;
    color: var(--bs-body-color);
}

td>div>.dropdown .dropdown-menu>li>a {
    padding: 9px 14px;
}

.dropdown-menu>li>a.font-bold {
    font-weight: 500;
}

.dropdown-menu>li>a>.col-sm-2.lnr {
    font-size: 28px;
    margin-top: 5px
}


.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.dropdown-messages,
.dropdown-alerts,
.dropdown-user {
    padding: 10px 10px 10px 10px;
}

.dropdown-messages li a,
.dropdown-alerts li a,
.dropdown-user li a {
    font-size: 12px;
}

.dropdown-messages li em,
.dropdown-alerts li em {
    font-size: 10px;
}

.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px;
}

.nav-header {
    padding: 33px 25px;
    background: url("patterns/header-profile.png") no-repeat;
    text-align: center;
}

.pace-done .nav-header {
    transition: all 0.5s;
}

.nav.nav-second-level>li {
    margin-left: 21px;
    border-left: 1px solid #dbdfe6;
    font-family: "rubik", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    display: block;
}

.nav.nav-second-level>li.active {
    border: none;
}

.nav.nav-second-level.collapse[style] {
    height: auto !important;
}

.nav-header li a {
    color: #800080 !important
}

.nav-header .text-muted {
    color: #8095a8;
}

.minimalize-style-2 {
    padding: 4px 12px;
    margin: 13px -5px 5px 13px;
    font-size: 14px;
    float: left;
    color: #800080;
}

.minimalize-style-2:focus,
.minimalize-style-2:hover {
    color: #800080
}

.navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    width: 200px;
    display: inline-table;
}

.navbar-form-custom .form-group {
    margin: 8px 5px 5px 20px;
    width: 360px;
}

.nav.navbar-top-links a {
    /* font-size: 14px; */
}

.navbar-form-custom .form-control {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 14px;
    margin: 0;
    z-index: 2000;
    width: 380px;
    border: 1px solid #c2c2c2;
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: -3px;
    top: 12px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f105";
}

.active>a>.fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding: 7px 10px 7px 10px;
    padding-left: 25px;
}

.nav-third-level li a {
    padding-left: 62px;
}

.nav-second-level li:last-child {
    margin-bottom: 10px;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto;
}

body.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
}

.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
}

.mini-navbar .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0px;
    background-color: #2f4050;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
}

.canvas-menu.mini-navbar .nav-second-level {
    background: #293846;
}

.mini-navbar li.active .nav-second-level {
    left: 65px;
}

.navbar-default .special_link a {
    background: #1ab394;
    color: white;
}

.navbar-default .special_link a:hover {
    background: #17987e !important;
    color: white;
}

.navbar-default .special_link a span.label {
    background: #fff;
    color: #1ab394;
}

.navbar-default .landing_link a {
    background: #1cc09f;
    color: white;
}

.navbar-default .landing_link a:hover {
    background: #1ab394 !important;
    color: white;
}

.navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f;
}

.logo-element {
    font-weight: 500;
    display: none;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fixed-nav #wrapper {
    margin-top: 0;
}

body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
    margin-top: 60px;
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.body-small .navbar-fixed-top {
    margin-left: 0px;
}

body.mini-navbar .navbar-static-side {
    width: 70px;
}

body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
    display: none;
}

body.canvas-menu .profile-element {
    display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none;
}

body.mini-navbar .navbar-default .nav>li>a {
    font-size: 16px;
}

body.mini-navbar .media-body {
    display: none;
}

body.mini-navbar .logo-element {
    display: block;
}

body.canvas-menu .logo-element {
    display: none;
}

body.mini-navbar .nav-header {
    padding: 0;
    background-color: #2f4050;
}

body.canvas-menu .nav-header {
    padding: 33px 25px;
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
}

body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
    margin: 0 0 0 0 !important;
}

body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
    margin: 0 0 0 0;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
    position: fixed;
    /*width: 220px;*/
    z-index: 2001;
    height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 0px;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 0px;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 190px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 190px;
}

.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level,
.canvas-menu.mini-navbar .nav li:focus>.nav-second-level {
    display: block;
    height: auto;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 13px;
    border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
    position: relative;
    padding: 0;
    font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
    left: 0px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a,
body.canvas-menu.mini-navbar .navbar-default .nav>li>a {
    font-size: 13px;
}

body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
    display: inline;
}

body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
    display: block;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
    padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
    left: 0px;
}

body.canvas-menu nav.navbar-static-side {
    /* z-index: 2001; */
    height: 100%;
    position: fixed;
    display: none;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
    display: block;
    width: 190px;
}

.top-navigation #page-wrapper {
    margin-left: 0;
}

.top-navigation .navbar-nav .dropdown-menu>.active>a {
    background: white;
    color: #1ab394;
    font-weight: bold;
}

.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
    background: #fff;
}

.top-navigation .navbar {
    margin-bottom: 0;
}

.top-navigation .nav>li>a {
    padding: 15px 20px;
    color: #676a6c;
}

.top-navigation .nav>li a:hover,
.top-navigation .nav>li a:focus {
    background: #fff;
    color: #1ab394;
}

.top-navigation .nav>li.active {
    background: #fff;
    border: none;
}

.top-navigation .nav>li.active>a {
    color: #1ab394;
}

.top-navigation .navbar-right {
    margin-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
    box-shadow: none;
    border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu>li>a {
    margin: 0;
    padding: 10px 20px;
}

.navbar .dropdown-menu {
    margin-top: 0px;
}

.top-navigation .navbar-brand {
    background: #1ab394;
    color: #fff;
    padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
    margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
    margin: 0;
}

.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
    margin-top: 50px;
}

.top-navigation .footer.fixed {
    margin-left: 0 !important;
}

.top-navigation .wrapper.wrapper-content {
    padding: 40px;
}

.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
    padding: 40px 0px 40px 0px;
}

.navbar-toggle {
    background-color: #1ab394;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu>li>a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 20px;
}

@media (max-width: 768px) {
    .top-navigation .navbar-header {
        display: block;
        float: none;
    }
}

.menu-visible-lg,
.menu-visible-md {
    display: none !important;
}

@media (min-width: 1200px) {
    .menu-visible-lg {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .menu-visible-md {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .menu-visible-md {
        display: block !important;
    }
    .menu-visible-lg {
        display: block !important;
    }
}

#pickfiles {
    margin-left: 0px !important;
    margin-top: 5px;
}

#img-pic {
    object-fit: cover;
    width: 120px !important;
    border-radius: 6px;
    border: 1px solid #eee;
}

.rounded-4 {
    border-radius: 4px;
}

.btn {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    line-height: normal;
    padding: 11px 20px;
    border-radius: 10px !important;
}

.btn:focus {
    outline: none;
    box-shadow: 0 0 0 .05rem #eee !important;
}

.fi {
    vertical-align: middle;
}

.btn-sm {
    padding: 6px 12px;
    border-radius: 7px !important;
    font-size: .9em;
}

.btn-outline {
    color: #800080;
    background-color: transparent;
    transition: all .5s;
    border: 1px solid #800080;
}

.btn-outline:hover,
.btn-outline:focus {
    color: #800080;
    background: #80008011;
    border: 1px solid #800080;
}

.btn-rounded {
    border-radius: 50px !important;
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px;
}

.btn-xs {
    padding: 4px 6px !important;
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #FFFFFF;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-purple {
    background-color: #800080;
    border-color: #800080;
    color: #FFFFFF;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    background-color: #800080;
    border-color: #800080;
    color: #FFFFFF;
}

.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFFFFF;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.btn-default {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #FFFFFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #FFFFFF;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #FFFFFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #FFFFFF;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #FFFFFF;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: var(--bs-primary);
    text-decoration: none;
}

.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    background-image: none;
}

.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
    color: var(--bs-secondary);
}

.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2;
}

.btn-white:active,
.btn-white.active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background-image: none;
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
    color: var(--bs-secondary);
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none;
}

.progress {
    height: 5px;
}

.progress-bar-success {
    background-color: var(--bs-success);
}

.badge {
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px 5px 10px;
    text-shadow: none;
    border-radius: 50px;
}

.label,
.label :hover {
    font-size: 13px;
    color: #666 !important;
    font-weight: 500;
}

.label-primary,
.badge-primary {
    background-color: var(--bs-primary);
    color: #FFFFFF;
}

.label-purple,
.badge-purple {
    background-color: var(--bs-primary);
    color: #FFFFFF;
}

.currency-label {
    font-size: 12px;
}

.label-success,
.badge-success {
    background-color: #1ab394;
    color: #FFFFFF;
}

.label-warning,
.badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.label-warning-light,
.badge-warning-light {
    background-color: #f8ac59;
    color: #ffffff;
}

.label-danger,
.badge-danger {
    background-color: var(--bs-danger);
    color: #FFFFFF;
}

.label-info,
.badge-info {
    background-color: var(--bs-info);
    color: #FFFFFF;
}

.label-inverse,
.badge-inverse {
    background-color: var(--bs-primary);
    color: #FFFFFF;
}

.label-white,
.badge-white {
    background-color: var(--bs-white);
    color: #5E5E5E;
}

.label-white,
.badge-disable {
    background-color: var(--bs-primary);
    color: #8B91A0;
}


/* TOOGLE SWICH */

.material-switch input {
    display: none;
}

.main-switch input[type="checkbox"]:checked+label {
    background: var(--bs-success);
}


/* PAGINATIN */

.pagination {
    margin: 5px;
    justify-content: end;
}

.pagination>li>a,
.pagination>li>span {
    color: var(--bs-primary);
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    outline: none;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: center !important;
}

.pagination>li>a {
    border: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--bs-primary) !important;
    border-radius: 3px;
    outline: none;
}


/* FULLCALENDAR */

.fc-toolbar {
    padding: 0.8em;
    margin: 0;
}

.fc-state-default {
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #333333;
    text-shadow: none;
}

.fc-state-default {
    border: 1px solid;
}

.fc-button {
    color: inherit;
    border: 1px solid #e7eaec;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}

.fc-state-active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
}

.fc-header-title h2 {
    font-size: 16px;
    font-weight: 500;
    color: inherit;
}

.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
    border-color: #e7eaec;
    font-weight: normal;
}

.fc-border-separate tbody {
    background-color: #F8F8F8;
}

.fc-state-highlight {
    background: none repeat scroll 0 0 #FCF8E3;
}

.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
    padding: 4px 6px;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.fc-event-time,
.fc-event-title {
    color: #717171;
    padding: 0 1px;
}

.legendLabel {
    padding-left: 5px;
}

.stat-list li:first-child {
    margin-top: 0;
}

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

.stat-percent {
    float: right;
}

.stat-list li {
    margin-top: 15px;
    position: relative;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

.tableClickable td {
    cursor: pointer !important;
}

.tableRowActionBtn {
    font-size: 15px;
    padding: 5px 6px 3px;
    line-height: 1;
    background: #f1f1f1;
    border: 1px solid #eee;
}

.tableRowActionBtn:hover {
    border: 1px solid #dd000010;
}

.actions {
    float: right;
    position: absolute;
    display: none;
    top: .6rem;
    right: .6rem;
}


/* CIRCLE */

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

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}


/* INPUTS */

.inline {
    display: inline-block !important;
}

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

.choices__list--dropdown .choices__item--selectable {
    padding-right: 0 !important;
}

.choices__list--single {
    padding: 0 !important;
}

.form-control,
.choices>.choices__inner {
    border-radius: 3px !important;
    min-height: 40px !important;
    font-size: .87rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.choices>.choices__inner{
    max-height: 6.4rem;
    overflow-y: auto;
}

.form-control:focus,
.is-open.choices__inner {
    border-color: #80008099 !important;
    box-shadow: none !important;
}

.choices__list--multiple .choices__item{
    background-color: #929 !important;
    border-width: 0px !important;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button{
    border-left: 1px dotted #fff8 !important;
}

.btn-loading {
    display: inline-flex;
    align-items: center;
}

/* Remember me checkbox styling */
.form-check-input:checked {
    background-color: #800080;
    border-color: #800080;
}

.has-success .form-control {
    border-color: #1ab394;
}

.has-warning .form-control {
    border-color: #f8ac59;
}

.has-error .form-control {
    border-color: #f50057;
}

.has-success .form-label {
    color: #1ab394;
}

.has-warning .form-label {
    color: #f8ac59;
}

.has-error .form-label {
    color: #f50057;
}

.input-group-texton:first-child {
    background-color: #fdf1fc;
    /* border: 1px solid #2f303044; */
    border-radius: 3px 0 0 3px;
    color: #800080;
    line-height: 1;
    text-align: center;
}


/* Validation */

label.error {
    color: #cc5965 !important;
    display: inline-block;
    margin: 5px;
}

.form-control.error {
    border: 1px dotted #cc5965;
}


/* Toastr custom style */

#toast-container>.toast {
    background-image: none !important;
}

#toast-container>.toast:before {
    position: fixed;
    font-family: uicons-solid-rounded !important;
    font-size: 18px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}

#toast-container>.toast-warning:before {
    content: "\f15c";
}

#toast-container>.toast-error:before {
    content: "\f15c";
}

#toast-container>.toast-info:before {
    content: "\f15c";
}

#toast-container>.toast-success:before {
    content: "\f143";
}

#toast-container>div {
    box-shadow: none;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    width: auto !important;
}

#toast-container> :hover {
    box-shadow: none;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast:nth-child(1) {
    margin-top: 65px !important;
}

.toast-success {
    background-color: #1ab394;
}

.toast-error {
    background-color: #f50057;
}

.toast-info {
    background-color: #23c6c8;
}

.toast-warning {
    background-color: #ff9b04;
}

.toast-progress {
    height: 1px;
}

.toast-top-right {
    right: 65px;
}

.toast-top-left {
    left: 65px;
}

.block {
    display: block;
}

.clear {
    display: block;
    overflow: hidden;
}

a {
    cursor: pointer;
}

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

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.font-bold {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-white {
    color: #ffffff;
}

.text-uppercase {
    text-transform: uppercase;
}

.b-r {
    border-right: 1px solid #e7eaec;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

video {
    width: 100% !important;
    height: auto !important;
}


/* GALLERY */

.gallery>.row>div {
    margin-bottom: 15px;
}

.fancybox img {
    margin-bottom: 5px;
    /* Only for demo */
    width: 24%;
}


/* Summernote text editor  */

.note-editor {
    height: auto;
    /*min-height: 300px;*/
}


/*ROWS*/

.flex {
    display: inline-flex;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.col-eq-height {
    display: flex;
    flex-direction: column;
    padding: 5px;
}


/* MODAL */

.modal-content {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    overflow: visible;
}

.modal-body {
    padding: 0px !important;
}

.modal-content .close {
    margin: .8em;
    cursor: pointer;
    position: absolute;
    right: 8px;
    z-index: 1;
    font-size: 1.2rem;
    color: #888;
}

.modal-header .close:hover {
    opacity: .8;
}


/* WRAPPERS */

#wrapper {
    width: 100%;
    overflow-x: hidden;
}

.wrapper {
    overflow-y: scroll;
    padding: 0.5rem 2rem 1rem;
    height: calc(100vh - 123px) !important;
}

#page-wrapper {
    padding: 0px;
    position: relative !important;
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 190px;
    }
}

.title-action {
    text-align: right;
    padding-top: 30px;
}

.inqbox-content h1,
.inqbox-content h2,
.inqbox-content h3,
.inqbox-content h4,
.inqbox-content h5,
.inqbox-title h1,
.inqbox-title h2,
.inqbox-title h3,
.inqbox-title h4,
.inqbox-title h5 {
    margin-top: 5px;
}

ul.unstyled,
ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}

.big-icon {
    font-size: 160px !important;
    color: #e5e6e7;
}


/* FOOTER */

.footer {
    background: #fff;
    border-top: 1px solid #e7eaec;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    right: 0;
    color: #800080 !important;
    z-index: 2;
}


/* PANELS */

.page-heading {
    border-top: 0;
    padding: 0px 10px 20px 10px;
}

.panel-heading h1,
.panel-heading h2 {
    margin-bottom: 5px;
}

.table {
    width: 100% !important;
    font-size: 14px;
}


/* TABLES */

.table-bordered {
    border: 1px solid #EBEBEB;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td {
    border: 1px solid #e7e7e7;
    vertical-align: middle !important;
}

.table>thead>tr>th {
    line-height: 3;
    border-bottom: 2px solid #DDDDDD;
    vertical-align: bottom;
}


/* PANELS */

.panel.blank-panel {
    background: none;
    margin: 0;
}

.blank-panel .panel-heading {
    padding-bottom: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #008080;
    cursor: default;
}

.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #f3f3f4;
    color: #808;
}

.nav.nav-tabs li {
    background: none;
    border: none;
}

.nav-tabs>li>a {
    color: #A7B1C2;
    font-weight: 500;
    padding: 10px 20px 10px 25px;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
}

.ui-tab .tab-content {
    padding: 20px 0px;
}


/* GLOBAL  */

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

.no-borders {
    border: none !important;
}

.no-margins {
    margin: 0 !important;
}

.no-top-border {
    border-top: 0 !important;
}

.inqbox-content.text-box {
    padding-bottom: 0px;
    padding-top: 15px;
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.border-top {
    border-left: none;
    /*border-top: 1px solid #e7eaec;*/
    border-right: none;
    border-bottom: none;
}

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

.link-block {
    font-size: 12px;
    padding: 10px;
}

.nav.navbar-top-links .link-block a {
    font-size: 12px;
}

.link-block a {
    font-size: 10px;
    color: inherit;
}

body.mini-navbar .branding {
    display: none;
}

img.circle-border {
    border: 6px solid #FFFFFF;
    border-radius: 50%;
}

.branding {
    float: left;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394;
}

.login-panel {
    margin-top: 25%;
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap;
}

.inqbox {
    clear: both;
    margin-top: 0;
    background: #fff;
    border-radius: 3px;
    padding: 0;
}

.inqbox-tools>select,
.select_month select,
.filters select,
.filters button,
.inqbox-tools label {
    border: none;
    padding: 7.5px 7px !important;
    border-radius: 4px;
    font-size: 13px;
    margin-left: 15px;
    cursor: pointer;
    background-color: #7771;
    margin-top: -5px;
}

.inqbox-tools>select:focus-visible,
.select_month select:focus-visible,
.filters select:focus-visible,
.filters button:focus-visible,
.inqbox-tools label:focus-visible {
    border: none;
    outline: none;
}

.float-e-margins-home {
    margin: 0 0 2px 0 !important;
    padding: 0 !important
}

.float-e-margins {
    margin: 0;
    padding: 1em
}

.inqbox-title {
    border-color: #e7eaec;
    border: none;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
    text-transform: capitalize;
}

.inqbox-content {
    background-color: #ffffff;
    color: inherit;
    border-color: #e7eaec;
    border-image: none;
    /*border-style: solid solid none;*/
    /* height: 100%; */
    border-width: 1px 0px;
    border-radius: 3px;
}

.inqbox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.inqbox-content {
    clear: both;
}

.inqbox-title {
    border-bottom: 1px solid #eee;
}

.inqbox-heading h4 {
    font-size: 15px;
    line-height: 1.5
}

.inqbox-title h5 {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0;
    text-overflow: ellipsis;
}

.inqbox-title .label {
    float: left;
    margin-left: 4px;
}

.inqbox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.inqbox-tools a {
    cursor: pointer;
    margin-left: 5px;
    /*color: #fff;*/
}

.inqbox-tools a.btn-primary {
    color: #fff;
}

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

.panel-primary {
    border-color: #1ab394;
}

.panel-primary>.panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.panel-success {
    border-color: #1c84c6;
}

.panel-success>.panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
}

.panel-info {
    border-color: #23c6c8;
}

.panel-info>.panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #ffffff;
}

.panel-warning {
    border-color: #f8ac59;
}

.panel-warning>.panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #ffffff;
}

.panel-danger {
    border-color: #f50057;
}

.panel-danger>.panel-heading {
    background-color: #f50057;
    border-color: #f50057;
    color: #ffffff;
}


/* COLORS */

.simple_tag {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    font-size: 10px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block;
}

.img-shadow {
    -webkit-box-shadow: 0px 0px 3px 0px #919191;
    -moz-box-shadow: 0px 0px 3px 0px #919191;
    box-shadow: 0px 0px 3px 0px #919191;
}


/* FULL HEIGHT */

.full-height {
    height: 100%;
}


/* SEARCH PAGE */

.search-form {
    margin-top: 10px;
}

.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}


/* DASBOARD */

.dashboard-header {
    border-top: 0;
    padding: 20px 20px 20px 20px;
}

.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px;
}

.fist-item {
    border-top: none !important;
}

.statistic-box {
    margin-top: 40px;
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px;
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

.list-group-item h4 {
    margin-bottom: 6px;
}

ul.clear-list:first-child {
    border-top: none !important;
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 190px;
        min-height: 900px;
    }
    .navbar-static-side {
        /* z-index: 2001; */
        position: absolute;
        width: 190px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (max-width: 874px) {
    .navbar-form-custom {
        display: none;
    }
}

@media (max-width: 768px) {
    .hide-small {
        display: none
    }
    .navbar-right {
        float: right
    }
    .body-small .navbar-static-side #page-wrapper {
        position: inherit;
        margin: 0 0 0 0px;
        min-height: 1000px;
    }
    .body-small .navbar-static-side {
        display: none;
        /* z-index: 2001; */
        position: absolute;
        /*width: 70px;*/
    }
    .body-small.mini-navbar .navbar-static-side {
        display: block;
    }
    .lock-word {
        display: none;
    }
    .navbar-header {
        display: inline;
        float: left;
    }
    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100% !important;
    }
    .sidebar-content .wrapper {
        padding-right: 0px;
        z-index: 1;
    }
    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        /* z-index: 2001; */
        position: fixed;
        width: 190px;
    }
    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
    .inqbox-tools {
        float: none;
        text-align: right;
        display: block;
    }
}

@media (max-width: 350px) {
    .inqbox-tools {
        float: none;
        text-align: left;
        display: inline-block;
    }
}

.navbar .nav>li.dropdown.open .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: 11px;
    bottom: 100%;
    border-width: 0 10px 10px;
    border-bottom-color: #fff;
}

.fixed-menu {
    position: fixed!important;
}

.profile-element {
    text-align: center;
}

.nav-bar-white {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

.nano-pane {
    display: block!important;
}

@media (max-width: 790px) {
    .navbar-fixed-top {
        transition-duration: 0.5s;
        box-shadow: none;
    }
    .nav-bar-white {
        background: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, .14), 0 3px 6px rgba(0, 0, 0, .28);
    }
}


/***** LEFTPANEL PROFILE *****/

.leftpanel-profile {
    padding: 15px;
    background: #eee;
}

.leftpanel-profile .media-object {
    /*width: 48px;*/
    margin: auto;
    padding: 3px;
    border: 2px solid #800080;
}

.leftpanel-profile .media-left {
    padding-right: 15px;
}

.leftpanel-profile .media-heading {
    margin: 7px 0 2px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
}

.leftpanel-profile .media-heading>a {
    color: rgba(255, 255, 255, 0.5);
}

.leftpanel-profile .media-heading>a:hover,
.leftpanel-profile .media-heading>a:focus {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
}

.leftpanel-profile .media-body {
    color: rgba(255, 255, 255, 0.5);
}

.leftpanel-userinfo {
    background-color: #464f63;
    padding-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.leftpanel-userinfo .sidebar-title {
    margin-top: 0;
}

.leftpanel-userinfo address {
    color: rgba(255, 255, 255, 0.9);
    padding: 0 15px;
    margin-bottom: 20px;
}

.leftpanel-userinfo .list-group-item {
    border-left: 0;
    border-right: 0;
    border-color: #4c566c;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.9);
}

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

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

.leftpanel-userinfo .list-group-item label {
    margin: 0;
    color: rgba(255, 255, 255, 0.4);
}

.leftpanel-userinfo .list-group-item:before,
.leftpanel-userinfo .list-group-item:after {
    content: " ";
    display: table;
}

.leftpanel-userinfo .list-group-item:after {
    clear: both;
}

.leftpanel-userinfo .list-group-item:before,
.leftpanel-userinfo .list-group-item:after {
    content: " ";
    display: table;
}

.leftpanel-userinfo .list-group-item:after {
    clear: both;
}

.leftpanel-userinfo .list-group-item .social-icons a {
    color: rgba(255, 255, 255, 0.7);
    margin-left: 5px;
    font-size: 14px;
    line-height: 0;
}

.leftpanel-userinfo .list-group-item .social-icons a>i {
    line-height: 0;
}

.leftpanel-userinfo .list-group-item .social-icons a:hover,
.leftpanel-userinfo .list-group-item .social-icons a:focus {
    color: #fff;
}

.sidebar-collapse .logopanel {
    /* height: 62px; */
    padding: 18px 15px;
    background-color: #20242d;
}

.sidebar-collapse .logopanel h2 {
    margin: 0;
    font-weight: 500;
}

.sidebar-collapse .logopanel h2>a {
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.sidebar-collapse .logopanel h2>a:hover {
    color: #31c1d2;
}

.nano {
    background: #fff;
    height: 100vh !important;
}

.sidebar-title {
    text-transform: uppercase;
    font-size: 11px;
    color: rgba(255, 0, 0, .7);
    line-height: normal;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: .5px;
}


/***** LEFT NAVIGATION *****/

.nav-inq>li {
    text-transform: capitalize;
    width: 100%;
    position: relative;
}

.nav-inq>li>a .badge {
    background-color: transparent;
    color: #9fa8bc;
    font-size: 12px;
    text-transform: none;
    padding: 0;
    font-weight: normal;
    margin-top: 3px;
    margin-right: 2px;
}

.nav-inq>li>a>i {
    width: 16px;
    font-size: 15px;
    text-align: center;
    line-height: 0;
    margin-right: 10px;
    vertical-align: text-top;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.nav-inq>li>a:hover,
.nav-inq>li>a:focus {
    color: #800080 !important;
    background-color: #80008011 !important;
}

.nav-inq>li.nav-parent>a {
    position: relative;
}

.nav-inq>li.active>a>i {
    color: #800080 !important;
}

.nav-inq>li.nav-parent>a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 16px;
    /*font-weight: 400;*/
    color: #800080;
    position: absolute;
    top: 10px;
    right: 15px;
}

.nav-inq>li.nav-active>a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 16px;
    /*font-weight: 400;*/
    color: #800080;
    position: absolute;
    top: 10px;
    right: 15px;
}

.nav-inq>li.active>a .badge {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

.nav-inq>li.active:after {
    content: '.';
    color: #800080;
    background-color: #800080;
    width: 6px;
    height: 80%;
    position: absolute;
    border-radius: 5px 0 0 5px;
    right: 0;
    top: 10%;
}

.nav-inq>li.active .children {
    display: block;
    border-top: 0;
    /*border-bottom: 1px solid #eaecf0;*/
}

.nav-inq>li.active .children:before {
    border-top: 7px solid orange;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 8;
}

.nav-inq .children {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 1px solid #eaecf0;
    background-color: #f6f7f8;
}

.nav-inq .children>li {
    margin-left: 45px;
    /*border-left: 1px solid orange;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    font-size: 12px;
}

.nav-inq .children>li:first-child {
    padding-top: 7px;
}

.nav-inq .children>li:last-child {
    padding-bottom: 7px;
}

.nav-inq .children>li>a {
    display: block;
    font-weight: 400;
    padding: 5px 0 5px 18px;
    color: #657390;
    position: relative;
    height: 28px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.nav-inq .children>li>a:before {
    content: '\f067';
    position: absolute;
    font-size: 9px;
    color: orange;
    background: #f6f7f8;
    text-align: center;
    width: 17px;
    height: 17px;
    padding: 1px;
    left: -9px;
    border-radius: 50%;
    top: 19%;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    font-family: 'FontAwesome';
}

.nav-inq .children>li>a:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #a0a8b9;
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -15px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.nav-inq .children>li>a:hover,
.nav-inq .children>li>a:focus,
.nav-inq .children>li>a:active {
    text-decoration: none;
    color: #464f63;
}

.nav-inq .children>li>a:hover:before,
.nav-inq .children>li>a:focus:before,
.nav-inq .children>li>a:active:before {
    background-color: none;
}

.nav-inq .children>li>a:hover:after,
.nav-inq .children>li>a:focus:after,
.nav-inq .children>li>a:active:after {
    opacity: 1;
    border-color: orange;
    width: 17px;
    height: 17px;
    left: -9px;
    margin-top: -10px;
    border-radius: 50%;
}

.nav-inq .children>li.active>a {
    color: #800080;
}

.nav-inq .children>li.active>a:before {
    background-color: orange;
}

.nav-inq .children>li.active>a:after {
    opacity: 1;
    border-color: orange;
    width: 11px;
    height: 11px;
    left: -6px;
    margin-top: -6px;
}

.navbar-default .children.nav>li>a:focus {
    background-color: #ccc!important;
    background-image: none !important;
}

.children.nav li>a.active {
    background: #eee;
}

.children.nav li>a.active:before {
    content: '\f00c';
    position: absolute;
    background: #eee;
    font-size: 12px;
    color: orange;
    width: 15px;
    left: -7.5px;
    padding: 0px;
    top: 13%;
    font-family: 'FontAwesome';
}

#nav.affix {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}


/* Tabs Content */

.tabs-container .nav-pills>li>a {
    padding: .8rem 1rem;
    display: block;
    margin: .5rem .5rem 0;
    border-radius: 5px;
    color: inherit;
    font-weight: 500;
}

.tabs-container .nav-pills>li>.active {
    background-color: #8081;
    color: #808;
}

.tabs-container .nav-pills>li:hover>a {
    background-color: #fafafa;
}

.profile-element>h2>a {
    color: #31C1D2;
}

#hover-menu {
    background: #3b4354;
    left: 0px;
    position: absolute;
    width: 200px;
    margin-left: 70px;
}

#hover-menu>ul {
    padding: 0 0 0 10px;
    list-style: none;
}

#hover-menu>ul>li {
    padding: 5px;
}

#hover-menu>ul>li>a {
    color: #259dab;
}

#hover-menu>ul>li>a:hover {
    color: #FFF;
}

.inqbox-tools,
.inqbox-tools>a {
    /*padding-bottom: 0!important;*/
    margin-left: 0;
}

.ui-autocomplete {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    border-radius: 3px;
    padding-left: 0;
    
    position: absolute;
    max-height: 300px;
    z-index: 999;
}

.ui-menu-item-wrapper {
    padding: 10px;
    list-style-type: none;
    /* white-space: nowrap; */
    overflow: hidden;
}

.ui-state-active {
    background: #d000d011;
    cursor: pointer;
}

.ui-menu-item-wrapper strong {
    color: #d000d0;
}

.ui-autocomplete-loading {
    background:url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') no-repeat right center;
    background-position-x: calc(100% - 12px);
}

.dataTable thead>tr {
    background: transparent !important;
}

.effect-1 {
    position: relative;
    line-height: 2.5;
    border-radius: 50px ! important;
    display: inline;
    margin: 5px !important;
    text-align: center;
    padding: 4px 7px;
}

.effect-1:hover,
.effect-1:focus,
.effect-1:active {
    /*background-color: rgba(0,0,0,0.8);*/
    transition: all 0.2s ease;
    border: none;
}

.effect-1:hover:after {
    transform: scale(1);
    transition: all 0.2s ease;
}

.effect-1:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    height: 100%;
    width: 100%;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
    transform: scale(.1);
    transition: all .2s ease;
}

.pulse {
    border-radius: 50% !important;
    background: #00808088;
    animation: pulse 2.5s linear infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 -30px #00808088;
        box-shadow: 0 0 0 -30px #00808088;
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}


/*CUSTOM TABLE STYLING*/

div.dataTables_processing {
    position: absolute;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 5px !important;
    font-family: sans-serif;
}

.padded {
    padding: 1em 0;
}

.padded-t {
    padding-top: 1em;
}

.table>tbody>tr>td {
    color: #555;
}

.table>tbody>tr>td:first-child {
    border-radius: 4px 0 0 4px;
}

.table>tbody>tr>td:last-child {
    border-radius: 0 4px 4px 0;
    position: relative;
    /* for the table row actions */
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover+tr>td {
    border-color: transparent !important;
}

.table>thead>tr>td,
.table>thead>tr>th,
table>tfoot>tr>td,
.table>tfoot>tr>th {
    color: #800080;
    font-weight: 500;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 1px solid #f5f5f5;
    line-height: 2.3 !important;
}

.table>tbody>tr:last-child>td {
    border-bottom: none;
}

.nav-tabs>li>a {
    border-radius: 0px !important;
}

.form-text {
    line-height: 1.8;
    background: #80008011 !important;
}

.dt-button-collection {
    display: inline-grid;
    position: absolute;
    z-index: 9000;
    background: #eee;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #ccc;
    padding-top: 1em;
    top: 41px !important;
}

.dt-button-collection button {
    border-radius: 0px !important;
    margin-bottom: 10px;
}

.dt-button-collection:before {
    content: "";
    position: absolute;
    background: #eee;
    left: 20px;
    top: -8px;
    width: 15px;
    height: 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(-135deg);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent !important;
}

.form-group {
    margin-bottom: 2em;
}

label.required:after {
    content: " *";
    color: red;
}

table {
    border-spacing: 30;
    display: table;
}


/* The graph styles. */

svg {
    margin-top: 2em;
    width: 90%;
    height: 90% !important
}

.stats {
    width: 100%;
}

.stat_row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.2em
}

.stat_item {}

.item_value {
    font-size: 18px;
}

.item_desc {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .eq-cols {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex: 1 1 auto;
    }
}


/*.eq-cols > div[class*='col-'] */

.strong-h {
    font-weight: 500;
}


/* Start of Samplepicker (date $ time picker css);*/

.simplepicker-wrapper.active {
    z-index: 1050 !important
}

.simplepicker-wrapper {
    padding-top: 4.5em;
}

.simplepicker-day-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px 20px 0 20px;
}

.simplepicker-picker-section,
.simplepicker-bottom-part {
    padding: 15px;
}

.simplepicker-select-pane {
    padding: 0 0 15px 0;
}

.simplepicker-date-section {
    padding: 0 15px 0px 15px;
}

.simpilepicker-date-picker {
    border-radius: 5px;
}

.simplepicker-selected-date {
    padding: 15px;
}


/* Icon select Styling */

.radio-tile-group {
    display: -webkit-inline-box;
    -webkit-box-pack: center;
    overflow-x: auto !important;
    white-space: nowrap;
    margin: 0 auto;
}

.radio-tile-group .input-container {
    margin: 0 auto;
}

.radio-tile-group .input-container.tile {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.7rem;
}

.modeSelect .input-container.tile {
    position: relative;
    height: 6em;
    min-width: 11rem;
    margin-right: 0.7rem;
}

.radio-tile-group .input-container .radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-group .input-container .radio-tile {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 2px solid #aaa;
    border-radius: 5px;
    padding: .6rem;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    font-size: .9em;
    letter-spacing: 1px;
    line-height: 2;
    color: #888 !important;
}

.radio-tile-group .input-container .radio-tile .fi {
    text-align: center;
    font-size: 1.4em;
}

.radio-tile-group .input-container .radio-button:checked~.radio-tile {
    background-color: #800080;
    border: 2px solid #800080;
    color: #fff;
    ;
}

.radio-tile-group .input-container .radio-button:checked~.radio-tile .radio-tile-label {
    color: #fff !important;
}

.radio-tile-group .input-container .radio-button:checked~.radio-tile .info {
    color: #fff !important;
}

.radio-tile-group .info {
    font-size: 80%;
    color: #999;
}

.icon-selector .fi {
    font-size: 2em;
    line-height: 0em;
}

.alertify .ajs-body .ajs-content {
    padding: 0px 24px 0px 16px !important;
}

.alertify .ajs-header, .alertify .ajs-footer {
    border-radius: 5px !important;
}

.alertify .ajs-dialog{
    margin-top: Calc(50vh - 150px) !important;
    border-radius: 5px;
}

.ajs-content {
    display: inline-flex;
    align-items: center;
}

.text-purple {
    color: #800080;
}

.tooltip {
    font-family: inherit !important;
    font-size: 92%;
}

.tooltip-inner {
    background-color: #f50057;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{
    border-left-color: #f00 !important;
}