:root {
  --theme-primary: #30568d;
  --theme-primary-hover: #3a3a3a;
  --theme-secondary: #4556ac;
  --theme-secondary-hover: #39478f;
  --theme-danger: #ef5967;
  --theme-danger-hover: #dc3545;
  --theme-warning: #b69329;
  --theme-success: #57a07e;
  --theme-info: #2ea6c3;
  --theme-link: #30568d;
  --theme-link-hover: #3a3a3a;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


select[multiple] {height:36px;}
body, html {font-family: "Nunito", sans-serif; font-size: .98rem;  }
body, #panel #main  {
    background-color: #E7E7E7;
    /* background-image: url(../home-5-bg.svg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.widget .package-w {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  align-items: start;
}
.widget  .package .package-w  .btn {margin:0 !important;}
.widget  .package .package-w h3.h4 {margin-top:-1rem !important;}
.widget  .package .package-w div.h2 {margin-bottom:-1rem !important;}

main {overflow-x:hidden;}
#astrologobottom {display:none; opacity:0;}
.card, .btn, .form-control, .badge, .pic, #userInfo {border-radius:.25rem !important;}
hr {opacity:.1;}
.btn, .pic, #MainNav, .navbar-brand img, .offer-content .card, .badge, #leftMenu, #rightMenu, #rightMenu div.inner,
#panel #main, #leftMenu, #leftMenu #filters-collapse, #leftMenu #filters-collapse .collapse, #leftMenu #filters-collapse .collapse ul,
#leftMenu #filters-collapse .collapse div
 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#coinStages .col-1{width: 3%;}
#coinStages .col-11{width: 97%;}

.table-striped tbody tr td + td {border-left:1px solid #cfcfcf !important;}

.card::-webkit-scrollbar,
#main::-webkit-scrollbar, .tox .tox-sidebar-wrap::-webkit-scrollbar, .tox .tox-edit-area__iframe::-webkit-scrollbar  {
  scrollbar-width: thin;
  width: 6px;
}
.card::-webkit-scrollbar-track,
#main::-webkit-scrollbar-track, .tox .tox-sidebar-wrap::-webkit-scrollbar-track, .tox .tox-edit-area__iframe::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0, 0.3);
  background: rgba(0,0,0, 0.1);
}
.card::-webkit-scrollbar-thumb,
#main::-webkit-scrollbar-thumb, .tox .tox-sidebar-wrap::-webkit-scrollbar-thumb, .tox .tox-edit-area__iframe::-webkit-scrollbar-thumb {
  background: rgba(0,0,0, 0.5);
}

.coin-sys {padding-top:100%; position:relative; border-radius:50%;}
.coin-sys div {position:absolute; top:15%; width:100%; padding:0 10%;}
.coin-sys div .mdi {font-size:24px;}

.lh-1 {line-height:1; display:inline-block;}
#progress .col a {text-decoration:none; line-height:1;}

@media (min-width: 1600px){
  .modal-xl {
      max-width: 1500px;
  }
}

#float-select {
  position:fixed; top:25vh; right:-260px; z-index:1111; width:260px; background:#fff;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border-top:solid 1px rgba(0,0,0,.2);
  border-left:solid 1px rgba(0,0,0,.2);
}
#float-select:hover, #float-select:focus {right:0;}
#projectSteps .col + .col:before {
    content: '»';
    display: inline;
    position: absolute;
    margin: 0 5px 0 -11px;
}
#float-select .left {
  border-left:solid 1px rgba(0,0,0,.2);
  border-top:solid 1px rgba(0,0,0,.2);
  border-bottom:solid 1px rgba(0,0,0,.2);
  position:absolute;
  margin-left:-70px;
  margin-top:20px;
  width:60px;
  height:60px;
  line-height:12px;
  padding-top:12px;
  font-size:14px;
  background:#fff;
  color:#000;
  text-align:center;
}
#float-select:hover .left, #float-select:focus .left {}
#float-select .left .mdi {font-size:34px; display:block;}

#float-select .nav-link { text-align:left; border:solid 1px rgba(0,0,0,.2); color:rgb(33, 37, 41); font-size:11px; margin-bottom:2px;}
#float-select .nav-link:hover {background-color: rgba(0,0,0,.2);}
#float-select .nav-link.active {background-color: rgb(33, 37, 41); color: #fff;}

#float-select .nav-link .mdi {font-size:14px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background-color: rgb(33, 37, 41); margin-right:5px; display:inline-block;
border-radius:50%;
}

.h-100 {height:100vh !important;}
.h-90 {height:90vh !important;}
.h90 {height:90vh !important; min-height:700px;}
.h-80 {height:80vh !important;}
.h-70 {height:70vh !important;}
.h-40 {height:40vh !important;}

.bg-warning {background:#f0b252 !important;}
.bg-success{background:var(--theme-success) !important;}


.badge {background:rgba(0,0,0,.3);}
.badge-Exchange {background:#fb4a4c !important;}
.badge-AMA {background:#2e60cc !important;}
.badge-Integration {background:var(--theme-info) !important;}
.badge-Other {background:#ccc !important;}
.badge-Conference {background:#eb7481 !important;}
.badge-Release {background:#2ee2b0 !important;}
.badge-Airdrop-Snapshot {background:#503f86 !important;}
.badge-Tokenomics {background:#fc962b !important;}

.icon-circle {border-radius:50% !important; padding:2px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Roboto", sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
strong, b  {font-weight:600;}
.table-sm>:not(caption)>*>* {
    padding: 0.2rem 0.18rem;
}
.table  a {text-decoration:none !important;}


.btn-group-sm>.btn, .btn-sm {padding: 0.15rem 0.41rem;}
small {font-weight:400; color: #777; font-size:72%!important;}
.badge {font-weight:300;}
.badge.bg-secondary {background-color: #6c757c !important; text-transform:uppercase;}

a {color:var(--theme-primary) ;}
.text-primary {color:var(--theme-primary) !important;}


button {
    color: var(--theme-primary-hover);
    outline: initial !important;
}
.btn-arrow {
    border-radius: 30px !important;
    width: 42px;
    height: 42px;
    line-height: 24px;
}
.btn-arrow,
.btn-arrow i {
    display: inline-block;
    text-align: center;
}
.btn-arrow i {
    font-size: 15px;
}
.btn-sm.btn-arrow {
    width: 34px;
    height: 34px;
    line-height: 17px;
}
.btn-sm.btn-arrow i {
    font-size: 13px;
    line-height: 10px;
}
.btn {
    border-radius: 50px;
    outline: initial !important;
    box-shadow: none !important;
    font-size: 0.8rem;
    padding: 0.45rem .55rem;
}
.btn,
.btn-shadow {
    transition: background-color box-shadow 0.1s linear;
}
.btn-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
}
.btn-shadow:focus,
.btn-shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 2px rgba(0, 0, 0, 0.15) !important;
}
.btn-empty {
    background: transparent !important;
}
.btn-group-lg > .btn,
.btn-group-sm > .btn,
.btn-lg {
    border-radius: 50px;
}
.btn.default {
    border-radius: 0.1rem;
}
.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--theme-primary-hover);
    border-color: var(--theme-primary-hover);
}
.btn-danger {
    color: #fff;
    background-color: var(--theme-danger);
    border-color: var(--theme-danger);
}
.btn-danger:hover {
    color: #fff;
    background-color: var(--theme-danger-hover);
    border-color: var(--theme-danger-hover);
}
.check-button {
    cursor: default !important;
}
.check-button.btn-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    opacity: 1;
}
.check-button .custom-control {
    min-height: 1.1rem;
    margin-top: -7px;
}
.dropdown-menu {
    font-size: 0.8rem;
    border-radius: 0.1rem;
    background: #fff;
    border-color: rgba(58, 58, 58, 0.15);
}
.dropdown-item {
    padding: 0.5rem 1.25rem;
    color: var(--theme-primary-hover);
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #f8f8f8;
    color: var(--theme-primary-hover);
}
.dropdown-item.active,
.dropdown-item:active {
    color: var(--theme-primary-hover) !important;
    text-decoration: none;
    background-color: #d2f4ea !important;
}
.dropdown-divider {
    border-color: #d7d7d7;
}

.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-lg {
    border-radius: 50px !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #631e5c;
    border-color: #631e5c;
    color: #fff;
}
.btn-secondary {
    background-color: var(--theme-secondary);
    border-color: var(--theme-secondary);
    color: #fff;
}
.btn-secondary:hover {
    color: #fff;
    background-color: var(--theme-secondary-hover);
    border-color: var(--theme-secondary-hover);
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #334080;
    border-color: #334080;
    color: #fff;
}
.btn-primary.btn-primary-gradient {
    background: linear-gradient(90deg, var(--theme-link), #571a51);
}
.btn-primary.btn-primary-gradient:hover {
    background: linear-gradient(90deg, var(--theme-link), #73236b);
}
.btn-primary-gradient:not(:disabled):not(.disabled).active,
.btn-primary-gradient:not(:disabled):not(.disabled):active,
.show > .btn-primary-gradient.dropdown-toggle {
    background: linear-gradient(90deg, var(--theme-link), #571a51);
}
.btn-secondary-gradient {
    background: linear-gradient(90deg, var(--theme-secondary), #2f3b75);
}
.btn-secondary-gradient:hover {
    background: linear-gradient(90deg, var(--theme-secondary), var(--theme-secondary-hover));
}
.btn-secondary-gradient:not(:disabled):not(.disabled).active,
.btn-secondary-gradient:not(:disabled):not(.disabled):active,
.show > .btn-secondary-gradient.dropdown-toggle {
    background: linear-gradient(90deg, var(--theme-secondary), #2f3b75);
}
.btn-warning {
    background-color: var(--theme-warning);
    border-color: var(--theme-warning);
}
.btn-danger,
.btn-danger:hover,
.btn-info,
.btn-info:hover,
.btn-outline-danger:hover,
.btn-outline-info:hover,
.btn-outline-success:hover,
.btn-outline-warning:hover,
.btn-success,
.btn-success:hover,
.btn-warning,
.btn-warning:hover {
    color: #fff;
}
.btn-light {
    color: #575057;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}
.btn-light:hover {
    color: #575057;
    background-color: silver;
    border-color: silver;
}
.btn-dark {
    color: #d4d4d4;
    background-color: #575057;
    border-color: #575057;
}
.btn-dark:hover {
    color: #d4d4d4;
    background-color: #4a444a;
    border-color: #4a444a;
}
.btn-outline-dark {
    color: #575057;
    border-color: #575057;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #575057;
    border-color: #575057;
}
.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: initial;
}
.btn-outline-white:hover {
    color: var(--theme-link);
    background-color: #fff;
}
.btn-outline-light {
    color: #d4d4d4;
    border-color: #d4d4d4;
}
.btn-outline-light:hover {
    color: #fff;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}
.btn-outline-primary {
    color: var(--theme-link);
    border-color: var(--theme-link);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--theme-link);
    border-color: var(--theme-link);
}
.btn-outline-theme-3 {
    background: unset;
    color: #af67a4;
    border-color: #af67a4;
}
.btn-outline-theme-3:hover {
    background-color: #af67a4;
    border-color: #af67a4;
    color: #fff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--theme-link);
    border-color: var(--theme-link);
    color: #fff;
}
.btn-outline-secondary {
    color: var(--theme-secondary);
    border-color: var(--theme-secondary);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: var(--theme-primary-hover);
    border-color: var(--theme-primary-hover);
    color: #fff;
}
.btn-header-light {
    color: #d7d7d7;
    border-color: transparent;
    background: transparent;
}
.btn-header-light:hover {
    background-color: initial;
    border-color: #d7d7d7;
}
.btn-header-primary {
    color: var(--theme-link);
    border-color: transparent;
    background: transparent;
}
.btn-header-primary:hover {
    background-color: initial;
    border-color: var(--theme-link);
}
.btn-header-secondary {
    color: var(--theme-secondary);
    border-color: transparent;
    background: transparent;
}
.btn-header-secondary:hover {
    background-color: initial;
    border-color: var(--theme-secondary);
}
.btn-header-primary-light {
    color: #af67a4;
    border-color: transparent;
    background: transparent;
}
.btn-header-primary-light:hover {
    background-color: initial;
    border-color: #af67a4;
}
.btn-group-xl > .btn,
.btn-xl {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 1rem 3.5rem 0.9rem;
}
.btn-group-lg > .btn,
.btn-lg {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 0.6rem 2.5rem;
}
.btn-group-sm > .btn,
.btn-sm {
    padding: 0.45rem 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
}
.btn-group-xs > .btn,
.btn-xs {
    padding: 0.25rem 0.75rem;
    font-size: 0.76rem;
    line-height: 1.3;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--theme-primary-hover);
    border-color: var(--theme-primary-hover);
    color: #fff;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--theme-secondary);
    border-color: var(--theme-secondary);
    color: #fff;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.btn-link {
    color: var(--theme-link);
}
.btn-link:hover {
    color: var(--theme-link-hover);
    text-decoration: underline;
}
.white-underline-link {
    color: #fff;
    text-decoration: underline;
}
.white-underline-link:active,
.white-underline-link:hover {
    color: #fff;
    text-decoration: initial;
}
.btn-multiple-state {
    position: relative;
    transition: opacity 0.5s;
}
.btn-multiple-state .icon,
.btn-multiple-state .spinner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.5s;
    color: #fff;
}
.btn-multiple-state .icon i {
    vertical-align: text-bottom;
    font-size: 18px;
}
.btn-multiple-state .label {
    transition: opacity 0.5s;
}
.btn-multiple-state.show-spinner .label {
    opacity: 0;
}
.btn-multiple-state.show-spinner .spinner {
    opacity: 1;
    visibility: visible;
}
.btn-multiple-state.show-success .label {
    opacity: 0;
}
.btn-multiple-state.show-success .icon.success {
    opacity: 1;
    visibility: visible;
}
.btn-multiple-state.show-fail .label {
    opacity: 0;
}
.btn-multiple-state.show-fail .icon.fail {
    opacity: 1;
    visibility: visible;
}
.btn-multiple-state.btn-primary:disabled {
    opacity: 1;
    background: #6b2063;
    border-color: #6b2063;
}
.btn-multiple-state.btn-secondary:disabled {
    opacity: 1;
    border-color: #364488;
}
.icon-button {
    padding: 0;
    font-size: 14px;
    width: 34px;
    height: 34px;
    line-height: 34px;
}
.icon-button.large {
    width: 44px;
    height: 44px;
    font-size: 18px;
}
.icon-button.small-icon {
    font-size: 12px;
    line-height: 32px;
}
.top-right-button-single {
    width: unset;
}
@media (max-width: 991px) {
    .top-right-button-single {
        width: 100%;
    }
}
.top-right-button-container {
    float: right;
    position: relative;
}
.top-right-button-container .btn-group .btn {
    line-height: 1;
}
@media (max-width: 575px) {
    .top-right-button-container {
        float: none;
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 575px) {
    .top-right-button-container .top-right-button {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }
}
@media (max-width: 575px) {
    .top-right-button-container .dropdown {
        display: flex;
        flex-grow: 1;
        margin-right: 5px;
    }
}
.btn-blank {border:none !important; background:none !important; padding:0 !important;}
.form-control, .form-select { }

.select2-container .select2-selection--single {height:34px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:34px;}
.text-white small {color:#fff !important;}

#tab_list.nav-fill .nav-item .nav-link { border:solid 1px rgba(0,0,0,.1); border-bottom:transparent; color:rgb(33, 37, 41);}
#tab_list.nav-fill .nav-item .nav-link:hover {background:rgba(250,250,250,.5); color:rgb(33, 37, 41);}
#tab_list.nav-fill .nav-item .nav-link.active {
   color:rgb(33, 37, 41);
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;}

.coin_slider img {margin:0 auto;}
#coin-small-slider {margin-top: -0.22rem;}
#coin-small-slider img {margin:0 auto;}
#coin-small-slider .coin_slider {margin-top:10px;}

#leftMenu { color:#fff;  background-color: #fff !important; border-right: 1px solid rgba(0, 0, 0, .1);}

#login_box   {background:transparent !important; color:#222 !important; border:none !important;}


#toggleLeftMenu {position:absolute; z-index:999;
  top: 15px;
  left: 15px;
      padding: 2px 10px;
  font-size:32px; color:#000; text-decoration:none;}




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



#userInfo small {text-transform:uppercase;}

.table thead tr td {border-bottom:1px solid #ddd !important; font-weight:400 !important; font-size:85%;}
.table thead tr td a {text-decoration:none; }
.table tbody tr td {border-bottom:1px solid #ededed !important;}
.table img {border-radius:5px;}

#panel .btn-link {text-decoration:none;}
#panel .btn-link.h6 {font-weight:700;}
#panel .voting-stars .star{color:#333;}
#panel .voting-stars .star:hover, #panel .voting-stars .star.active {color:#0d6efd;}
#panel .bradcrumbs span + span:before {content:'/'; display:inline-block; padding:0 5px;}
#panel main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}
#panel .b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
#panel .bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}
#panel .dropdown-toggle { outline: 0; }
#panel .nav-flush .nav-link {
  border-radius: 0;
}
#panel .btn-toggle {
  display: block;
  text-align: left;
  padding: .25rem .5rem;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
  width:100%;
}
#panel .btn-toggle:hover,
#panel .btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}
#panel .btn-toggle::before {
  width: 18px;
  height:18px;
  margin:3px 0 0 0;
  line-height: 0;
  content: "\F0142";
  font: normal normal normal 24px/1 "Material Design Icons";
  color:#333;
  transition: transform .35s ease;
  transform-origin: .3em 50%;
  float:right;
}
#panel .btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
#panel .btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
  margin:0 0 0 0;
}
#panel .btn-toggle-nav a {
  display: block;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 2rem;
  text-decoration: none;
  background: #fff;

}
#panel .btn-toggle-nav a:hover,
#panel .btn-toggle-nav a:focus {
  background-color: rgba(0,20,0,.15);
}
#panel .scrollarea {
  /* overflow-y: auto; */
}
#panel .fw-semibold { font-weight: 600; }
#panel .lh-tight { line-height: 1.25; }


