html {font-size: 15px;height: 100%;letter-spacing: 0.01rem;}
html body {height: 100%;background-color: #F2F4F4;direction: ltr;}
html body .content {padding: 0;position: relative;transition: 300ms ease all;backface-visibility: hidden;min-height: calc(100% - 3.5rem);margin-left: 260px;}
html body .content.app-content {overflow: hidden;}
html body .content.app-content.show-overlay .content-overlay {z-index: 10;opacity: 1;}
html body .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0));}
html body .content.app-content .content-overlay {position: fixed;opacity: 0;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;transition: all 0.7s;z-index: -1;}
html body .content.app-content .content-area-wrapper {height: calc(100% - 5rem);margin: calc(5rem) 2.2rem 0;display: flex;position: relative;}
html body .content.app-content .content-area-wrapper .content-wrapper {margin-top: 0;height: calc(100vh - 9rem);}
html body .content .content-wrapper {padding: calc(2.2rem - 0.4rem) 2.2rem 0;margin-top: 0;}
html body .content .content-wrapper .content-header-title {color: #475F7B;margin-right: 1rem;border-right: 1px solid #828D99;}
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i {color: #828D99;}
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover,
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i:hover {color: #5A8DEE;}
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item {padding-left: 9px;}
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item:before {color: #828D99;padding-right: 9px;}
html body.navbar-hidden .app-content .content-wrapper {padding: 2.2rem 2.2rem 0;margin-top: 0;}
html body.navbar-hidden .app-content .content-area-wrapper {padding: 0;margin-top: 2.5rem;}
html body.navbar-static .app-content .navbar-container {padding-left: 2.2rem;padding-right: 1.2rem;}
html body.navbar-static .app-content .content-wrapper {padding: 1.8rem 2.2rem 0;margin-top: 3px;}
html body.navbar-static .app-content .content-area-wrapper {margin-top: 1rem;}
html body.navbar-static .content {min-height: calc(100% - 12.5rem);}
html body.navbar-sticky .app-content .navbar-container {padding-left: 1.8rem;padding-right: 1rem;}
html body.navbar-sticky .app-content .navbar-container .search-input .search-list.show {width: 98%;left: 1%;}
html body.navbar-sticky .app-content .content-wrapper {padding: 1.8rem 2.2rem 0;margin-top: 3rem;}
html body.navbar-static .navbar-container, html body.navbar-sticky .navbar-container {padding-left: 1.8rem;padding-right: 1rem;}
html body.navbar-static .navbar-container .search-input .search-list.show, html body.navbar-sticky .navbar-container .search-input .search-list.show {width: 98%;left: 1%;}
html body.fixed-footer .content.app-content {margin-bottom: 3rem;}
html body p {line-height: 1.5rem;}
html body.bg-full-screen-image {background: url(../../app-assets/images/pages/auth-bg.jpg) no-repeat center center;background-size: cover;}
html body.blank-page .content {margin-left: 0;}
html body.blank-page .content.app-content {overflow: overlay;overflow-x: hidden;}
html body.blank-page .content-wrapper {padding: 0 !important;margin-top: 0 !important;}
html body.blank-page .content-wrapper .flexbox-container {display: flex;align-items: center;height: 100vh;justify-content: center;}
html body[data-col="1-column"] .content,
html body[data-col="1-column"] .footer {margin-left: 0px !important;}
html body[data-col="1-column"] .header-navbar.fixed-top {left: 0 !important;}
html body.horizontal-layout.vertical-overlay-menu .navbar-container.main-menu-content {padding: 0;}
html .pace .pace-progress {background: #5A8DEE;}
.app-content.center-layout {overflow: hidden;}
i.livicon-evo,
span.livicon-evo {display: inline-block;}
/* Responsive Layout Css */
/* --------------------- */
@media (min-width: 992px) {body .content-right {  width: calc(100% - 260px);  float: right;}body .content-left {  width: calc(100% - 260px);  float: left;}body .content-detached {  width: 100%;}body .content-detached.content-right {  float: right;  margin-left: -260px;}body .content-detached.content-right .content-body {  margin-left: calc(260px + 2.2rem);}body .content-detached.content-left {  float: left;  margin-right: -260px;}body .content-detached.content-left .content-body {  margin-right: calc(260px + 2.2rem);}.sidebar-right.sidebar-sticky {  float: right !important;  margin-left: -260px;  width: 260px !important;  margin-top: 6rem;}[data-col="content-left-sidebar"] .sticky-wrapper {  float: left;}}
.truncate {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}
@media (max-width: 575.98px) {html body .content .content-wrapper {  padding: calc(2.2rem - 0.4rem) calc(2.2rem - 1rem) 0;}}
@media (max-width: 575.98px) {body.navbar-static .app-content .header-navbar .navbar-container, body.navbar-sticky .app-content .header-navbar .navbar-container {  padding-left: 1rem;  padding-right: 0.5rem;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {html.full-screen {  width: 100%;}html.full-screen .content.app-content {  height: 100%;  overflow: scroll;  overflow-x: hidden;}}
/* Sidebar */
/* ------ */
.sidebar {position: relative;width: 100%;}
@media (min-width: 992px) {.sidebar {  vertical-align: top;}}
/* Sidebar Fixed */
.sidebar-fixed {position: fixed;height: 100%;overflow: scroll;}
/* Sidenav Overlay */
.sidenav-overlay {position: fixed;top: 0;left: 0;right: 0;height: 120vh;background-color: rgba(0, 0, 0, 0.5);z-index: 997;display: none;}
/* Drag Target */
.drag-target {height: 100%;width: 30px;position: fixed;top: 0;left: -10px;z-index: 1036;}
@media (min-width: 992px) {.sidebar-left {  float: left;}.sidebar-right {  float: right;}}
/* Footer Css */
/* ---------- */
footer.footer {padding: 1rem 2.2rem;}
footer.footer a {margin-left: 0.3rem;color: #727E8C;}
footer.footer span i {color: #FF5B5C;position: relative;top: 1px;}
/* Fixed Footer */
body.fixed-footer footer.footer-light {background: #FFFFFF;box-shadow: 0px 8px 12px 12px rgba(25, 42, 70, 0.12);}
/* Footer Hidden */
body.footer-hidden footer {display: none;}
.scroll-top {position: fixed;bottom: 5%;padding: 0.5rem 0.83rem !important;right: 30px;display: none;z-index: 99;}
/* Main Menu Base */
/* -------------- */
.main-menu {z-index: 1031;position: absolute;display: table-cell;height: 100%;overflow: hidden;}
.main-menu .ps__thumb-y {background-color: #d1d7de;}
.main-menu.menu-light {color: #727E8C;background: #F2F4F4;border: #DFE3E7;}
.main-menu.menu-light .navigation {background: #F2F4F4;}
.main-menu.menu-light .navigation .navigation-header {color: #bac0c7;margin: calc(2.2rem - 0.5rem) 0 0.5rem 1.8rem;padding: 0;letter-spacing: 1px;}
.main-menu.menu-light .navigation li.has-sub ul {padding: 7px 0 0;margin: -7px 0 0;}
.main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a {padding: 10px 20px !important;transition: all 0.35s ease !important;}
.main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {padding-left: 25px !important;}
.main-menu.menu-light .navigation li a {display: flex;align-items: center;color: #8494a7;padding: 10px 12px;}
.main-menu.menu-light .navigation > li {margin: 0 1rem;transition: background-color 0.5s ease;}
.main-menu.menu-light .navigation > li.nav-item:not(.has-sub) a {padding: 10px 12px;}
.main-menu.menu-light .navigation > li.open.sidebar-group-active > a {padding: 10px 15px;}
.main-menu.menu-light .navigation > li.nav-item.open > a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a {margin: 0 11px 0;padding: 9px 0;transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;}
.main-menu.menu-light .navigation > li.nav-item.open > a i, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a i {color: #5A8DEE !important;}
.main-menu.menu-light .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {border-radius: 0.267rem;border: 1px solid #DFE3E7;background-color: #fafbfb;transition: none;}
.main-menu.menu-light .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {right: 7px !important;}
.main-menu.menu-light .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li a {padding: 10px 18px;}
.main-menu.menu-light .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {padding-left: 15px !important;}
.main-menu.menu-light .navigation > li:not(.open) > ul {display: none;}
.main-menu.menu-light .navigation > li.active:not(.sidebar-group-active) > a {background: rgba(90, 141, 238, 0.15);color: #5A8DEE;border-radius: 0.267rem;}
.main-menu.menu-light .navigation > li .active > a {margin-bottom: 0;}
.main-menu.menu-light .navigation > li .active .hover {background: #e7ebeb;}
.main-menu.menu-light .navigation > li ul li > a {padding: 10px 9px !important;margin: 0 11px;}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {display: none;}
.main-menu.menu-light .navigation > li ul .open > a,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > a {color: #727E8C;}
.main-menu.menu-light .navigation > li ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {display: block;}
.main-menu.menu-light .navigation > li ul .open > ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {display: block;}
.main-menu.menu-light .navigation > li ul .open.active,
.main-menu.menu-light .navigation > li ul .sidebar-group-active.active {background-color: inherit;}
.main-menu.menu-light .navigation > li ul .active {background: rgba(90, 141, 238, 0.15);}
.main-menu.menu-light .navigation > li ul .active > a {color: #5A8DEE;}
.main-menu.menu-light .navigation > li > ul > li:first-child > a {border-top: 1px solid #DFE3E7;}
.main-menu.menu-light .navigation > li > ul > li.active:first-child > a {border-top: none;}
.main-menu.menu-dark {color: #8a99b5;background: #1a233a;border: #464d5c;}
.main-menu.menu-dark .navigation {background: #1a233a;}
.main-menu.menu-dark .navigation .navigation-header {color: #bac0c7;margin: calc(2.2rem - 0.5rem) 0 0.5rem 1.8rem;padding: 0;letter-spacing: 1px;}
.main-menu.menu-dark .navigation li.has-sub ul {padding: 7px 0 0;margin: -7px 0 0;}
.main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a {padding: 10px 20px !important;transition: all 0.35s ease !important;}
.main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {padding-left: 25px !important;}
.main-menu.menu-dark .navigation li a {display: flex;align-items: center;color: #8494a7;padding: 10px 12px;font-size: 1rem;}
.main-menu.menu-dark .navigation > li {margin: 0 1rem;transition: background-color 0.5s ease;}
.main-menu.menu-dark .navigation > li.nav-item:not(.has-sub) a {padding: 10px 12px;}
.main-menu.menu-dark .navigation > li.open.sidebar-group-active > a {padding: 10px 15px;}
.main-menu.menu-dark .navigation > li.nav-item.open > a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a {margin: 0 11px 0;padding: 9px 0;transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;}
.main-menu.menu-dark .navigation > li.nav-item.open > a i, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a i {color: #5A8DEE !important;}
.main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {border-radius: 0.267rem;border: 1px solid #464d5c;background-color: #1a233a;transition: none;}
.main-menu.menu-dark .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {right: 7px !important;}
.main-menu.menu-dark .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li a {padding: 10px 18px;}
.main-menu.menu-dark .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {padding-left: 15px !important;}
.main-menu.menu-dark .navigation > li:not(.open) > ul {display: none;}
.main-menu.menu-dark .navigation > li.active:not(.sidebar-group-active) > a {background: rgba(90, 141, 238, 0.15);color: #5A8DEE;border-radius: 0.267rem;}
.main-menu.menu-dark .navigation > li .active > a {margin-bottom: 0;}
.main-menu.menu-dark .navigation > li .active .hover {background: #141b2c;}
.main-menu.menu-dark .navigation > li ul li > a {padding: 10px 9px !important;margin: 0 11px;}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {display: none;}
.main-menu.menu-dark .navigation > li ul .open > a,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {color: #8a99b5;}
.main-menu.menu-dark .navigation > li ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {display: block;}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {display: block;}
.main-menu.menu-dark .navigation > li ul .open.active,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active.active {background-color: inherit;}
.main-menu.menu-dark .navigation > li ul .active {background: rgba(90, 141, 238, 0.15);}
.main-menu.menu-dark .navigation > li ul .active > a {color: #5A8DEE;}
.main-menu.menu-dark .navigation > li > ul > li:first-child > a {border-top: 1px solid #464d5c;}
.main-menu.menu-dark .navigation > li > ul > li.active:first-child > a {border-top: none;}
.main-menu.menu-fixed {position: fixed;top: 0;}
.main-menu.menu-static {height: auto;top: 0;padding-bottom: calc(100% - 40rem);}
.main-menu.menu-static .main-menu-content {height: unset !important;}
.main-menu .shadow-bottom {/* Menu Scroll Shadow */display: none;position: absolute;z-index: 2;height: 60px;width: 100%;pointer-events: none;margin-top: -1.3rem;filter: blur(5px);background: linear-gradient(#f2f4f4 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0));}
.main-menu .navbar-header {height: 100%;width: 260px;height: 4.6rem;position: relative;padding: 0.35rem 1.45rem 0.3rem 1.3rem;transition: 300ms ease all;cursor: pointer;z-index: 3;}
.main-menu .navbar-header .navbar-brand {margin-top: 0.75rem;display: flex;align-items: center;}
.main-menu .navbar-header .navbar-brand .brand-logo {height: 27px;width: 35px;float: left;margin-top: 0.2rem;margin-left: 3px;}
.main-menu .navbar-header .navbar-brand .brand-logo .logo {height: 26px;display: flex;position: relative;left: 6px;}
.main-menu .navbar-header .navbar-brand .brand-text {color: #5A8DEE;padding-left: 0.7rem;font-weight: 500;letter-spacing: 0.04rem;font-size: 1.5rem;float: left;animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;}
.main-menu .navbar-header .modern-nav-toggle {animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;margin: 0.75rem 0 0;}
.main-menu .main-menu-content {height: calc(100% - 6rem) !important;position: relative;}
.main-menu ul {list-style: none;margin: 0;padding: 0;}
.main-menu ul.navigation-main {overflow-x: hidden;}
/* Main Navigation */
.navigation {font-family: "Rubik", Helvetica, Arial, serif;overflow-y: hidden;padding-bottom: 20px;}
.navigation .navigation-header {padding: 12px 22px;font-size: 0.8rem;text-transform: uppercase;}
.navigation li {position: relative;white-space: nowrap;}
.navigation li a {display: block;text-overflow: ellipsis;overflow: hidden;}
.navigation li.disabled a {cursor: not-allowed;}
.dropdown-notification {padding: 13px 0;}
.dropdown-notification .nav-link-label {position: relative;}
.dropdown-notification .media-heading {margin-bottom: 0.2rem;font-size: 0.8rem;}
.dropdown-notification .notification-text {margin-bottom: 0.5rem;font-size: smaller;color: #828D99;}
.dropdown-notification .notification-tag {position: relative;top: -4px;}
.dropdown-notification .dropdown-menu.dropdown-menu-right {right: -2px;padding: 0;}
.dropdown-notification .dropdown-menu.dropdown-menu-right::before {background: #5A8DEE;border-color: #5A8DEE;}
.dropdown-notification .dropdown-menu.dropdown-menu-right .scrollable-container .read-notification {background-color: #f2f4f4;}
.dropdown-notification .dropdown-menu-header {border-top-left-radius: 0.267rem;border-top-right-radius: 0.267rem;background: #5A8DEE;}
.dropdown-notification .dropdown-menu-header .dropdown-header {color: #FFFFFF;}
body.menu-collapsed .menu-static {padding-bottom: calc(100% - 14rem);}
@media (max-width: 767.98px) {.menu-hide .main-menu,.menu-open .main-menu {  transition: transform 0.25s, top 0.35s, height 0.35s;}.main-menu {  transform: translate3d(-240px, 0, 0);  backface-visibility: hidden;  perspective: 1000;}.menu-open .main-menu {  transform: translate3d(0, 0, 0);}}
@media (min-width: 768px) {.drag-target {  z-index: 0;}}
body.fixed-footer .main-menu.menu-fixed {height: 100%;}
@media (max-width: 992px) {body .main-menu.menu-static {  padding-bottom: 100%;}}
/* Content Helpers */
/* --------------- */
/* Display */
.display-inline {display: inline !important;}
.display-block {display: block !important;}
.display-inline-block {display: inline-block !important;}
.display-hidden {display: none !important;}
.display-table-cell {display: table-cell !important;}
.position-top-0 {top: 0;}
.position-right-0 {right: 0;}
.position-bottom-0 {bottom: 0;}
.position-left-0 {left: 0;}
.zindex-1 {z-index: 1 !important;}
.zindex-2 {z-index: 2 !important;}
.zindex-3 {z-index: 3 !important;}
.zindex-4 {z-index: 4 !important;}
.zindex-0 {z-index: 0 !important;}
.zindex-minus-1 {z-index: -1 !important;}
.zindex-minus-2 {z-index: -2 !important;}
.zindex-minus-3 {z-index: -3 !important;}
.zindex-minus-4 {z-index: -4 !important;}
.no-edge-top {top: 0 !important;}
.no-edge-bottom {bottom: 0 !important;}
.no-edge-left {left: 0 !important;}
.no-edge-right {right: 0 !important;}
.cursor-pointer {cursor: pointer;}
.cursor-move {cursor: move;}
.cursor-default {cursor: default;}
.cursor-progress {cursor: progress;}
.cursor-not-allowed {cursor: not-allowed;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-auto {overflow: auto;}
.overflow-scroll {overflow: scroll;}
.overflow-x-scroll {overflow: scroll;}
.overflow-y-scroll {overflow: scroll;}
.bullets-inside {list-style: inside;}
.list-style-circle {list-style: circle;}
.list-style-square {list-style: square;}
.list-style-icons {padding-left: 10px;margin-left: 0;list-style: none;}
.list-style-icons > li i {float: left;width: 1em;margin: 0 6px 0 0;}
/* Borders */
.border {border: 1px solid;}
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}
.border-left {border-left: 1px solid;}
.border-right {border-right: 1px solid;}
/* Border Widths */
.border-2 {border-width: 2px !important;}
.border-top-2 {border-top-width: 2px !important;}
.border-bottom-2 {border-bottom-width: 2px !important;}
.border-left-2 {border-left-width: 2px !important;}
.border-right-2 {border-right-width: 2px !important;}
.border-3 {border-width: 3px !important;}
.border-top-3 {border-top-width: 3px !important;}
.border-bottom-3 {border-bottom-width: 3px !important;}
.border-left-3 {border-left-width: 3px !important;}
.border-right-3 {border-right-width: 3px !important;}
/* No Border Radius */
.no-border-top-radius {border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.no-border-bottom-radius {border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.no-border-top-left-radius {border-top-left-radius: 0 !important;}
.no-border-top-right-radius {border-top-right-radius: 0 !important;}
.no-border-bottom-left-radius {border-bottom-left-radius: 0 !important;}
.no-border-bottom-right-radius {border-bottom-right-radius: 0 !important;}
/* Box Shadow */
.box-shadow-0 {box-shadow: none !important;}
.box-shadow-1 {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.box-shadow-2 {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.box-shadow-3 {box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}
.box-shadow-4 {box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);}
.box-shadow-5 {box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);}
.box-shadow-6 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);}
.fit {max-width: 100% !important;}
.half-width {width: 50% !important;}
.full-width {width: 100% !important;}
.full-height {height: 100% !important;}
/* Fixed Widths */
.width-50 {width: 50px !important;}
.width-100 {width: 100px !important;}
.width-150 {width: 150px !important;}
.width-200 {width: 200px !important;}
.width-250 {width: 250px !important;}
.width-300 {width: 300px !important;}
.width-350 {width: 350px !important;}
.width-400 {width: 400px !important;}
.width-450 {width: 450px !important;}
.width-500 {width: 500px !important;}
.width-550 {width: 550px !important;}
.width-600 {width: 600px !important;}
.width-650 {width: 650px !important;}
.width-700 {width: 700px !important;}
.width-750 {width: 750px !important;}
.width-800 {width: 800px !important;}
/* Width In % */
.width-5-per {width: 5% !important;}
.width-10-per {width: 10% !important;}
.width-15-per {width: 15% !important;}
.width-20-per {width: 20% !important;}
.width-25-per {width: 25% !important;}
.width-30-per {width: 30% !important;}
.width-35-per {width: 35% !important;}
.width-40-per {width: 40% !important;}
.width-45-per {width: 45% !important;}
.width-50-per {width: 50% !important;}
.width-55-per {width: 55% !important;}
.width-60-per {width: 60% !important;}
.width-65-per {width: 65% !important;}
.width-70-per {width: 70% !important;}
.width-75-per {width: 75% !important;}
.width-80-per {width: 80% !important;}
.width-90-per {width: 90% !important;}
.width-95-per {width: 95% !important;}
/*Fixed Height In Px */
.height-50 {height: 50px !important;}
.height-75 {height: 75px !important;}
.height-100 {height: 100px !important;}
.height-150 {height: 150px !important;}
.height-200 {height: 200px !important;}
.height-250 {height: 250px !important;}
.height-300 {height: 300px !important;}
.height-350 {height: 350px !important;}
.height-400 {height: 400px !important;}
.height-450 {height: 450px !important;}
.height-500 {height: 500px !important;}
.height-550 {height: 550px !important;}
.height-600 {height: 600px !important;}
.height-650 {height: 650px !important;}
.height-700 {height: 700px !important;}
.height-750 {height: 750px !important;}
.height-800 {height: 800px !important;}
/*Fixed Height In % */
.height-5-per {height: 5% !important;}
.height-10-per {height: 10% !important;}
.height-15-per {height: 15% !important;}
.height-20-per {height: 20% !important;}
.height-25-per {height: 25% !important;}
.height-30-per {height: 30% !important;}
.height-35-per {height: 35% !important;}
.height-40-per {height: 40% !important;}
.height-45-per {height: 45% !important;}
.height-50-per {height: 50% !important;}
.height-55-per {height: 55% !important;}
.height-60-per {height: 60% !important;}
.height-65-per {height: 65% !important;}
.height-70-per {height: 70% !important;}
.height-75-per {height: 75% !important;}
.height-80-per {height: 80% !important;}
/* Vh Height */
.full-height-vh-with-nav {height: calc(100vh - 5rem - 4rem);}
.full-height-vh {height: 100vh;}
/* Line Height */
.line-height-1 {line-height: 1 !important;}
.line-height-2 {line-height: 2 !important;}
/* Transformations */
.rotate-45 {transform: rotate(45deg);}
.rotate-45-inverse {transform: rotate(-45deg);}
.rotate-90 {transform: rotate(90deg);}
.rotate-90-inverse {transform: rotate(-90deg);}
.rotate-180 {transform: rotate(180deg);}
.rotate-180-inverse {transform: rotate(-180deg);}
/* Pull The Element */
.pull-up {transition: all 0.25s ease;}
.pull-up:hover {transform: translateY(-4px) scale(1.02);box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);z-index: 30;}
/* Image */
/* ----- */
/*Background Image */
.bg-cover {background-size: cover !important;}
.background-repeat {background-repeat: repeat !important;}
.background-no-repeat {background-repeat: no-repeat !important;}
.img-xl {width: 64px !important;height: 64px !important;}
.img-lg {width: 44px !important;height: 44px !important;}
.img-sm {width: 36px !important;height: 36px !important;}
.img-xs {width: 32px !important;height: 32px !important;}
/* Bullets */
.bullet {width: 16px;height: 16px;border-radius: 50%;display: inline-block;}
.bullet.bullet-xs {width: 8px;height: 8px;position: relative;top: -1px;}
.bullet.bullet-sm {width: 10px;height: 10px;}
.bullet.bullet-lg {width: 18px;height: 18rem;}
/* Avatar Css */
/* ---------- */
.avatar {white-space: nowrap;background-color: #c3c3c3;border-radius: 50%;position: relative;cursor: pointer;color: #FFFFFF;display: inline-flex;font-size: 0.8rem;text-align: center;vertical-align: middle;margin: 5px;}
.avatar .avatar-content {width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}
.avatar .avatar-content .avatar-icon {font-size: 1.2rem;}
.avatar [class*="avatar-status-"] {border-radius: 50%;width: 11px;height: 11px;position: absolute;right: 0;bottom: 0;border: 1px solid #FFFFFF;}
.avatar [class*="avatar-status-"].avatar-status-lg {width: 17px;height: 17px;border-width: 2px;}
.avatar .avatar-status-online {background-color: #39DA8A;}
.avatar .avatar-status-busy {background-color: #FF5B5C;}
.avatar .avatar-status-away {background-color: #FDAC41;}
.avatar .avatar-status-offline {background-color: #475F7B;}
.avatar img {border-radius: 50%;}
.avatar.avatar-xl {font-size: 1.5rem;}
.avatar.avatar-xl img {width: 70px;height: 70px;}
.avatar.avatar-xl .avatar-content {height: 70px;width: 70px;}
.avatar.avatar-xl .avatar-content .avatar-icon {font-size: 3rem;}
.avatar.avatar-lg {font-size: 1.2rem;}
.avatar.avatar-lg img {width: 50px;height: 50px;}
.avatar.avatar-lg .avatar-content {width: 50px;height: 50px;}
.avatar.avatar-lg .avatar-content .avatar-icon {font-size: 2rem;}
.avatar.avatar-sm .avatar-content {width: 24px;height: 24px;}
.avatar.avatar-sm .avatar-content .avatar-icon {font-size: 1rem;}
.avatar.avatar-sm img {width: 24px;height: 24px;}
/* Search */
/* ------ */
.navbar-container a.nav-link-search {float: left;}
.navbar-container .search-input {float: left;width: 0;}
.navbar-container .search-input input {width: 0;border: none;background: none;line-height: 16px;padding: 1.7rem 3.6rem;}
.navbar-container .search-input.open {position: absolute;left: 0;background: #FFFFFF;right: 0;top: 0;width: 100%;z-index: 1001;margin-top: -1px;box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);}
.navbar-container .search-input.open .search-input-close,
.navbar-container .search-input.open .search-input-icon {display: block;}
.navbar-container .search-input.open input {width: 100%;outline: none;background: none;}
.navbar-container .search-input .search-list {position: absolute;top: 100%;left: 0;background: #FFFFFF;width: 100%;margin-top: 0.5rem;padding-left: 0;border-radius: 0.267rem;display: none;}
.navbar-container .search-input .search-list.show {display: block;}
.navbar-container .search-input .search-list li a {padding: 0.9rem 1rem;color: #727E8C;}
.navbar-container .search-input .search-list li a span[class*="bx bx-"] {font-size: 1.25rem;}
.navbar-container .search-input .search-list li:first-child {border-top-left-radius: 0.267rem;border-top-right-radius: 0.267rem;}
.navbar-container .search-input .search-list li:last-child {border-bottom-left-radius: 0.267rem;border-bottom-right-radius: 0.267rem;}
.navbar-container .search-input .search-list li:hover, .navbar-container .search-input .search-list li.current_item {background-color: #f2f4f4;}
.navbar-container .search-input .search-input-icon {z-index: 2;z-index: 1002;display: none;position: absolute;left: 1.5rem;top: 37%;cursor: pointer;}
.navbar-container .search-input .search-input-icon i {font-size: 1.25rem;}
.navbar-container .search-input .search-input-close {z-index: 1001;display: none;position: absolute;right: 2rem;top: 32%;cursor: pointer;}
.navbar-container .search-input .search-input-close i {font-size: 1.75rem;}
.navbar-container .bookmark-input {position: absolute;width: 25%;display: none;}
.navbar-container .bookmark-input.show {display: block;}
.navbar-container .bookmark-input .bookmark-input-icon {position: absolute;z-index: 1001;top: 0.65rem;left: 1rem;}
.navbar-container .bookmark-input input {padding: 0.7rem 0.7rem 0.7rem 2.5rem;width: 100%;background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.2);}
.navbar-container .bookmark-input input:focus {border: 1px solid #5A8DEE;}
.navbar-container .bookmark-input .search-list {box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);}
.navbar-container .bookmark-icon {cursor: pointer;}
.navbar-container .dropdown.bookmark-dropdown {padding: 1.4rem 0.5rem 1.35rem;}
.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {display: none;}
.navbar-dark .search-input .input,
.navbar-semi-light .search-input .input {color: #f5f7fa;border-radius: 0.5rem;}
.navbar-dark .search-input.open .input,
.navbar-semi-light .search-input.open .input {color: #f5f7fa;border: 1px solid #f5f7fa;}
@media (max-width: 767.98px) {#navbar-mobile .search-input.open .input {  color: #475F7B;}}
/* static navbar search */
body.navbar-static .navbar-container .search-input.open {border-radius: 0;}
/* Apex chart css */
/* -------------- */
.apexcharts-canvas .apexcharts-tooltip {color: #727E8C !important;}
.apexcharts-canvas .apexcharts-tooltip.dark {color: #FFFFFF !important;}
.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {color: #727E8C;}
.apexcharts-xaxistooltip {color: #727E8C !important;}
#client-retention-chart .apexcharts-canvas .apexcharts-legend {left: -14px !important;}
/* Bootstrap Social */
/* ---------------- */
.btn-social, .btn-social-icon {position: relative;padding-left: 3rem;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.btn-social > :first-child, .btn-social-icon > :first-child {position: absolute;left: 0;top: 0;bottom: 0;width: 3rem;line-height: 2.5rem;font-size: 1rem;text-align: center;border-right: 1px solid rgba(0, 0, 0, 0.2);}
.btn-social-icon {height: 3rem;width: 3rem;padding: 0;}
.btn-social-icon > :first-child {border: none;text-align: center;width: 100% !important;}
/* Social Button */
.btn-adn {background-color: #d87a68;color: #FFFFFF;background-color: #d87a68;border-color: #FFFFFF;}
.btn-adn:hover {color: #FFFFFF;background-color: #d87a68;border-color: #d87a68;}
.btn-adn:focus, .btn-adn.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-adn.disabled, .btn-adn:disabled {color: #FFFFFF;background-color: #d87a68;border-color: #FFFFFF;}
.btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active,
.show > .btn-adn.dropdown-toggle {color: #FFFFFF;background-color: #ce563f;border-color: #dfdfdf;}
.btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus,
.show > .btn-adn.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-bitbucket {background-color: #205081;color: #FFFFFF;background-color: #205081;border-color: #FFFFFF;}
.btn-bitbucket:hover {color: #FFFFFF;background-color: #205081;border-color: #205081;}
.btn-bitbucket:focus, .btn-bitbucket.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-bitbucket.disabled, .btn-bitbucket:disabled {color: #FFFFFF;background-color: #205081;border-color: #FFFFFF;}
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active,
.show > .btn-bitbucket.dropdown-toggle {color: #FFFFFF;background-color: #163758;border-color: #dfdfdf;}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.show > .btn-bitbucket.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-dropbox {background-color: #1087dd;color: #FFFFFF;background-color: #1087dd;border-color: #FFFFFF;}
.btn-dropbox:hover {color: #FFFFFF;background-color: #1087dd;border-color: #1087dd;}
.btn-dropbox:focus, .btn-dropbox.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-dropbox.disabled, .btn-dropbox:disabled {color: #FFFFFF;background-color: #1087dd;border-color: #FFFFFF;}
.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active,
.show > .btn-dropbox.dropdown-toggle {color: #FFFFFF;background-color: #0d6aad;border-color: #dfdfdf;}
.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus,
.show > .btn-dropbox.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-facebook {background-color: #3b5998;color: #FFFFFF;background-color: #3b5998;border-color: #FFFFFF;}
.btn-facebook:hover {color: #FFFFFF;background-color: #3b5998;border-color: #3b5998;}
.btn-facebook:focus, .btn-facebook.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-facebook.disabled, .btn-facebook:disabled {color: #FFFFFF;background-color: #3b5998;border-color: #FFFFFF;}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {color: #FFFFFF;background-color: #2d4373;border-color: #dfdfdf;}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-flickr {background-color: #ff0084;color: #FFFFFF;background-color: #ff0084;border-color: #FFFFFF;}
.btn-flickr:hover {color: #FFFFFF;background-color: #ff0084;border-color: #ff0084;}
.btn-flickr:focus, .btn-flickr.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-flickr.disabled, .btn-flickr:disabled {color: #FFFFFF;background-color: #ff0084;border-color: #FFFFFF;}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {color: #FFFFFF;background-color: #cc006a;border-color: #dfdfdf;}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-foursquare {background-color: #f94877;color: #FFFFFF;background-color: #f94877;border-color: #FFFFFF;}
.btn-foursquare:hover {color: #FFFFFF;background-color: #f94877;border-color: #f94877;}
.btn-foursquare:focus, .btn-foursquare.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-foursquare.disabled, .btn-foursquare:disabled {color: #FFFFFF;background-color: #f94877;border-color: #FFFFFF;}
.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active,
.show > .btn-foursquare.dropdown-toggle {color: #FFFFFF;background-color: #f71752;border-color: #dfdfdf;}
.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus,
.show > .btn-foursquare.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-github {background-color: #444444;color: #FFFFFF;background-color: #444444;border-color: #FFFFFF;}
.btn-github:hover {color: #FFFFFF;background-color: #444444;border-color: #444444;}
.btn-github:focus, .btn-github.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-github.disabled, .btn-github:disabled {color: #FFFFFF;background-color: #444444;border-color: #FFFFFF;}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle {color: #FFFFFF;background-color: #2b2b2b;border-color: #dfdfdf;}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-google {background-color: #dd4b39;color: #FFFFFF;background-color: #dd4b39;border-color: #FFFFFF;}
.btn-google:hover {color: #FFFFFF;background-color: #dd4b39;border-color: #dd4b39;}
.btn-google:focus, .btn-google.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-google.disabled, .btn-google:disabled {color: #FFFFFF;background-color: #dd4b39;border-color: #FFFFFF;}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
.show > .btn-google.dropdown-toggle {color: #FFFFFF;background-color: #c23321;border-color: #dfdfdf;}
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
.show > .btn-google.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-instagram {background-color: #3f729b;color: #FFFFFF;background-color: #3f729b;border-color: #FFFFFF;}
.btn-instagram:hover {color: #FFFFFF;background-color: #3f729b;border-color: #3f729b;}
.btn-instagram:focus, .btn-instagram.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-instagram.disabled, .btn-instagram:disabled {color: #FFFFFF;background-color: #3f729b;border-color: #FFFFFF;}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle {color: #FFFFFF;background-color: #305777;border-color: #dfdfdf;}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-linkedin {background-color: #007bb6;color: #FFFFFF;background-color: #007bb6;border-color: #FFFFFF;}
.btn-linkedin:hover {color: #FFFFFF;background-color: #007bb6;border-color: #007bb6;}
.btn-linkedin:focus, .btn-linkedin.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-linkedin.disabled, .btn-linkedin:disabled {color: #FFFFFF;background-color: #007bb6;border-color: #FFFFFF;}
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
.show > .btn-linkedin.dropdown-toggle {color: #FFFFFF;background-color: #005983;border-color: #dfdfdf;}
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
.show > .btn-linkedin.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-microsoft {background-color: #2672ec;color: #FFFFFF;background-color: #2672ec;border-color: #FFFFFF;}
.btn-microsoft:hover {color: #FFFFFF;background-color: #2672ec;border-color: #2672ec;}
.btn-microsoft:focus, .btn-microsoft.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-microsoft.disabled, .btn-microsoft:disabled {color: #FFFFFF;background-color: #2672ec;border-color: #FFFFFF;}
.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active,
.show > .btn-microsoft.dropdown-toggle {color: #FFFFFF;background-color: #125acd;border-color: #dfdfdf;}
.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus,
.show > .btn-microsoft.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-odnoklassniki {background-color: #f4731c;color: #FFFFFF;background-color: #f4731c;border-color: #FFFFFF;}
.btn-odnoklassniki:hover {color: #FFFFFF;background-color: #f4731c;border-color: #f4731c;}
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {color: #FFFFFF;background-color: #f4731c;border-color: #FFFFFF;}
.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active,
.show > .btn-odnoklassniki.dropdown-toggle {color: #FFFFFF;background-color: #d35b0a;border-color: #dfdfdf;}
.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus,
.show > .btn-odnoklassniki.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-openid {background-color: #f7931e;color: #324356;background-color: #f7931e;border-color: #FFFFFF;}
.btn-openid:hover {color: #324356;background-color: #f7931e;border-color: #f7931e;}
.btn-openid:focus, .btn-openid.focus {box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);}
.btn-openid.disabled, .btn-openid:disabled {color: #324356;background-color: #f7931e;border-color: #FFFFFF;}
.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active,
.show > .btn-openid.dropdown-toggle {color: #FFFFFF;background-color: #da7908;border-color: #dfdfdf;}
.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus,
.show > .btn-openid.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);}
.btn-pinterest {background-color: #cb2027;color: #FFFFFF;background-color: #cb2027;border-color: #FFFFFF;}
.btn-pinterest:hover {color: #FFFFFF;background-color: #cb2027;border-color: #cb2027;}
.btn-pinterest:focus, .btn-pinterest.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-pinterest.disabled, .btn-pinterest:disabled {color: #FFFFFF;background-color: #cb2027;border-color: #FFFFFF;}
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle {color: #FFFFFF;background-color: #9f191f;border-color: #dfdfdf;}
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-youtube {background-color: #eff7ff;color: #324356;background-color: #eff7ff;border-color: #000;}
.btn-youtube:hover {color: #FFFFFF;background-color: #000;border-color: #000;}
.btn-youtube:focus, .btn-youtube.focus {box-shadow: 0 0 0 0.2rem rgba(8, 10, 13, 0.5);}
.btn-youtube.disabled, .btn-youtube:disabled {color: #324356;background-color: #eff7ff;border-color: #000;}
.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active,
.show > .btn-youtube.dropdown-toggle {color: #324356;background-color: #bcdeff;border-color: black;}
.btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus,
.show > .btn-youtube.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(8, 10, 13, 0.5);}
.btn-soundcloud {background-color: #ff5500;color: #FFFFFF;background-color: #ff5500;border-color: #FFFFFF;}
.btn-soundcloud:hover {color: #FFFFFF;background-color: #ff5500;border-color: #ff5500;}
.btn-soundcloud:focus, .btn-soundcloud.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-soundcloud.disabled, .btn-soundcloud:disabled {color: #FFFFFF;background-color: #ff5500;border-color: #FFFFFF;}
.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active,
.show > .btn-soundcloud.dropdown-toggle {color: #FFFFFF;background-color: #cc4400;border-color: #dfdfdf;}
.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus,
.show > .btn-soundcloud.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-tumblr {background-color: #2c4762;color: #FFFFFF;background-color: #2c4762;border-color: #FFFFFF;}
.btn-tumblr:hover {color: #FFFFFF;background-color: #2c4762;border-color: #2c4762;}
.btn-tumblr:focus, .btn-tumblr.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-tumblr.disabled, .btn-tumblr:disabled {color: #FFFFFF;background-color: #2c4762;border-color: #FFFFFF;}
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
.show > .btn-tumblr.dropdown-toggle {color: #FFFFFF;background-color: #1c2e3f;border-color: #dfdfdf;}
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
.show > .btn-tumblr.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-twitter {background-color: #55acee;color: #324356;background-color: #55acee;border-color: #FFFFFF;}
.btn-twitter:hover {color: #324356;background-color: #55acee;border-color: #55acee;}
.btn-twitter:focus, .btn-twitter.focus {box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);}
.btn-twitter.disabled, .btn-twitter:disabled {color: #324356;background-color: #55acee;border-color: #FFFFFF;}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {color: #FFFFFF;background-color: #2795e9;border-color: #dfdfdf;}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);}
.btn-vimeo {background-color: #1ab7ea;color: #FFFFFF;background-color: #1ab7ea;border-color: #FFFFFF;}
.btn-vimeo:hover {color: #FFFFFF;background-color: #1ab7ea;border-color: #1ab7ea;}
.btn-vimeo:focus, .btn-vimeo.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-vimeo.disabled, .btn-vimeo:disabled {color: #FFFFFF;background-color: #1ab7ea;border-color: #FFFFFF;}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle {color: #FFFFFF;background-color: #1295bf;border-color: #dfdfdf;}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-vk {background-color: #587ea3;color: #FFFFFF;background-color: #587ea3;border-color: #FFFFFF;}
.btn-vk:hover {color: #FFFFFF;background-color: #587ea3;border-color: #587ea3;}
.btn-vk:focus, .btn-vk.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-vk.disabled, .btn-vk:disabled {color: #FFFFFF;background-color: #587ea3;border-color: #FFFFFF;}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active,
.show > .btn-vk.dropdown-toggle {color: #FFFFFF;background-color: #466482;border-color: #dfdfdf;}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus,
.show > .btn-vk.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-yahoo {background-color: #720e9e;color: #FFFFFF;background-color: #720e9e;border-color: #FFFFFF;}
.btn-yahoo:hover {color: #FFFFFF;background-color: #720e9e;border-color: #720e9e;}
.btn-yahoo:focus, .btn-yahoo.focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
.btn-yahoo.disabled, .btn-yahoo:disabled {color: #FFFFFF;background-color: #720e9e;border-color: #FFFFFF;}
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active,
.show > .btn-yahoo.dropdown-toggle {color: #FFFFFF;background-color: #500a6f;border-color: #dfdfdf;}
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus,
.show > .btn-yahoo.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);}
/* Social Outline Button */
.btn-outline-adn {border: 1px solid #d87a68 !important;color: #d87a68;}
.btn-outline-bitbucket {border: 1px solid #205081 !important;color: #205081;}
.btn-outline-dropbox {border: 1px solid #1087dd !important;color: #1087dd;}
.btn-outline-facebook {border: 1px solid #3b5998 !important;color: #3b5998;}
.btn-outline-flickr {border: 1px solid #ff0084 !important;color: #ff0084;}
.btn-outline-foursquare {border: 1px solid #f94877 !important;color: #f94877;}
.btn-outline-github {border: 1px solid #444444 !important;color: #444444;}
.btn-outline-google {border: 1px solid #dd4b39 !important;color: #dd4b39;}
.btn-outline-instagram {border: 1px solid #3f729b !important;color: #3f729b;}
.btn-outline-linkedin {border: 1px solid #007bb6 !important;color: #007bb6;}
.btn-outline-microsoft {border: 1px solid #2672ec !important;color: #2672ec;}
.btn-outline-odnoklassniki {border: 1px solid #f4731c !important;color: #f4731c;}
.btn-outline-openid {border: 1px solid #f7931e !important;color: #f7931e;}
.btn-outline-pinterest {border: 1px solid #cb2027 !important;color: #cb2027;}
.btn-outline-youtube {border: 1px solid #ff4500 !important;color: #ff4500;}
.btn-outline-soundcloud {border: 1px solid #ff5500 !important;color: #ff5500;}
.btn-outline-tumblr {border: 1px solid #2c4762 !important;color: #2c4762;}
.btn-outline-twitter {border: 1px solid #55acee !important;color: #55acee;}
.btn-outline-vimeo {border: 1px solid #1ab7ea !important;color: #1ab7ea;}
.btn-outline-vk {border: 1px solid #587ea3 !important;color: #587ea3;}
.btn-outline-yahoo {border: 1px solid #720e9e !important;color: #720e9e;}
/* Social Outline Hover Button */
.btn-outline-adn:hover {color: #ad412d;border: 1px solid #ad412d !important;}
.btn-outline-bitbucket:hover {color: #0c1d2f;border: 1px solid #0c1d2f !important;}
.btn-outline-dropbox:hover {color: #094d7e;border: 1px solid #094d7e !important;}
.btn-outline-facebook:hover {color: #1e2e4f;border: 1px solid #1e2e4f !important;}
.btn-outline-flickr:hover {color: #99004f;border: 1px solid #99004f !important;}
.btn-outline-foursquare:hover {color: #d4073d;border: 1px solid #d4073d !important;}
.btn-outline-github:hover {color: #111111;border: 1px solid #111111 !important;}
.btn-outline-google:hover {color: #96271a;border: 1px solid #96271a !important;}
.btn-outline-instagram:hover {color: #223d52;border: 1px solid #223d52 !important;}
.btn-outline-linkedin:hover {color: #003650;border: 1px solid #003650 !important;}
.btn-outline-microsoft:hover {color: #0e459e;border: 1px solid #0e459e !important;}
.btn-outline-odnoklassniki:hover {color: #a24608;border: 1px solid #a24608 !important;}
.btn-outline-openid:hover {color: #a95e06;border: 1px solid #a95e06 !important;}
.btn-outline-pinterest:hover {color: #731216;border: 1px solid #731216 !important;}
.btn-outline-youtube:hover {color: #992900;border: 1px solid #992900 !important;}
.btn-outline-soundcloud:hover {color: #993300;border: 1px solid #993300 !important;}
.btn-outline-tumblr:hover {color: #0c141c;border: 1px solid #0c141c !important;}
.btn-outline-twitter:hover {color: #147bc9;border: 1px solid #147bc9 !important;}
.btn-outline-vimeo:hover {color: #0d7091;border: 1px solid #0d7091 !important;}
.btn-outline-vk:hover {color: #344b61;border: 1px solid #344b61 !important;}
.btn-outline-yahoo:hover {color: #2e0640;border: 1px solid #2e0640 !important;}
/* Social Background Colors */
.bg-adn {background-color: #d87a68;}
.bg-bitbucket {background-color: #205081;}
.bg-dropbox {background-color: #1087dd;}
.bg-facebook {background-color: #3b5998;}
.bg-flickr {background-color: #ff0084;}
.bg-foursquare {background-color: #f94877;}
.bg-github {background-color: #444444;}
.bg-google {background-color: #dd4b39;}
.bg-instagram {background-color: #3f729b;}
.bg-linkedin {background-color: #007bb6;}
.bg-microsoft {background-color: #2672ec;}
.bg-odnoklassniki {background-color: #f4731c;}
.bg-openid {background-color: #f7931e;}
.bg-pinterest {background-color: #cb2027;}
.bg-youtube {background-color: #ff4500;}
.bg-soundcloud {background-color: #ff5500;}
.bg-tumblr {background-color: #2c4762;}
.bg-twitter {background-color: #55acee;}
.bg-vimeo {background-color: #1ab7ea;}
.bg-vk {background-color: #587ea3;}
.bg-yahoo {background-color: #720e9e;}
/* Social Text Colors */
.adn {color: #d87a68;}
.bitbucket {color: #205081;}
.dropbox {color: #1087dd;}
.facebook {color: #3b5998;}
.flickr {color: #ff0084;}
.foursquare {color: #f94877;}
.github {color: #444444;}
.google {color: #dd4b39;}
.instagram {color: #3f729b;}
.linkedin {color: #007bb6;}
.microsoft {color: #2672ec;}
.odnoklassniki {color: #f4731c;}
.openid {color: #f7931e;}
.pinterest {color: #cb2027;}
.youtube {color: #ff4500;}
.soundcloud {color: #ff5500;}
.tumblr {color: #2c4762;}
.twitter {color: #55acee;}
.vimeo {color: #1ab7ea;}
.vk {color: #587ea3;}
.yahoo {color: #720e9e;}
/* Demo Css */
/* -------- */
.fonticon-container > .fonticon-wrap {float: left;width: 60px;height: 60px;text-align: center;margin-bottom: 1rem;}
.fonticon-container > .fonticon-wrap > i {font-size: 2.28rem;transition: all 0.2s ease-in-out;}
.fonticon-container:hover i {color: #5A8DEE;font-size: 2.9rem;transform: scale(1.1);}
.fonticon-container > .fonticon-classname,
.fonticon-container > .fonticon-unit {display: block;font-size: 1.2rem;text-transform: lowercase;margin-top: 0.3rem;font-weight: 400;}
.font-animated .fonticon-classname {text-transform: lowercase;font-weight: 400;}
.browser {background: #e0e0e0;border: 4px solid #e0e0e0;width: 100%;height: 12rem;padding-top: 20px;margin: 0 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.browser iframe {border: 0;background: #FFFFFF;height: 100%;width: 100%;}
.loader-wrapper {height: 8em;}
.maintenance-icon {font-size: 4rem;}
.animation-icon {right: 30px;bottom: 10px;}
.header-navbar.navbar-demo {background-color: #F2F4F4;}
/* Customizer Css */
/* -------------- */
.customizer {width: 400px;right: -400px;padding: 0;background-color: #FFFFFF;z-index: 1051;position: fixed;top: 0;bottom: 0;height: 100vh;transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);backface-visibility: hidden;border-left: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);}
.customizer.open {right: 0;}
.customizer .customizer-content {position: relative;height: 100%;}
.customizer .customizer-close {position: absolute;right: 30px;top: 20px;padding: 7px;width: auto;z-index: 10;color: #727E8C;}
.customizer .customizer-close i {font-size: 1.71rem;}
.customizer .customizer-toggle {background: #5A8DEE;color: #FFFFFF;display: block;box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);border-top-left-radius: 6px;border-bottom-left-radius: 6px;position: absolute;top: 50%;width: 38px;height: 38px;left: -39px;text-align: center;line-height: 44px;cursor: pointer;}
.customizer .color-box {height: 35px;width: 35px;margin: 0.5rem;border-radius: 0.5rem;cursor: pointer;}
.customizer .color-box.selected {box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5);}
.buy-now {position: fixed;bottom: 5%;right: 142px;z-index: 1031;}
.buy-now .btn {box-shadow: 0 1px 20px 1px #FF5B5C !important;}
.buy-now .btn:hover {box-shadow: none !important;}
/* Chips Css */
/* --------- */
.chip {background-color: #f0f0f0;font-size: 0.8rem;border-radius: 1.428rem;display: inline-flex;padding: 0 10px;margin-bottom: 5px;vertical-align: middle;justify-content: center;}
.chip .chip-body {color: rgba(0, 0, 0, 0.7);display: flex;justify-content: space-between;min-height: 1.857rem;min-width: 1.857rem;}
.chip .chip-body .avatar {background-color: #c3c3c3;display: flex;width: 24px;height: 24px;margin: 2px 0;border-radius: 50%;justify-content: center;align-items: center;color: #FFFFFF;transform: translate(-8px);}
.chip .chip-body .avatar .avatar-content {top: 0;}
.chip .chip-body .avatar img {border-radius: 50%;height: 24px;width: 24px;}
.chip .chip-body .chip-text {vertical-align: middle;align-self: center;}
.chip .chip-body i {font-size: 1rem;}
.chip .chip-body .chip-closeable {min-height: 24px;min-width: 24px;margin: 0 4px;display: flex;justify-content: center;align-items: center;align-self: center;border-radius: 50%;background: rgba(0, 0, 0, 0.15);color: #FFFFFF;transform: translate(10px);cursor: pointer;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.chip .chip-closeable i {  position: relative;  top: 3px;}}
/* Divider Css */
/* --------- */
.divider {display: block;text-align: center;overflow: hidden;white-space: nowrap;margin: 1rem 0;}
.divider .divider-text {position: relative;display: inline-block;font-size: 1rem;padding: 0 1rem;background-color: #FFFFFF;}
.divider .divider-text i {font-size: 1rem;}
.divider .divider-text:before, .divider .divider-text:after {content: "";position: absolute;top: 50%;width: 9999px;border-top: 1px solid #DFE3E7;}
.divider .divider-text:before {right: 100%;}
.divider .divider-text:after {left: 100%;}
.divider.divider-left .divider-text {float: left;padding-left: 0;}
.divider.divider-left .divider-text:before {display: none;}
.divider.divider-left-center .divider-text {left: -25%;}
.divider.divider-right .divider-text {float: right;padding-right: 0;}
.divider.divider-right .divider-text:after {display: none;}
.divider.divider-right-center .divider-text {right: -25%;}
.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {border-style: dotted;border-width: 1px;border-top-width: 0;border-color: black;}
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {border-style: dashed;border-width: 1px;border-top-width: 0;border-color: black;}
/* Error Css */
/* --------- */
.error-title {font-size: 3rem;}
@media only screen and (max-width: 575px) {.error-title {  font-size: 2rem;}}
/* widget chat */
/* ----------- */
.widget-chat .widget-chat-container {position: relative;height: 420px;text-align: center;padding: 1.4rem;}
.widget-chat .chat-content .chat-body {overflow: hidden !important;margin: 0.67rem 0 0 0 !important;}
.widget-chat .chat-content .chat-body .chat-message {position: relative !important;float: right !important;text-align: right !important;padding: 0.75rem 1rem !important;margin: 0.2rem 0.2rem 1.8rem 0 !important;max-width: calc(100% - 5rem) !important;clear: both !important;word-break: break-word !important;color: #FFFFFF !important;background: #5A8DEE !important;border-radius: 0.267rem !important;box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6) !important;}
.widget-chat .chat-content .chat-body .chat-message p {margin-bottom: 0 !important;}
.widget-chat .chat-content .chat-body .chat-message .chat-time {position: absolute !important;bottom: -20px !important;right: 0px !important;color: #828D99 !important;font-size: 0.8rem !important;white-space: nowrap !important;}
.widget-chat .chat-content .chat-left .chat-message {text-align: left !important;float: left !important;margin: 0.2rem 0 1.8rem 0.2rem !important;color: #727E8C !important;background-color: #fafbfb !important;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;}
.widget-chat.widget-chat-demo {position: fixed;z-index: 1031;bottom: 11.5%;right: 80px;width: 350px;}
.widget-chat.widget-chat-demo .widget-chat-container {height: 27rem;}
.widget-chat.widget-chat-demo .chat-content .chat-message {max-width: calc(100% - 3rem);}
.widget-chat.widget-chat-demo .card {box-shadow: 0px 0px 22px 0 rgba(25, 42, 70, 0.25);}
.chat-demo-button {position: fixed;bottom: 5%;right: 80px;z-index: 1031;}
.chat-demo-button i {top: 0;}
@media (max-width: 575.98px) {.widget-chat.widget-chat-demo {  right: 0;  padding: 0 1.2rem;  width: 100%;}.widget-chat.widget-chat-demo .widget-chat-container {  height: 21rem;}}
/* Timeline */
/* ---------------- */
.widget-timeline li {padding: 1.1rem 0;list-style: none;position: relative;}
.widget-timeline li.timeline-items:before {position: absolute;content: "";left: -37px;top: 17px;border: 3px solid #FFFFFF;box-shadow: 1px 2px 6px 0 rgba(25, 42, 70, 0.3);border-radius: 50%;background: #5A8DEE;height: 13px;width: 13px;z-index: 2;}
.widget-timeline li.timeline-items.active:not(:last-child):after {position: absolute;content: "";width: 1px;background: #dfe3e7;left: -31px;top: 22px;height: 100%;z-index: 1;}
.widget-timeline li.timeline-items .timeline-content {padding: 0.5rem 1rem;background-color: #fafbfb;border-radius: 0.267rem;display: flex;align-items: center;}
.widget-timeline li .timeline-time {float: right;color: #828D99;font-size: 0.9rem;}
.widget-timeline li .timeline-title {margin-bottom: 0.25rem;}
.widget-timeline li .timeline-text {margin-bottom: 0.5rem;}
/* Breakpoints Css */
/* ------------- */
@media screen and (min-width: 0px) {head {  font-family: "xs 0px";}body:after {  content: "xs - min-width: 0px";}}
@media screen and (min-width: 544px) {head {  font-family: "sm 544px";}body:after {  content: "sm - min-width: 544px";}}
@media screen and (min-width: 768px) {head {  font-family: "md 768px";}body:after {  content: "md - min-width: 768px";}}
@media screen and (min-width: 992px) {head {  font-family: "lg 992px";}body:after {  content: "lg - min-width: 992px";}}
@media screen and (min-width: 1200px) {head {  font-family: "xl 1200px";}body:after {  content: "xl - min-width: 1200px";}}
head {clear: both;}
head title {font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px";}
body:after {display: none;}
*[data-usn-if] {display: none;}
/* Basic Input Css */
/* -------------- */
.form-control-position {position: absolute;top: 2px;right: 0;display: block;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;color: rgba(0, 0, 0, 0.4);}
/* Input Icon Positioning */
.position-relative .form-control {padding-right: calc(1.4em + 0.94rem + 3.7px);}
.position-relative .form-control.form-control-lg ~ .form-control-position {top: 6px;}
.position-relative .form-control.form-control-sm ~ .form-control-position {top: -4px;}
/* Input Icon Left */
.has-icon-left .form-control {padding-right: 1.6rem;padding-left: 2.5rem;}
.has-icon-left .form-control-position {right: auto;}
.has-icon-left .form-control-position i {position: relative;left: 2px;top: 1px;color: rgba(0, 0, 0, 0.4);}
/* Font Sizing */
.font-size-large {font-size: 1.2rem;}
.font-size-base {font-size: 1rem;}
.font-size-small {font-size: 0.8rem;}
.font-size-xsmall {font-size: 0.75rem;}
/* Select2 Css */
/* ----------- */
.select2-container--classic .select2-selection--single {min-height: 40px !important;}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {margin-left: -4px !important;border-color: #828D99 !important;}
.select2-container--classic:focus,
.select2-container--default:focus {outline: none;}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {min-height: 38px;padding: 5px;border: 1px solid #DFE3E7;}
.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {border-color: #5A8DEE !important;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1) !important;}
.select2-container--classic .select2-selection--single .select2-selection__rendered i,
.select2-container--default .select2-selection--single .select2-selection__rendered i {margin-right: 0.5rem;position: relative;top: 2px;}
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {min-height: 38px;}
.select2-container--classic .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {width: 6px;height: 6px;margin-left: -10px;margin-top: -5px;border-width: 0 2px 2px 0;border-color: #b3c0ce;transform: rotate(45deg);}
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {border-color: #5A8DEE !important;outline: 0;}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 2px 0 0 2px;border-color: #b3c0ce transparent transparent #b3c0ce;margin-top: -2px;}
.select2-container--classic.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b {margin-top: 0;}
.select2-container--classic.select2-container--focus,
.select2-container--default.select2-container--focus {outline: 0;}
.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #5A8DEE !important;outline: 0;}
.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {min-height: 38px !important;border: 1px solid #DFE3E7;}
.select2-container--classic .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus {outline: 0;border-color: #5A8DEE !important;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1) !important;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-right: 0;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #5A8DEE !important;border-color: transparent !important;color: #FFFFFF !important;padding: 0.2rem 0.6rem 0.2rem 0.6rem;}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {margin-top: 6px;padding-left: 8px;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #FFFFFF !important;float: right;margin-left: 0.3rem;}
.select2-container--classic .select2-selection--multiple i,
.select2-container--default .select2-selection--multiple i {position: relative;top: 1px;margin-right: 0.5rem;padding-left: 1px;}
.select2-container--classic .select2-selection--multiple[class*="bg-"] .select2-selection__choice,
.select2-container--default .select2-selection--multiple[class*="bg-"] .select2-selection__choice {background-color: rgba(0, 0, 0, 0.15) !important;border-color: rgba(0, 0, 0, 0.2) !important;}
.select2-container--classic .select2-results__options .select2-results__option i,
.select2-container--default .select2-results__options .select2-results__option i {margin-right: 0.5rem;position: relative;top: 2px;}
.select2-container--classic .select2-result-repository__avatar img,
.select2-container--default .select2-result-repository__avatar img {width: 50px;}
.select2-container--classic .select-lg,
.select2-container--default .select-lg {min-height: calc(1.4em + 1.334rem + 3.7px) !important;font-size: 1.2rem;margin-bottom: 0 !important;padding: 0.6rem 0.7rem;}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {padding-top: -0.233rem;padding-left: 0;padding-right: 0;}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {min-height: calc(1.4em + 1.334rem + 3.7px) !important;}
.select2-container--classic .select-lg.select2-selection--multiple,
.select2-container--default .select-lg.select2-selection--multiple {padding: 0 0.2rem;}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {padding-top: 0 !important;}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {font-size: 1.2rem;}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {margin-top: 6.5px;}
.select2-container--classic .select-sm,
.select2-container--default .select-sm {min-height: calc(1.1em + 0.94rem + 3.7px) !important;padding: 0 0.2rem;font-size: 0.75rem;margin-bottom: 0 !important;line-height: 1.5;}
.select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {top: -0.3rem !important;}
.select2-container--classic .select-sm.select2-selection--multiple,
.select2-container--default .select-sm.select2-selection--multiple {line-height: 1.2;}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {padding: 3px;}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {font-size: 0.75rem;margin-top: 2px;}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {padding: 0.2rem 0.3rem;}
.select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {margin-top: 3px;}
.select2 .form-control:focus {border-color: #5A8DEE !important;}
/* Datatables Css */
/* ------------- */
.table.dataTable {margin-bottom: 0 !important;margin-top: 0 !important;border-collapse: collapse !important;border-spacing: 2px;}
.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 {top: 8px;right: 3px;}
.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_desc_disabled:before,
.table.dataTable thead .sorting_desc_disabled:after {font-family: "boxicons";color: #475F7B;}
.table.dataTable thead .sorting:before,
.table.dataTable thead .sorting_asc:before,
.table.dataTable thead .sorting_desc:before,
.table.dataTable thead .sorting_desc_disabled:before {content: "\ea4f";font-size: 1.1rem;}
.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {content: "\ea48";padding-top: 1em;font-size: 1.1rem;}
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_length {margin: 1rem 0;}
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select {background-position: calc(100% - 4px) 9px, calc(100% - 20px) 13px, 100% 0;padding: 0 0.8rem;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: 1rem;}
@media only screen and (max-width: 768px) {div.dataTables_wrapper div.dataTables_paginate ul.pagination {  justify-content: center;}}
@media only screen and (max-width: 576px) {div.dataTables_wrapper div.dataTables_paginate,div.dataTables_wrapper div.dataTables_info {  text-align: left;}div.dataTables_wrapper div.dataTables_paginate ul.pagination,div.dataTables_wrapper div.dataTables_info ul.pagination {  justify-content: left;}}
/* Pick A Date Css */
/* ------------- */
.picker__input.form-control {background-color: #FFFFFF;}
.picker {z-index: 10;}
.picker.picker--opened:before {content: "";position: absolute;top: 8px;left: 1.5rem;width: 0.75rem;height: 0.75rem;display: block;background: #FFFFFF;transform: rotate(45deg) translate(-7px);z-index: 10;box-sizing: border-box;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.picker .picker__holder {margin-top: 0.6rem;border-radius: 0.267rem;box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);}
.picker .picker__day--infocus:hover,
.picker .picker__day--outfocus:hover,
.picker .picker__day--highlighted,
.picker .picker__day--selected,
.picker .picker__day--today {border-radius: 50%;}
.picker .picker__day--highlighted,
.picker .picker__day--highlighted:hover,
.picker .picker--focused .picker__day--highlighted {background-color: #5A8DEE;}
.picker .picker__day--today:before,
.picker .picker__button--today:before {border-top-color: #5A8DEE;}
.picker .picker__nav--prev:before,
.picker .picker__nav--next:before {font-family: "boxicons";}
.picker .picker__nav--next:before {content: "\eb23";}
.picker .picker__nav--prev:before {content: "\eac9";}
.picker .picker__button--close:before {font-family: "boxicons";content: "\e9c3";}
.inlineDatePicker {display: none;}
#inlineDatePicker-container .picker {height: 370px;width: 280px;position: relative;z-index: 9;}
#inlineDatePicker-container .picker.picker--opened:before {display: none;}
#inlineDatePicker-container .picker__holder {max-height: 480px;border-top-width: 1px;border-bottom-width: 1px;display: block;}
/* Daterange Css */
/* ------------- */
.daterangepicker td.active,
.daterangepicker td.active:hover {background-color: #5A8DEE;}
.daterangepicker td.in-range {background-color: rgba(90, 141, 238, 0.2);color: #000;}
.daterangepicker .ranges li.active {background-color: #5A8DEE;}
.daterangepicker-container .daterangepicker {position: relative !important;top: auto !important;left: auto !important;float: left;}