body {
    margin: 0;
    display: flex;
    overflow-x: hidden;
    background: #f8f9fa;
    font-size: 1rem;
}

a {
    text-decoration: none !important;
}

small {
 font-size: 80%;
 font-weight: 400;
}

menu {
 padding-left: 0px;
}

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

b,
strong,
.bold {
 font-weight: 600;
}

/* Utilities */

/* Margins & Paddings */

.no-s {
 margin: 0px !important;
 padding: 0px !important;
}

.no-m {
 margin: 0;
}

.no-p {
 padding: 0;
}

.m {
 margin: 15px;
}

.m-t-xxs {
 margin-top: 5px;
}

.m-r-xxs {
 margin-right: 5px;
}

.m-b-xxs {
 margin-bottom: 5px;
}

.m-l-xxs {
 margin-left: 5px;
}

.m-t-xs {
 margin-top: 10px;
}

.m-r-xs {
 margin-right: 10px;
}

.m-b-xs {
 margin-bottom: 10px;
}

.m-l-xs {
 margin-left: 10px;
}

.m-t-sm {
 margin-top: 15px;
}

.m-r-sm {
 margin-right: 15px;
}

.m-b-sm {
 margin-bottom: 15px;
}

.m-l-sm {
 margin-left: 15px;
}

.m-t-md {
 margin-top: 20px;
}

.m-r-md {
 margin-right: 20px;
}

.m-b-md {
 margin-bottom: 20px;
}

.m-l-md {
 margin-left: 20px;
}

.m-t-lg {
 margin-top: 25px;
}

.m-r-lg {
 margin-right: 25px;
}

.m-b-lg {
 margin-bottom: 25px;
}

.m-l-lg {
 margin-left: 25px;
}

.m-t-xxl {
 margin-top: 30px;
}

.m-r-xxl {
 margin-right: 30px;
}

.m-b-xxl {
 margin-bottom: 30px;
}

.m-l-xxl {
 margin-left: 30px;
}

.m-t-n-xxs {
 margin-top: -5px;
}

.m-r-n-xxs {
 margin-right: -5px;
}

.m-b-n-xxs {
 margin-bottom: -5px;
}

.m-l-n-xxs {
 margin-left: -5px;
}

.m-t-n-xs {
 margin-top: -10px;
}

.m-r-n-xs {
 margin-right: -10px;
}

.m-b-n-xs {
 margin-bottom: -10px;
}

.m-l-n-xs {
 margin-left: -10px;
}

.m-t-n-sm {
 margin-top: -15px;
}

.m-r-n-sm {
 margin-right: -15px;
}

.m-b-n-sm {
 margin-bottom: -15px;
}

.m-l-n-sm {
 margin-left: -15px;
}

.m-t-n-md {
 margin-top: -20px;
}

.m-r-n-md {
 margin-right: -20px;
}

.m-b-n-md {
 margin-bottom: -20px;
}

.m-l-n-md {
 margin-left: -20px;
}

.m-t-n-lg {
 margin-top: -25px;
}

.m-r-n-lg {
 margin-right: -25px;
}

.m-b-n-lg {
 margin-bottom: -25px;
}

.m-l-n-lg {
 margin-left: -25px;
}

.m-t-n-xxl {
 margin-top: -30px;
}

.m-r-n-xxl {
 margin-right: -30px;
}

.m-b-n-xxl {
 margin-bottom: -30px;
}

.m-l-n-xxl {
 margin-left: -30px;
}

.p {
 padding: 15px;
}

.p-h-xxs {
 padding-left: 5px;
 padding-right: 5px;
}

.p-h-xs {
 padding-left: 10px;
 padding-right: 10px;
}

.p-h-sm {
 padding-left: 15px;
 padding-right: 15px;
}

.no-p-h {
 padding-left: 0;
 padding-right: 0;
}

.no-p-v {
 padding-top: 0;
 padding-bottom: 0;
}

.p-h-md {
 padding-left: 20px;
 padding-right: 20px;
}

.p-h-lg {
 padding-left: 25px;
 padding-right: 25px;
}

.p-h-xxl {
 padding-left: 30px;
 padding-right: 30px;
}

.p-v-xxs {
 padding-top: 5px;
 padding-bottom: 5px;
}

.p-v-xs {
 padding-top: 10px;
 padding-bottom: 10px;
}

.p-v-sm {
 padding-top: 15px;
 padding-bottom: 15px;
}

.p-v-md {
 padding-top: 20px;
 padding-bottom: 20px;
}

.p-v-lg {
 padding-top: 25px;
 padding-bottom: 25px;
}

.p-v-xxl {
 padding-top: 30px;
 padding-bottom: 30px;
}

/* Width & Height */

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

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

.w-xxs {
 width: 50px;
}

.w-xs {
 width: 90px;
}

.w-sm {
 width: 140px;
}

.w {
 width: 200px;
}

.w-md {
 width: 240px;
}

.w-lg {
 width: 280px;
}

.w-xl {
 width: 330px;
}

.w-xxl {
 width: 370px;
}

.w-auto {
 width: auto;
}

.h-auto {
 height: auto;
}

/* Borders */

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

.b {
 border: 1px solid #e6e6e6;
}

.b-t {
 border-top: 1px solid #e6e6e6;
}

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

.b-b {
 border-bottom: 1px solid #e6e6e6;
}

.b-l {
 border-left: 1px solid #e6e6e6;
}

.b-default {
 border-color: #e6e6e6;
}

.b-primary {
 border-color: #e03a3c;
}

.b-info {
 border-color: #5780f7;
}

.b-success {
 border-color: #59bb56;
}