#panel #main {
	font-size: 0.95rem;
    font-weight: 400;
    color: var(--theme-primary-hover);


}
#panel #leftMenu.collapse:not(.show) + #main  .bradcrumbs {padding-left:130px !important;}

#panel #toggleLeftMenu.sfx-toggle.collapsed{
    background:#9a9a98;
}
#panel #toggleLeftMenu.sfx-toggle.collapsed:after {
  content:'MENU';
  display:inline-block;
  padding-left:10px;
  line-height:50px;
  font-size:18px;
  float:right;
}




#panel #main .pic {
  height: 120px;
      width: 120px;
      display: flex;
      margin: 0 auto;
      border-radius: 50% !important;
      align-items: center;
      border: solid 1px #efefef;
      position: relative;
      overflow: hidden;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.circle-img {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
      height: 120px;
      width: 120px;
      margin: 0 auto;
      border-radius: 50% !important;
      align-items: center;
      line-height:115px;
      background:rgba(0,0,0,.05);
}
#panel #main .pic img {display:inline-flex; margin:0 auto; width:120px !important; height:auto !important;}
#panel #main .pic a {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}

#languages a {text-decoration:none; opacity:.5; border-radius:50%; display:inline-block;      border: solid 1px rgba(197,197,197,1);    height: 24px; width:24px;  line-height: 24px; overflow:hidden;}
#languages a img {width:32px !important; margin-left:-5px; margin-top:-5px; float:left;}
#languages a.active {opacity:1; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;     border: solid 1px rgba(241,241,241,1);}

#projectTabs.nav-pills .nav-link {
  color: #000;
  border:solid 1px #ccc;
background-color: rgba(255, 255, 255, .15) !important;
}

#projectTabs.nav-pills .nav-link.active,
#projectTabs.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #000 !important;
}
#projectTabs.nav-pills .nav-item + .nav-item .nav-link {margin-left:5px!important; width:calc(100% - 5px); }

.coinSlider {margin-bottom:10px !important; margin-top:-5px; text-align:center !important;}
.coinSlider img {margin: 0 auto;}
.coinSlider .slick-dots{bottom:-18px !important;}

.bradcrumbs a {text-decoration:none; color:#333;}
.bradcrumbs a .mdi {color:#000;}

.popup_question_container .card .h275 {min-height:215px;}
.popup_question_container .card, .popup_template_container .card {min-height:230px;}
.popup_question_container .card .btn-success, .popup_template_container .card .btn-outline-secondary {margin-top: auto!important;}

#trendinginfo span small {color:#fff; font-size:12px;}
#dashboardInfo .card + .card, #dashboardInfo .hidden-dark {display:none !important;}
.card-news p .mdi.float-start {position:absolute; left:10px; top:10px;}

.card {
    border: initial;
    background: #fff;
    border-radius: calc(0.15rem - 1px);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
	border-radius: 0.75rem;
}

.rightSliderInfo .card, .rightSliderInfo .card .bg-light {background:rgba(250,250,250,.1) !important;}
.rightSliderInfo .card .bg-light {border-radius:5px;}
.rightSliderInfo .card .bg-light h3 {margin:0;}
.rightSliderInfo .p-3 {padding:.7rem !important;}
.rightSliderInfo .card small {color:#bcbcbc}
#rightMenu .flipper {font-size: 24.5px !important;}


.ringing-bell{
    position: absolute;
    right: 45px;
    top: 2px;
    font-size: 24px;
    line-height:48px;
    text-decoration: none;
    z-index: 2;
    transition: translate(-50%, -50%)
}
.ringing-bell .count,
#cartbutton .count {position:absolute; left:-5px; top:8px; width:16px; height:16px; font-size:10px; color:var(--theme-danger-hover)!important; line-height:15px; text-align:center; border-radius:50%; z-index:3;}
#cartbutton .count {left:-8px; top:-7px;}
#cartbutton {margin-right:15px !important; position:relative;}
#dropdownCart {min-width: 255px;}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.mdi.animated:before  {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial
}


#FlipperLast {font-size:24px !important;}
.flipper {
  color: #333;
  display: block;
  font-size: 50px;
  line-height: 100%;
  padding: 0;
  margin: 0;
  height: 1.7em;
}
.flipper.flipper-invisible {
  font-size: 0px !important;
}

.flipper-group {
  position: relative;
  white-space: nowrap;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.flipper-group label {
  position: absolute;
  color: #ccc;
  font-size: 40%;
  top: 100%;
  line-height: 1em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
  padding-top: .5em;
}

.flipper-digit {
  white-space: nowrap;
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  height: 1.2em;
  overflow-y: hidden;
  box-shadow: 0 .1rem .2rem rgba(0,0,0,.085)!important;
}
.flipper-digit span {
  font-size: 25%;
}

.flipper-delimiter {
  white-space: nowrap;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  color: #fff;
  min-width: .1em;
  white-space: nowrap;
  display: block;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  line-height: 1em;
}

.digit-face {
  display: block;
  visibility: hidden;
  position: relative;
  border-radius: 0.1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  box-sizing: border-box;
  text-align: center;
}

.digit-next {
  display: block;
  position: relative;
  border-radius: 0.1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  height: 1.2em;
  background: #f1f1f1;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  box-sizing: border-box;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.digit-top {
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  background: #fff;
  padding-top: 0.1em;
  padding-bottom: 0;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-top-left-radius: 0.1em;
  border-top-right-radius: 0.1em;
  box-sizing: border-box;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0s linear, -webkit-transform 0s linear;
  transition: transform 0s linear, background 0s linear;
  transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
  -webkit-transform-origin: 0 0.6em 0 !important;
          transform-origin: 0 0.6em 0 !important;
  -webkit-transform-style: preserve-3d !important;
          transform-style: preserve-3d !important;
  z-index: 20;
}
.digit-top.r {
  transition: background 0.2s linear, -webkit-transform 0.2s linear;
  transition: transform 0.2s linear, background 0.2s linear;
  transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  background: #cccccc;
}

.digit-top2 {
  visibility: hidden;
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
  background: #cccccc;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  line-height: 0em !important;
  top: 50% !important;
  bottom: auto !important;
  padding-top: 0;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-bottom-left-radius: 0.1em;
  border-bottom-right-radius: 0.1em;
  overflow: hidden;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0s linear, -webkit-transform 0s linear;
  transition: transform 0s linear, background 0s linear;
  transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-style: preserve-3d !important;
          transform-style: preserve-3d !important;
  -webkit-transform-origin: 0 0 0 !important;
          transform-origin: 0 0 0 !important;
  z-index: 20;
}
.digit-top2.r {
  visibility: visible;
  transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  background: #fff;
}

.digit-bottom {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  background: #fff;
  height: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  line-height: 0em;
  padding-top: 0;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-bottom-left-radius: 0.1em;
  border-bottom-right-radius: 0.1em;
  box-sizing: border-box;
  text-align: center;
  transition: none;
}
.digit-bottom.r {
  transition: background 0.2s linear;
  background: #cccccc;
}

.flipper-digit:after {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  top: 50%;
  display: block;
  z-index: 30;
  left: 0;
  right: 0;
}

.page-item .page-link {
    color: var(--theme-primary);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.p-relative {position:relative;}
.p-absolute {position:absolute;}

#home {

}

#recent_pages_history .btn-sm {
    padding:0.1rem 0.7rem 0.15rem 0.3rem;
    font-size:.7rem;
    position:relative;
}
#recent_pages_history .btn-sm .tab-close {
    position:absolute;
    right:5px;
    top:2px;
    color:#000;
}

#recent_pages_history .btn-sm.clear_recent_pages{padding: 0.1rem 0.4rem; background:var(--theme-danger-hover) !important; border-color:var(--theme-danger-hover) !important; color:#fff !important;}

.custom-control-star {display:inline-block !important;}
       .custom-control-star  input {
           display:none;
       }
       .custom-control-star  input + label {
           padding: 0.375rem 0.75rem;
           font-size: 1.2rem;
           border-radius:5px;
           border: none;
           background:none;
           color:#000;
           cursor:pointer;
           margin:0;

       }
       .custom-control-star  input + label .mdi {
           color: #6c757d!important;
       }
       .custom-control-star  input:checked + label .mdi{
            color: #ffc107!important;

       }

       .custom-control-star.sm input + label {
           padding: 0.11rem 0.45rem;
       }

.scrollbar-container {
    overflow-y: scroll !important;
}

::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 4px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

.rc-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 44px;
    height: 22px;
    line-height: 20px;
    padding: 0;
    vertical-align: middle;
    border-radius: 20px 20px;
    border: 1px solid #ccc;
    background-color: #ccc;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.rc-switch-inner {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 24px;
    top: 0;
}
.rc-switch:after {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 1px;
    border-radius: 50% 50%;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    transform: scale(1);
    transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
    animation-duration: 0.3s;
    animation-name: rcSwitchOff;
}
.rc-switch:hover:after {
    transform: scale(1.1);
    animation-name: rcSwitchOn;
}
.rc-switch:focus {
    box-shadow: 0 0 0 2px #d5f1fd;
    outline: none;
}
.rc-switch-checked {
    border: 1px solid #87d068;
    background-color: #87d068;
}
.rc-switch-checked .rc-switch-inner {
    left: 6px;
}
.rc-switch-checked:after {
    left: 22px;
}
.rc-switch-disabled {
    cursor: no-drop;
    background: #ccc;
    border-color: #ccc;
}
.rc-switch-disabled:after {
    background: #9e9e9e;
    animation-name: none;
    cursor: no-drop;
}
.rc-switch-disabled:hover:after {
    transform: scale(1);
    animation-name: none;
}
.rc-switch-label {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    -webkit-user-select: text;
    user-select: text;
}
@keyframes rcSwitchOn {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.25);
    }
    to {
        transform: scale(1.1);
    }
}
@keyframes rcSwitchOff {
    0% {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}



.rc-switch.custom-switch.custom-switch-small {
    width: 34px !important;
    height: 19px !important;
}
.rc-switch.custom-switch.custom-switch-small:after {
    width: 12px !important;
    height: 12px !important;
    left: 0 !important;
    top: 2px !important;
}
.rc-switch-checked.custom-switch.custom-switch-small:after {
    left: 14px !important;
}






.navbar .navbar-right .user {
    margin-right: 20px;
}
@media (max-width: 1439px) {
    .navbar .navbar-right .user {
        margin-right: 15px;
    }
}
@media (max-width: 1199px) {
    .navbar .navbar-right .user {
        margin-right: 12px;
    }
}
@media (max-width: 767px) {
    .navbar .navbar-right .user {
        margin-right: 10px;
    }
}


@media (min-width: 1370px) {
	main#panel {
		height:calc(100vh - 70px) !important;
		margin-top:70px;
	}
}