.b-warning {
 border-color: #facc35;
}

.b-danger {
 border-color: #eb463f;
}

.b-2 {
 border-width: 2px;
}

.b-3 {
 border-width: 3px;
}

.b-4 {
 border-width: 4px;
}

.b-n-t {
 border-top: 0;
}

.b-n-r {
 border-right: 0;
}

.b-n-b {
 border-bottom: 0;
}

.b-n-l {
 border-left: 0;
}

/* Radius */

.no-r {
 border-radius: 0 !important;
}

.r {
 border-radius: 2px;
}

.r-t-l {
 border-top-left-radius: 2px;
}

.r-t-r {
 border-top-right-radius: 2px;
}

.r-b-l {
 border-bottom-left-radius: 2px;
}

.r-b-r {
 border-bottom-right-radius: 2px;
}

.no-r-t-l {
 border-top-left-radius: 0 !important;
}

.no-r-t-r {
 border-top-right-radius: 0 !important;
}

.no-r-b-l {
 border-bottom-left-radius: 0 !important;
}

.no-r-b-r {
 border-bottom-right-radius: 0 !important;
}

/* Backgrounds */

.bg-primary {
 background-color: #e03a3c !important;
}

.bg-secondary {
 background-color: #e6e6e6 !important;
}

.bg-success {
 background-color: #06ba54 !important;
}

.bg-danger {
 background-color: #eb3f3f !important;
}

.bg-warning {
 background-color: #ffcd36 !important;
}

.bg-info {
 background-color: #5780f7 !important;
}

.bg-light {
 background-color: #f4f4f5 !important;
}

.bg-dark {
 background-color: #37414d !important;
}

/* Text Colors */

.text-primary {
 color: rgb(66, 133, 244);
}

.text-secondary {
 color: #e6e6e6 !important;
}

.text-success {
 color: #06ba54 !important;
}

.text-danger {
 color: #eb3f3f !important;
}

.text-warning {
 color: #ffcd36 !important;
}

.text-info {
 color: #5780f7 !important;
}

.text-light {
 color: #f4f4f5 !important;
}

.text-dark {
 color: #37414d !important;
}

/* Header */