.navbar .navbar-logo {
    width: 220px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 120px;
}
.navbar .navbar-logo  img {max-height:40px !important;}
.dropdown-menu {
    font-size: 0.8rem;
    border-radius: 0.1rem;
    background: #fff;
    border-color: rgba(58, 58, 58, 0.15);
}

.navbar .menu-button {
    color: #8f8f8f;
    width: 120px;
    text-align: center;
}
.navbar .menu-button svg {
    height: 16px;
}
.navbar .menu-button .main {
    width: 10px;
}
.navbar .menu-button .main,
.navbar .menu-button .sub {
    fill: var(--theme-primary-hover);
    transition: fill 0.3s;
}
.navbar .menu-button:hover {
    color: var(--theme-link);
}
@media (max-width: 1439px) {
    .navbar .menu-button {
        width: 110px;
    }
}
@media (max-width: 1199px) {
    .navbar .menu-button {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .navbar .menu-button {
        width: 60px;
    }
}

.navbar {
    background: #fff;
    height: 70px;
    padding: .5rem 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 2002;
}



@media (max-width: 1700px) {
	body, html { font-size: .9rem; line-height:1.2;}
	  .btn {
		padding: 0.175rem 0.5rem;
		font-size: .9rem;
	  }
    #use_voucher_widget_number {height: 26px;}

    .form-select, .form-control, .input-group-text { padding: 0.175rem 0.5rem;}
 .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered {
     height: 28px;
 }




	.btn-group-sm>.btn, .btn-sm {
		padding: 0.1rem 0.3rem;
	}
	#mainlogo img {
                width:75% !important;
                margin-top:1%;
            }

            label {
                font-size: .85rem;
            }

            .table .d-lg-hidden {
                display:none;
            }

            .page-link {
                padding: 0.23rem 0.5rem;
            }
	.responsive-coins  .card .row.gx-0.mx-3, .responsive-coins  .card  .pt-4.mb-3.mx-3 {margin:0 .5rem !important;}
	.responsive-coins  .card  .pt-4.mb-3.mx-3 { }
	.h4, h4 {
		font-size: 1.3rem;
	}
	.h5, h5 {
		font-size: 1.15rem;
	}
	#panel #main .pic {
    height: 105px;
    width: 105px;
	}
	#panel #main .pic img {
    width: 105px !important;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 10px;
	}
}

.btn-group-sm > .btn, .btn-sm {
		padding: 0.1rem 0.3rem;
	}
.badge {max-width:200px; overflow:hidden;}
@media (min-width: 1370px) {
  #event_list_container {}
  #event_list_container .card .float-start, #event_list_container .card button.float-end {font-size:1.1rem;}
  .project_container .card .mdi {font-size:1.1rem;}
  .project_container .card .row.pt-5 .mdi{ margin-top:-8px;}
}


@media (min-width: 1024px) {

}

@media (min-width: 1370px) {

}


.table-tasks .task-done {
  background:#9ae9ad !important;
}
.table-tasks input[type="checkbox"] {
  accent-color: #208337 !important;
}
.table-tasks .task-warning {background:#ffda70 !important;}

.errors { color: red; }
@media (max-width: 768px) {
  #leftMenu, .rh-100 {height:auto !important; min-height:auto !important;}


}

.select2-container--default .select2-selection--single  {
    border: 1px solid #ced4da;
}


.navbar .btn-empty.dropdown-toggle {
	border-radius:50%;
	width:30px;
	height:30px;
	font-size:18px;
	padding:0; text-align:center;
	line-height:28px;

}
.dropdown-toggle::after {font-size:13px !important;}

.navbar #iconMenuDropdown, #userDropdown {
    width: 280px;
    padding: 1.5rem!important;
}
.navbar #iconMenuDropdown.dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
}