.lime-header {
    position: fixed;
    width:calc(100% - 280px);
 z-index: 9;
 display: block;
 padding: 0.3rem 0.1rem;
 margin-left:280px;
 border-bottom:1px solid #f0eeee;
 background: linear-gradient(270deg, #fafafa 0%, #fff 100%) !important;

}

.header-fixed .lime-header {
 position: fixed;
 top: 0;
 width: 100%;
}

.lime-header.scroll-header {
 padding: 0 30px;
 background: #037afb;
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
}

.sidebar-show .lime-header {
 margin-left:280px;
}

.lime-header .navbar {
 padding: 2px 13px;
}

.lime-header .navbar-brand {
 color: #037afb;
 font-size: 22px;
 font-weight: 700;
 margin-right: 25px;
}

.lime-header.scroll-header .navbar-brand {
 color: #000;
}

.navbar-toggler {
 padding: 0;
 border: none;
 color: #000;
 outline: 0 !important;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.navbar-toggler a {
 color: #000 !important;
}
.navbar-toggler:hover {
 color: #000;
}

.lime-header .search {
 width: 40%;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.lime-header .search input {
 padding: 15px 15px 15px 50px;
 height: 40px;
 width: 100%;
 background: #f3f3f3;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 opacity: 0.95;
 color: #d7d7d7;
 border-radius: 3rem;
 margin-left: 22px;
}


.lime-header .search:hover input,
.lime-header .search input:focus,
.lime-header .search input:active {
 opacity: 1;
 outline: 0 none !important;
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
 color:#000!important;
}

.lime-header .search input::-webkit-input-placeholder {
 color: #d7d7d7;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.lime-header .search:before {
 display: block;
 content: "search";
 font-family: "Material Icons";
 font-size: 20px;
 height: 50px;
 line-height: 50px;
 padding: 0 20px;
 position: absolute;
 z-index: 99;
 color: #d7d7d7;
 margin-left: 20px;
}

.search-results {
 visibility: hidden;
 opacity: 0;
 width: 100%;
 position: fixed;
 top: 80px;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 999;

 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 overflow-y: auto;
 padding-top: 15px;
}

.search-results .search-results-header {
 padding-top: 0.25rem !important;
 overflow: hidden;
 display: block;
 width:100%;
}

.search-results .search-results-header h4 {
 float: left;
 margin-bottom: 0;
 font-size: 1.2rem;
}

.search-results .search-results-header a#closeSearch {
 float: right;
 vertical-align: middle;
 color: #384c6d;
 opacity: 0.7;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.search-results .search-results-header a#closeSearch:hover {
 opacity: 1;
}

.searching {
 overflow-y: hidden;
}

.searching .search-results {
    background: #f3f6f8;
 visibility: visible;
 opacity: 1;
}

.search-result-list {
 list-style-type: none;
 padding: 0 40px;
}

.search-result-list li {
 display: block;
 clear: both;
 margin-bottom: 40px;
 overflow: hidden;
}

.search-result-list.user-search li img {
 width: 50px;
 border-radius: 50px;
 float: left;
}

.search-result-list.user-search li p {
 display: block;
 float: left;
 padding: 5px 15px;
 width: calc(100% - 50px);
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.search-result-list span.search-input-value {
 font-weight: bold;
}

.search-result-list.article-search li p {
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid rgba(131, 141, 145, 0.3);
}

.search-result-list.article-search li span:not(.search-input-value) {
 opacity: 0.6;
}

.search-result-list.social-search li .social-search-icon {
 display: inline-block;
 margin: 0 10px 0 0;
 width: 50px;
 height: 50px;
 text-align: center;
 line-height: 50px;
 background: #000;
 color: #fcfcfc;
 border-radius: 50px;
}

.search-result-list.social-search li .social-search-icon.facebook-icon-bg {
 background: #4267b2;
}

.search-result-list.social-search li .social-search-icon.twitter-icon-bg {
 background: #1da1f2;
}

.search-result-list.social-search li .social-search-icon.google-icon-bg {
 background: #dd5044;
}

.search-result-list.social-search li .social-search-text {
 display: inline-block;
 padding: 5px;
}

.search-result-list.social-search li .social-search-text p {
 line-height: 40px;
}

.lime-header .navbar-nav > li > a {
 color: #7d7d83;
 padding-left: 10px !important;
 padding-right: 10px !important;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 margin-right: 8px;
}

.lime-header.scroll-header .navbar-nav > li > a {
 color: rgba(255, 255, 255, 0.8) !important;
}

.lime-header .navbar-nav > li > a:hover,
.lime-header .navbar-nav > li.show > a {
 color: #000;
}

.lime-header.scroll-header .navbar-nav > li > a:hover,
.lime-header.scroll-header .navbar-nav > li.show > a {
 color: rgba(255, 255, 255, 1) !important;
}

.lime-header .navbar-nav > li > a > i {
 vertical-align: middle;
}

.lime-header .navbar-nav .dropdown a.dropdown-toggle::after {
 display: none;
}


.lime-header .navbar-nav .dropdown.show .dropdown-menu {
 opacity: 1;
 margin-top: 15px;
 visibility: visible;
}



.lime-header .navbar-nav .dropdown .dropdown-menu a:hover {
 background-color: #f4f5fa;
}
.dropdown-menu a i,
.c-drop a i {
 margin-right: 0.7em;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
show > .dropdown-menu,
show > .c-drop {
    opacity: 1;
    transform: translateY(0);
    display: block;
     -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.lime-header .navbar-nav .dropdown .dropdown-menu li.divider {
 display: block;
 width: 100%;
 height: 1px;
 background: #f2f2f2;
 margin: 8px 0;
}

/* Sidebar Toggle */

.material-design-hamburger a {
 display: block;
 border: none;
 background: none;
 outline: 0;
 margin-right: 10px;
}

.material-design-hamburger__icon {
 padding: 5px 15px 5px 15px;
 cursor: pointer;
 background: transparent;
 border: none;
}

.material-design-hamburger__icon:focus,
.material-design-hamburger__icon:active {
 outline: 0;
}

.material-design-hamburger__layer {
 display: block;
 width: 13px;
 height: 2px;
 background: #7d7d83;
 position: relative;
 animation-duration: 200ms;
 animation-timing-function: ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.material-design-hamburger:hover .material-design-hamburger__layer {
 background: #7d7d83;
}

.lime-header.scroll-header .material-design-hamburger__layer {
 background: rgba(255, 255, 255, 0.8);
}

.lime-header.scroll-header
 .material-design-hamburger:hover
 .material-design-hamburger__layer {
 background: rgba(255, 255, 255, 1);
}

.material-design-hamburger__layer:before,
.material-design-hamburger__layer:after {
 display: block;
 width: inherit;
 height: 2px;
 position: absolute;
 background: inherit;
 left: 0;
 content: "";
 animation-duration: 100ms;
 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.material-design-hamburger__layer:before {
 bottom: 250%;
}

.material-design-hamburger__layer:after {
 top: 250%;
}
.material-design-hamburger__icon--to-arrow {
 animation-name: material-design-hamburger__icon--slide;
 animation-fill-mode: forwards;
}

.material-design-hamburger__icon--to-arrow:before {
 animation-name: material-design-hamburger__icon--slide-before;
 animation-fill-mode: forwards;
 bottom: 200%;
}

.material-design-hamburger__icon--to-arrow:after {
 animation-name: material-design-hamburger__icon--slide-after;
 animation-fill-mode: forwards;
 top: 200%;
}

.material-design-hamburger__icon--from-arrow {
 animation-name: material-design-hamburger__icon--slide-from;
}

.material-design-hamburger__icon--from-arrow:before {
 animation-name: material-design-hamburger__icon--slide-before-from;
}

.material-design-hamburger__icon--from-arrow:after {
 animation-name: material-design-hamburger__icon--slide-after-from;
}

@keyframes material-design-hamburger__icon--slide {
 0% {
 }
 100% {
  transform: rotate(180deg);
 }
}

@keyframes material-design-hamburger__icon--slide-before {
 0% {
 }
 100% {
  transform: rotate(45deg);
  margin: -5% 40%;
  width: 75%;
 }
}

@keyframes material-design-hamburger__icon--slide-after {
 0% {
 }
 100% {
  transform: rotate(-45deg);
  margin: -5% 40%;
  width: 75%;
 }
}

@keyframes material-design-hamburger__icon--slide-from {
 0% {
  transform: rotate(-180deg);
 }
 100% {
 }
}

@keyframes material-design-hamburger__icon--slide-before-from {
 0% {
  transform: rotate(45deg);
  margin: -5% 40%;
  width: 75%;
 }
 100% {
 }
}

@keyframes material-design-hamburger__icon--slide-after-from {
 0% {
  transform: rotate(-45deg);
  margin: -5% 40%;
  width: 75%;
 }
 100% {
 }
}

/* Sidebar */
    .lime-container { margin-left:280px; }
.lime-sidebar {
 position: fixed;
 display: block;
 left: 0;
 top: 0;
 bottom: 0;
 height: 100%;
 width: 280px;
 z-index: 999;
 transform: translateX(0);
 opacity: 1;
border-right:1px solid #f0eeee;
background-image: url("/assets/images/nbg.png");

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.side-top { padding:10px; color:#a0a0ac;text-align:center;margin:16px 10px 6px;

}

.sidebar-show .lime-sidebar {
 transform: translateX(0);
 opacity: 1;
}

.lime-sidebar .slimScrollDiv,
.lime-sidebar .lime-sidebar-inner {
 height: 100% !important;
}

.lime-sidebar .lime-sidebar-inner ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.lime-sidebar .lime-sidebar-inner ul li {
 display: block;
 overflow: hidden;
 margin-top: 3px;
}

.lime-sidebar .lime-sidebar-inner ul li a {
 display: block;

 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 padding: 0.65rem 1rem;

 margin:0 .52rem 0 .52rem;
}

.lime-sidebar .lime-sidebar-inner ul li a:hover,
.lime-sidebar .lime-sidebar-inner ul li.open > a {
 background-color: color-mix(in sRGB, #ebebeb 8%, #f1f1f1);
 border-radius: 0.3rem;

 margin:0 .52rem 0 .52rem;

}

.lime-sidebar .lime-sidebar-inner ul li a i:not(.has-sub-menu) {
 vertical-align: top;
 margin-right: 14px;
}
.lime-sidebar .material-icons { font-size:20px!important; }

.lime-sidebar .lime-sidebar-inner ul li a i.has-sub-menu {
 vertical-align: middle;

 float: right;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.lime-sidebar .lime-sidebar-inner ul li.open > a > i.has-sub-menu {
 transform: rotate(-90deg);
}

.lime-sidebar .lime-sidebar-inner ul li.open > a {
 background-color: color-mix(in sRGB, #ebebeb 8%, #f1f1f1);
}
.lime-sidebar .lime-sidebar-inner ul li a:hover, .lime-sidebar .lime-sidebar-inner ul li a:focus {
background-color: color-mix(in sRGB, #ebebeb 8%, #f1f1f1);

 border-radius: 0.3rem;

}
.lime-sidebar .lime-sidebar-inner ul li a.active {
 background: linear-gradient(270deg, rgba(115, 103, 240, 0.7) 0%, #7367f0 100%)!important;
    box-shadow: 0 .125rem .375rem 0 rgba(115,103,240, 0.3);
    color: #fff;
 border-radius: 0.3rem;
 border-bottom-right-radius: 0.3rem;

}
.lime-sidebar i {
 margin-right: 8px;
}

.lime-sidebar .lime-sidebar-inner ul li ul.sub-menu a {
    padding-left:40px;
}

.lime-sidebar .lime-sidebar-inner ul li.sidebar-title {
 display: block;
 text-transform: uppercase;
 margin: 22px 10px 6px;
 overflow: hidden;
 float: none;
font-size:.8rem;
 padding: 0 0.85rem 0 3rem;
 color: #a0a0ac;
 border-bottom:1px solid color-mix(in sRGB, #e1def5 8%, #2f3349);
}
.material-design-hamburger a, .material-design-hamburger a:hover {
    color:#252f4a;
    display:none;
}

.lime-sidebar .lime-sidebar-inner ul li.sidebar-title:first-child {
 margin-top: 0;

 align-items: center;
 text-align: center;

 transition: 0.3s ease all;
 padding: 23px 13px;
 color: #fff;
 background: #333948 !important;
}

.lime-sidebar .lime-sidebar-inner ul li ul.sub-menu {

background:#f9f7f7;
margin: 0 .52rem 0 .52rem;
border-radius:0.3rem;
margin-top:2px;
 display: none;
 position: relative;
 overflow: hidden;
}

.lime-sidebar .lime-sidebar-inner ul li ul.sub-menu li {
 display: block;
 overflow: hidden;
}

.lime-sidebar .lime-sidebar-inner ul li ul.sub-menu li a.active {
 color:#697a8d;;
}

.lime-sidebar .lime-sidebar-inner ul li.active-page > a {
 color: #697a8d;;
}

/* Theme Settings */

.theme-settings-sidebar {
 right: 0;
 top: 0;
 bottom: 0;
 background: #fcfcfc;
 width: 240px;
 display: block;
 position: fixed;
 z-index: 100;
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
 transform: translateX(100%);
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.show-theme-settings .theme-settings-sidebar {
 transform: translateX(0);
}

.theme-settings-sidebar .theme-settings-inner {
 padding: 57px 50px;
}

.theme-settings-sidebar .theme-sidebar-title {
 text-transform: uppercase;
 font-weight: 600;
 color: rgba(131, 141, 145, 1);
 margin-bottom: 20px;
 display: block;
}

.theme-settings-sidebar .themes-info {
 color: rgba(131, 141, 145, 1);
}

.theme-settings-sidebar .theme-item {
 display: block;
 overflow: hidden;
 padding: 5px;
 background: rgba(55, 65, 77, 0.4);
 position: relative;
 margin-top: 20px;
 border-radius: 4px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 opacity: 0.8;
}

.theme-settings-sidebar .theme-item:hover,
.theme-settings-sidebar .theme-item.active {
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
 background: rgba(55, 65, 77, 0.6);
 opacity: 1;
}

.theme-settings-sidebar .theme-item img {
 width: 100%;
 display: block;
}

.theme-settings-sidebar .theme-item .theme-title {
 font-size: 12px;
 margin: 10px 10px 5px 10px;
 text-transform: uppercase;
 color: rgba(255, 255, 255, 1);
 font-weight: 600;
}

.theme-settings-sidebar .theme-item .coming-theme {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(255, 255, 255, 0.7);
 text-align: center;
 line-height: 148px;
 text-transform: uppercase;
 font-size: 12px;
 color: #384c6d;
}

/* Page Container */

.lime-container {
 display: block;
}

.header-fixed .lime-container {
 margin-top: 129px;
}

.sidebar-show .lime-container {
 margin-left:280px;
}

.lime-container .lime-body .container-fluid,
.lime-container .lime-footer .container-fluid {
 padding-left: 50px;
 padding-right: 50px;
}

/* Page Title */
.page-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 10px 0px;
 background:f5f7f6;
 border-bottom: 1px solid #e4e8e9;
 width: -webkit-fill-available;
}
.page-title {
 justify-content: space-between;
 align-items: center;
}

.page-title h3 {
 padding: 0px;
 display: block;
 margin: 0;
 font-size: 1.15rem;
 margin-bottom: 3px;
}

.page-title .breadcrumb {
 background: transparent;
}

.page-title .page-desc {
 font-size: 14px;
 margin: 0 25px 30px;
}

.page-title .divider {
 height: 1px;
 width: 100%;
 margin: 20px 0 30px;
 background: #dfe7f5;
}

/* Footer */

.lime-footer .footer-text {
 display: block;
 padding: 10px 25px 30px;
}

/*** UI ELEMENTS ***/

/* Cards */

.card {

   position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}



.card-shadow {
 box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
}

.card .card-title {
 font-weight: 500;
 margin: 0.5rem;
 margin-left: 0;
 align-items: flex-start !important;
}
.card-title .main-title {
 font-size: 1.15rem;
 font-family: Rubik, sans-serif;
}
.card-title .sub-title {
 color: #99a1b7;
 font-size: 0.9rem;
}

.card-title span {
 line-height: 1.2;
 display: block;
}
.card-img-top {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-body {
 padding: 0 1.25rem;
}



.card-header-pills {
 margin-right: 0;
 margin-left: 0;
}

.card-header-tabs {
 margin-right: 0;
 margin-bottom: -10px;
 margin-left: 0;
 border-bottom: 0;
}

.card-footer {
 border: 0;
 background: transparent;
}
.card-title {
 margin-bottom: 0;
}
.card.text-white .card-title {
 color: #fcfcfc;
}

.card.card-transparent {
 background: transparent !important;
 box-shadow: none;
}

.head-card {
 background: transparent;
 box-shadow: none;
 margin-bottom: 0;
}

/* Breadcrumb */
.bcrub_main {
     display:flex;justify-content:left;background: linear-gradient(90deg, #05e6aa, #1cbdf9);height:64px;color:#fff;padding: 0 16px;width: 100%;align-items: center;  vertical-align: middle;
}
.bcrub {
     margin:auto; vertical-align: middle;width:100%
}
.bcrub_line {
    display:flex;width:100%;align-items: center;justify-content: space-between;padding:2px 18px;
}

.breadcrumb {
    background-color: #fff !important;
    font-size: 14px;
}

.breadcrumb a {
 color: #fff;;
}
.breadcrumb a:hover {
 color: #fff;
}
.breadcrumb-item.active {
 color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: 'Bootstrap-icons';
    content: '\f280';
    font-weight: normal;
    font-size: 0.9rem;
    color: #adb5bd;
    vertical-align: middle;
}

.breadcrumb-separator-1 .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-separator-2 .breadcrumb-item + .breadcrumb-item::before {
 font-family: "Material Icons";
 padding: 0 2px;
 font-size: 15px;

}



/* Alerts */

.alert {
 padding: 0.75rem 1rem;
 margin-bottom: 1rem;
 border: 1px solid transparent;
 border-radius: 0.25rem;
}

.alert.alert-primary {
 background-color: #a4a9f1 !important;
 color: #141b87 !important;
 border-color: #666ee8 !important;
}

.alert.alert-secondary {
 border-color: #6b6f82 !important;
 background-color: #9094a4 !important;
 color: #1a1b20 !important;
}

.alert.alert-success {
 background-color: #5fe0b2 !important;
 color: #0b3a29 !important;
 border-color: #28d094 !important;
}

.alert.alert-danger {
 background-color: #ff909f !important;
 color: #960014 !important;
 border-color: #ff4961 !important;
}

.alert.alert-warning {
 background-color: #ffbc90 !important;
 color: #963b00 !important;
 border-color: #ff9149 !important;
}

.alert.alert-info {
 background-color: #62bcf6 !important;
 color: #053858 !important;
 border-color: #1e9ff2 !important;
}

.alert.alert-light {
 background-color: #fff !important;
 color: #878787 !important;
 border-color: #e0e0e0 !important;
}

.alert.alert-dark {
 background-color: #666 !important;
 color: #000;
 border-color: #424242 !important;
}

.alert .alert-link {
 color: inherit !important;
 font-weight: 600;
}

/* Badge */

.badge {
 display: inline-block;
 padding: 0.49em 1em;
 font-size: 0.81rem;
 text-align: center;
 vertical-align: baseline;
 border-radius: 0.25rem;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 line-height: 1;
 white-space: nowrap;
 font-weight: 400;
}

.badge.badge-primary {
 background-color: #666ee8;
}

.badge.badge-secondary {
 background-color: #6b6f82;
}

.badge.badge-success {
 background-color: #28d094;
}

.badge.badge-danger {
 background-color: #ff4961;
}

.badge.badge-warning {
 background-color: #ff9149;
 color: #fff;
}

.badge.badge-info {
 background-color: #1e9ff2;
}

.badge.badge-light {
 background: #f4f4f5;
 color: #384c6d;
}

.badge.badge-dark {
 background: #37414d;
}

/* Buttons */

.btn {
 display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    font-size: .85em!important;
    letter-spacing: 0.6px;
    cursor: pointer;
    border: 2px solid transparent;
    outline: none;
    padding: 5px 20px;
    transition: none;
    overflow: hidden;
    box-shadow: none !important;
}

.btn-xs {
 padding: 0.3rem 0.5rem;
 font-size: 0.575rem;
 line-height: 0.75;
 border-radius: 0.5rem;
}

.btn-sm {
 padding: 0.41rem 0.87rem;
 font-size: 0.69rem!important;
 line-height: 1;
 border-radius: 0.21rem;
}

.btn-lg {
 font-weight: 500;
    font-size: .75em;
    padding: 4px 10px!important;
}

.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled.active,
.btn:disabled:active {
 box-shadow: none !important;
}
.square {
 border-radius: 0;
}
.btn.btn-primary {
 background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.btn-primary .btn-glow {
 box-shadow: 0 1px 20px 1px rgba(102, 110, 232, 0.6);
}

.btn.btn-outline-primary {
 border-color: #00856f;
 background-color: transparent;
 color: #00856f;
}
.btn.btn-outline-primary:hover {
 border-color: #00856f;
 background-color: #00856f;
 color: #fff !important;
}

.btn.btn-secondary {
 background-color: #6c757d;
    color: white;
    border-color: #6c757d;
}
.btn-outline-secondary {
 border-color: #6b6f82;
 background-color: transparent;
 color: #6b6f82;
}
.btn-outline-secondary:hover {
 border-color: #6b6f82;
 background-color: #6b6f82;
 color: #fff !important;
}

.btn.btn-secondary:hover {
 border-color: #777b8f !important;
 background-color: #777b8f !important;
 color: #fff !important;
}

.btn.btn-secondary:focus,
.btn.btn-secondary.active,
.btn.btn-secondary:active {
 box-shadow: 0 0 0 0.2rem rgba(230, 230, 230, 0.25);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(230, 230, 230, 0.5);
}

.btn.btn-success {
 background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.btn.btn-success:hover {
 background-color: #28d094 !important;
}

.btn.btn-success:focus,
.btn.btn-success.active,
.btn.btn-success:active {
 background: #02c958 !important;
 box-shadow: 0 0 0 0.2rem rgba(6, 186, 84, 0.25);
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(6, 186, 84, 0.5);
}

.btn.btn-danger {
 background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}

.btn.btn-danger:hover {
 background-color: #ff4961 !important;
}

.btn.btn-danger:focus,
.btn.btn-danger.active,
.btn.btn-danger:active {
 background: #fc6060 !important;
 box-shadow: 0 0 0 0.2rem rgba(235, 63, 63, 0.25);
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(235, 63, 63, 0.5);
}

.btn.btn-warning {
 background-color: #ff9149 !important;
 color: #fff !important;
}

.btn.btn-warning:hover {
 background-color: #ff9149 !important;
}

.btn.btn-info {
 background-color: #00856f !important;
 color: #fff !important;
}

.btn.btn-info:hover, .btn.btn-primary:hover {
 background-color: #00705e !important;
}

.btn.btn-info:focus,
.btn.btn-info.active,
.btn.btn-info:active {
 background: #6f92fc !important;
 box-shadow: 0 0 0 0.2rem rgba(87, 128, 247, 0.25);
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(87, 128, 247, 0.5);
}

.btn.btn-light {
  background-color: #f8f9fa;
    color: #212529;
    border: 1px solid #ddd;
}

.btn.btn-light:hover {
 background: #f1f1f4 !important;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(244, 244, 245, 0.5);
}

.btn.btn-dark {
 background-color: #424242 !important;
 color: #fff;
}

.btn.btn-dark:hover {
 background-color: #424242 !important;
}

.btn.btn-dark:focus,
.btn.btn-dark.active,
.btn.btn-dark:active {
 background: #4d5a69 !important;
 box-shadow: 0 0 0 0.2rem rgba(55, 65, 77, 0.25);
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(55, 65, 77, 0.5);
}

.btn.btn-link {
 color: #000;
 background-color: transparent;
 text-decoration: none !important;
 border-color: transparent;
}

.btn.btn-link:hover {
 color: #000 !important;
 background-color: transparent;
}



.btn.btn-outline-secondary {
 border-color: #6b6f82;
 background-color: transparent;
 color: #6b6f82;
}

.btn.btn-outline-secondary:hover {
 background: #6b6f82;
 border-color: #6b6f82;
 color: #fcfcfc;
}

.btn.btn-outline-success {
 border-color: #28d094;
 background-color: transparent;
 color: #28d094;
}

.btn.btn-outline-success:hover {
 background: #28d094;
 border-color: #28d094;
 color: #fcfcfc;
}

.btn.btn-outline-danger {
 border-color: #ff4961;
 background-color: transparent;
 color: #ff4961;
}

.btn.btn-outline-danger:hover {
 background: #ff4961;
 border-color: #ff4961;
 color: #fcfcfc;
}

.btn.btn-outline-warning {
 border-color: #ff9149;
 background-color: transparent;
 color: #ff9149;
}

.btn.btn-outline-warning:hover {
 background: #ff9149;
 border-color: #ff9149;
 color: #fcfcfc;
}

.btn.btn-outline-info {
 border-color: #1e9ff2;
 background-color: transparent;
 color: #1e9ff2;
}

.btn.btn-outline-info:hover {
 background: #1e9ff2;
 border-color: #1e9ff2;
 color: #fcfcfc;
}

.btn.btn-outline-light {
 border-color: #e0e0e0;
 background-color: transparent;
 color: #e0e0e0;
}

.btn.btn-outline-light:hover {
 background: #e0e0e0;
 border-color: #e0e0e0;
 color: #fff;
}

.btn.btn-outline-dark {
 border-color: #424242;
 background-color: transparent;
 color: #424242;
}

.btn.btn-outline-dark:hover {
 background: #424242;
 border-color: #424242;
 color: #fcfcfc;
}
.round {
 border-radius: 1.5rem;
}

.btn-group {
 position: relative;
 vertical-align: middle;
 display: inline-block !important;
}
.btn-group > .btn {
 position: relative;
 margin-left: -3px !important;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
}
.btn i {
 padding-right: 2px;
}
/* Dropdowns */

.dropdown-menu {
 border-radius: 0.25rem;
    border: none;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    padding: 10px;
    min-width: 200px;
    overflow: hidden;
}
.c-drop {
 background: #fcfcfc;
 padding: 8px 0px;
 margin-top: 12px;
 list-style-type: none;
 border-radius: 4px;
 box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
  0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 z-index: 99;
 border: none;
 font-size: 0.91rem;
 max-height: 400px;
 overflow-x: scroll;
 transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 max-width: calc(100% - 220px);
 position: absolute;
 display: none;
}
.c-drop .search {
 display: flex;
 margin: 0 10px;
 border-bottom: 1px solid #000;
}
.c-drop .search input {
 height: 2rem;
 border: 0px;
 background: inherit;
 border-radius: 0;
 width: 100%;
 margin: 0;
 padding: 0.4rem 0.8rem;
}
.c-drop .search .close-drop {
 padding: 0;
 margin: auto;
 display: none;
}

.dropdown-item {
 padding: 8px 12px;
    font-size: 16px;
    color: #333;
    border-radius: 4px;
    transition: all 0.3s
ease-in-out;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.c-drop a {
 text-overflow: ellipsis;
 white-space: nowrap;
 padding: 8px 8px;
 display: block;
 margin: 0;
 color: #1e2122;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 overflow: hidden;
}

.dropdown-menu a.disabled {
 opacity: 0.4;
}

.dropdown-menu a:hover,
.c-drop a:hover {
 background-color: #f4f5fa;
}

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

.dropdown-header {
 padding: 8px 16px;
 margin-bottom: 0;
 font-size: 11px;
 color: #384c6d;
 white-space: nowrap;
 font-weight: 600;
 text-transform: uppercase;
}

.dropdown-menu .divider {
 margin: 8px 0;
}

/* List Group */

.list-group-item {
 padding: 10px 15px;
 border: 1px solid #f2f2f2;
}

.list-group-item.active {
 background-color: #037afb;
 border-color: #037afb;
}

/* Media Object */

.media img {
 border-radius: 4px;
}

.pro {
     background: #f3f6f8;border-radius:3rem;text-overflow: ellipsis;width: 160px;overflow: hidden;height:40px;
}

/* Modal */

body.modal-open {
 overflow: visible;
}

.modal-content {
 border: 0;
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
 border-radius: 4px;
}

.modal-header {
 border-bottom: 0;
 padding: 25px 25px 20px;
}

.modal-title {
 font-size: 1rem;
 color: #000;
}

.modal-body {
 padding: 0 25px;
}

.modal-footer {
 padding: 20px 25px 25px;
 border: 0;
}

.modal-header .close i {
 font-size: 18px !important;
 color: #7d7d83;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 text-shadow: none;
}

.modal-header .close:hover i,
.modal-header .close:focus {
 color: #000;
 outline: 0;
}

/* Navs */

.nav-link {
 color: #384c6d;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.nav-link:hover,
.nav-link.active {
 color: #037afb;
}

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

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
 border-color: #e6e6e6 #e6e6e6 #fcfcfc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
 background-color: #037afb;
}

/* Pagination */

.page-link {
 border: none;
 background: #e6e6e6;
 padding: 9px 15px;
 color: #384c6d;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.page-item.active .page-link,
.page-link:focus,
.page-link:active,
.page-link:hover {
 border: none;
 background: #037afb;
 color: #fcfcfc;
 outline: 0 !important;
 box-shadow: none !important;
}

.pagination-circle .page-link {
 border-radius: 34px !important;
 margin-right: 5px;
}

/* Popovers */

.popover {
 border: 0;
 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
}

.popover-header {
 padding: 9px 15px;
 background: #f2f2f2;
 border-bottom-color: #e6e6e6;
}

.popover-body {
 padding: 9px 15px;
 font-size: 13px;
}

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

/* Progress */

.progress {
 border-radius: 4px;
}

/* Spinners */

.btn .spinner-grow,
.btn .spinner-border {
 vertical-align: middle;
}

/* Toasts */

.toast {
 border: none;
 margin: 10px;
}

.toast-header {
 padding: 6px 10px;
}

.toast-header button.close i {
 font-size: 18px;
 vertical-align: middle;
}

.toast-body {
 padding: 6px 10px;
}

.toast-body .toast-message {
 display: block;
 float: left;
}

/* Tables */

.table {
 color: #384c6d;
}

.table * {
 border-color: #e6e6e6 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
 background-color: #f2f2f2;
}

.table td,
.table th {
 padding: 12px 20px;
}

.table thead th {
 font-weight: 600;
 border-top: 0;
}

.table.table-hover tbody tr {
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}

.table.table-hover tbody tr:hover {
 background: #f2f2f2;
}

/* Icons */

.icon-list-row {
 margin-top: 30px;
}

.icon-list-row i {
 font-size: 23px;
}

/* Forms */

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .9rem + 2px);
    padding: .45rem .9rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #313a46;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .2rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;



 font-family: Inter, sans-serif;

}
input[type="file"] {
 padding-block: 6px;
}

.form-control::-webkit-input-placeholder {
 color: rgba(131, 141, 145, 0.6);
}


.form-control:disabled {
 background-color: #f7f7f7;
    opacity: 1;
}

.form-control:focus {
 border: 1px solid #b4bec5;
 box-shadow: none;
 color: #4e5154;
 background: #fff;
}
input:disabled::-webkit-input-placeholder {
 color: #f9f9f9;
}
input:disabled:-moz-placeholder {
 color: #f9f9f9;
}
input:disabled::-moz-placeholder {
 color: #f9f9f9;
}
input:disabled:-ms-input-placeholder {
 color: #f9f9f9;
}

.help-menu {
 display: block;
}

.help-menu h3 {
 font-size: 12px;
 font-weight: 600;
 color: rgba(27, 29, 93, 1);
 text-transform: uppercase;
 margin-bottom: 10px;
}

.help-menu ul li a {
 color: rgba(27, 29, 93, 0.5);
 padding: 5px 0;
 display: block;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.help-menu ul li a.active,
.help-menu ul li a.active:hover {
 color: #037afb;
 font-weight: normal;
}

.help-menu ul li a:hover {
 color: rgba(27, 29, 93, 1);
}

.help-topics li a {
 display: block;
 margin: 5px 0;
 color: rgba(27, 29, 93, 0.5);
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.help-topics li a:hover {
 color: #037afb;
}

.help-topics {
 display: block;
 border-radius: 6px;
 margin-top: 15px;
}

.help-topics h3 {
 font-weight: 600;
 margin-bottom: 15px;
 font-size: 12px;
 text-transform: uppercase;
}

/* Error Pages */

.error-page .container,
.error-page .error-container {
 height: 100%;
 position: relative;
}

.error-info {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}

.error-info h1 {
 font-size: 148px;
 color: #384c6d;
 font-weight: bold;
}

.error-info p {
 font-size: 14px;
}

.error-image {
 position: absolute;
 right: 0;
 height: 100%;
 width: 50%;
 background: url(../images/404.svg) center center no-repeat;
 background-size: contain;
}

body.err-500 .error-image {
 background: url(../images/500.svg) center center no-repeat;
 background-size: contain;
}

.coming-soon h1 {
 font-size: 64px;
}

.coming-soon .error-image {
 background: url(../images/coming-soon.svg) center center no-repeat;
 background-size: contain;
}

/* Authentication */

.login-page {
 background: url(../images/login.jpg) center center no-repeat;
 background-size: cover;
}

.login-page::before {
 display: block;
 content: "";
 position: absolute;
 background: rgba(0, 0, 0, 0.5);
 width: 100%;
 height: 100%;
}

.login-page .lfh {
 height: 100vh;
 margin: 0 auto;
}

.login-page .login-box {
 position: absolute;
 width: 100%;
 top: 50%;
 transform: translateY(-50%);
}

.login-page .login-box .forgot-link {
 line-height: 31px;
}

/* RESPONSIVE */

@media (max-width: 992px) {
      .lime-container { margin-left:0px; }
 .error-image {
  display: none;
 }
 .material-design-hamburger a, .material-design-hamburger a:hover {
    color:#252f4a;
    display:block;
}
 .lime-sidebar{
 transform: translateX(-100%);
opacity: 1;

 }
.lime-header {
     margin-left:0px;
      width:100%;
}

 .lime-sidebar .lime-sidebar-inner ul li.sidebar-title:first-child {
  padding: 20px 13px;
 }

 .error-info {
  width: 100%;
  text-align: center;
 }
}

@media (max-width: 991px) {
 .page-top {
  padding: 8px 2px;
 }
 .pro {
      width:auto;

 }

 .navbar-collapse {
  height: 0px !important;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-top: 0px;
 }

 .navbar-collapse.show {
  height: 50px !important;
  opacity: 1;
  margin-top: 20px;
  margin-left: 8px;
  margin-right: 8px;
 }
 .lime-header {
  padding: 0;
 }
 .lime-header .navbar-nav {
  flex-direction: row;
  float: right;
  margin-right: -13px;
 }

 .lime-header .search {
  width: calc(100% - 80px);
  left: 0;
  transform: translateX(0);
 }
  .lime-header .search input {
  width: calc(100% - 120px);
 }

 .search-results {
  top: 140px;
 }

 .search-result-list {
  list-style-type: none;
  padding: 0 40px;
 }
}
@media (max-width: 790px) {
.bcrub_ext{
    display:none;
}

}

@media (max-width: 576px) {
    .sidebar-show .lime-header {

 margin-left:0px;
}
.u-name{
    display:none;
}
    .lime-header .search { width:100%;
        }
            .lime-header .search input {
        width: calc(100% - 100px);
    }
.sidebar-show .lime-container {

 margin-left:0px;
}


.lime-header .navbar-brand, .material-design-hamburger a {  margin-right:0px; }
.material-design-hamburger__icon, .navbar-toggler  { padding:5px 8px 5px 8px;
    }
 .icon-list-row i {
  font-size: 32px;
  margin: 10px;
  width: 100%;
  text-align: center;
 }

 .login-page .login-box {
  width: calc(100% - 30px);
 }
 .lime-header .navbar-nav > li > a {
.padding-left:8px; padding-right:8px!important;
.padding-right:8px; padding-left:8px!important;
 }
}

@media (max-width: 360px) {
.logo{
     width:60%;
}
.logo img {
     width:100%;
}

}