#userDropdown {right:0; left:auto;}
.navbar .icon-menu-item {
    width: 49%;
    display: inline-block;
    text-align: center;
    margin-bottom: .1rem;
    color: rgba(58,58,58,.8);
	border-radius:.25rem;
}

.navbar .icon-menu-item i {
    font-size: 28px;
    line-height: 42px
}

.navbar .icon-menu-item span {
    text-align: center;
    padding: 0 10px;
    line-height: 14px
}

.navbar .icon-menu-item:focus,.navbar .icon-menu-item:hover {
    color: var(--theme-link)
}

.btn-box i, #login_box i {line-height:30px !important; font-size:18px !important;}
.btn-box, #login_box {
	border:none !important;
	position:relative;
	height:32px !important;
	width:32px !important; padding:0 !important; line- heigth:30px  !important; text-align:center !important;
}
.btn-box:after, #login_box:after {
	position:absolute; top:10px;
	right:-5px; fotn-size:14px !important;
}
.header-icons {margin-right:1rem !important; margin-top:-5px}
#userDropdown .btn + .btn {margin-top:.5rem;}

#leftMenu {
	width: 340px;
	position: relative;
	padding-left:0 !important;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .1), 0 3px 20px rgba(0, 0, 0, .1);

  min-height: 100%;
    height: 100% !important;
}
#panel #leftMenu .btn-toggle::before {display:none !important;}
#leftMenu #filters-collapse {
    position: fixed;
    max-height: calc(100vh - 70px) ;
    overflow-y: scroll;
    background:#fff;
}




#leftMenu ul {
    width: 120px;
    height: calc(100vh - 70px) !important;
    background: #fff;
    z-index: 3;
    position: relative;
    transition: transform 0.3s;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 0;

}

#leftMenu #filters-collapse .collapse, #leftMenu #filters-collapse .collapsing,
#leftMenu #filters-collapse button + div{
	position:fixed !important;
	left:120px !important;
	bottom:0 !important;
	width:220px !important;
	height:100% !important;


}



#leftMenu #filters-collapse .collapse ul, #leftMenu #filters-collapse .collapsing ul{
	width:100%;
	height: calc(100vh - 70px) !important;
	top:70px;
	overflow-y:scroll;
	overflow-x:visible;
	border-left:4px solid #efefef;
}


#leftMenu #filters-collapse .collapse ul li, #leftMenu #filters-collapse .collapsing ul li {
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}
#leftMenu #filters-collapse .collapse ul li a, #leftMenu #filters-collapse .collapsing ul li a {
    font-size: 13px;
    display: block;
    padding:  0;
    margin: 0 0 10px 0;
	height:auto;
	color: rgba(0, 0, 0, .85);
}
#leftMenu #filters-collapse .collapse ul li.current  {	background-color: #d2f4ea !important;}
#leftMenu #filters-collapse .collapse ul li i, #leftMenu #filters-collapse .collapsing ul li i {
    font-size: 1.3em;
    margin-right: 10px;
    color: #8f8f8f;
    vertical-align: middle;
    display: inline-block;
}
#leftMenu #filters-collapse .collapse ul li.current a,
#leftMenu #filters-collapse .collapse ul li.current i,
#leftMenu #filters-collapse .collapse ul li a:hover, #leftMenu #filters-collapse .collapse ul li a:focus {
    color: var(--theme-primary);
	background:transparent;
}

#leftMenu #filters-collapse .collapse ul li span {
    vertical-align: middle;
    padding-top: 3px;
    display: inline-block;
}






#leftMenu  ul li {
    position: relative;
}
#leftMenu  ul li span {
    text-align: center;
    padding: 0 10px;
    line-height: 14px;
}
#leftMenu ul li .rounded {
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #f3f3f3;
    color: var(--theme-primary-hover);
    transition: color 0.3s;
    transition: background 0.3s;
}
#leftMenu ul li .rounded:focus,
#leftMenu ul li .rounded:hover {
    color: var(--theme-primary);
}
#leftMenu ul li i {
    font-size: 32px;
    line-height: 42px;
}
#leftMenu ul li.current .rounded {
    color: var(--theme-primary);
}
#leftMenu ul.list-unstyled li.current {background-color: #d2f4ea !important;}

#leftMenu ul.list-unstyled li.current:after {
    content: " ";
    background: var(--theme-primary);
    border-radius: 10px;
    position: absolute;
    width: 6px;
    height: 90px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;

}
#leftMenu ul.list-unstyled li.current li:after {
    display:none !important;
}

#leftMenu #filters-collapse .collapse ul li.current:after,
#leftMenu #filters-collapse .collapsing ul li.current:after {
    content: " ";
    background: var(--theme-primary);
    border-radius: 10px;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
    display:none !important;
}

#leftMenu  + #main {width:calc(100% - 345px);}
#leftMenu.hidden-submenu  + #main {width:calc(100% - 125px);}
#leftMenu.hidden-mainmenu + #main {width:calc(100% - 5px);}



.menu-button.hidden-submenu .sub {opacity:.4;}
.menu-button.hidden-mainmenu svg {opacity:.4;}

#leftMenu ul li .rounded {font-size:.95rem;}

#leftMenu.hidden-submenu {width:120px !important;}
#leftMenu.hidden-submenu #filters-collapse .collapse ul,
#leftMenu.hidden-mainmenu #filters-collapse .collapse ul
 {display:none !important; opacity:0 !important; width:0 !important;
border:none !important; overflow:hidden !important;
}
#leftMenu.hidden-mainmenu #filters-collapse {position:sticky;}

#leftMenu.hidden-mainmenu {    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;}


#hints_settings_container {
	font-size: 20px;
    position: fixed;
    bottom: 15px;
    right: 60px; z-index: 2000;
    text-decoration: none !important;}

#hints_settings_container input {position:absolute; z-index:-1; opacity:0;}
#hints_settings_container label {
	position:relative;
	z-index:2;
	width:40px;
	height:40px;
	background: #222;
    color: #fff;
	line-height:38px;
	text-align:center;
	border-radius:50%;
	cursor:pointer;

}
#hints_settings_container label:before {
	  display: inline-block;
    font: normal normal normal 24px / 1 "Material Design Icons";
    font-size: 20px;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
	content: "\F0E50";
}
#hints_settings_container input:checked + label:before {content: "\F06E8";}


.hints {position: fixed;
    top: 70px;
    right: 0;
	z-index:2000;
}
.hints .float-hint {
	transition: ease 0.5s;
    padding: 30px;
    background: #fff;
    border: solid 1px #ccc;
	background-color: #d2f4ea !important;
	/* transform: translateY(-30%) translateX(calc(100% + 2px)); */
  margin-right: -280px;
    width: 280px;
}
.hints .float-hint.show {
    /* transform: translateY(-30%) translateX(0); */
    margin-right: 0;
}
.hint-lamp {
    float: left;
    margin-left: -70px;
    margin-top: -31px;
    width: 40px;
    height: 40px;
    background: #222;
	text-align:center;
	font-size:20px;
    color: #fff;
	line-height:38px;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
	cursor:pointer;
}
.hints .float-hint .close-hint {
	position: absolute;
  opacity:0;
    top: 10px;
    right: 10px;
	width:20px; height:20px; display:inline-block; cursor:pointer; margin-left:15px; font-size:20px;}
  .hints .float-hint.show .close-hint { opacity:1;}

  .modal-backdrop {z-index: 2040;}
.modal {z-index: 2060;}



#panel form input:required:valid,
#panel form select:required:valid,
#panel textarea:required:valid {
    background-color: #e4fcf4 !important;
    border: 1px solid #7cc9b0 !important;
}

/* pola wymagane i niewypełnione/niepoprawne */
#panel form input:required:invalid,
#panel form select:required:invalid,
#panel form textarea:required:invalid {
    background-color: #ffeef0 !important;
    border: 1px solid #c97c7c !important;
}


/* select2 poprawnie wybrany */
#panel form select:required:valid + .select2 .select2-selection {
    background-color: #e4fcf4 !important;
    border: 1px solid #7cc9b0 !important;
}

/* select2 pusty/niewypełniony */
#panel form select:required:invalid + .select2 .select2-selection {
    background-color: #ffeef0 !important;
    border: 1px solid #c97c7c !important;
}