@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
select[multiple] {height:36px;}
body, html {font-family: 'Open Sans', sans-serif; font-size: .98rem;}
#astrologobottom {display:none; opacity:0;}
.card, .btn, .form-control, .badge, .pic, #userInfo {border-radius:5px!important;}
hr {opacity:.1;}
.btn, .pic, #MainNav, .navbar-brand img, .offer-content .card, .badge, #leftMenu, #rightMenu, #rightMenu div.inner {
    -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%;}


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

#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:#57a07e !important;}


.badge {background:rgba(0,0,0,.3);}
.badge-Exchange {background:#fb4a4c !important;}
.badge-AMA {background:#2e60cc !important;}
.badge-Integration {background:#2ea6c3 !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,
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:#30568d ;}
.text-primary {color:#30568d !important;}
.btn-primary {background-color:#30568d !important; border-color:#30568d !important;}
.btn-outline-primary {background-color:transparent; color:#d37727 !important; border-color:#d37727 !important;}


#login_box .btn-primary {}

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

#toggleLeftMenu {position:absolute; z-index:999;
  top: 15px;
  left: 15px;
      padding: 2px 10px;
  font-size:32px; color:#000; text-decoration:none;}
#toggleLeftMenu.collapsed i.mdi-close:before, #toggleRightMenu.collapsed i.mdi-close:before {content: "\F035C" !important;}
#toggleRightMenu {position:absolute; right:10px; top:2px; font-size:32px; color:#fff; text-decoration:none; z-index: 999;}
.img-circle {border-radius:50%;}
#leftMenu .list-unstyled ul {margin:0;}
#leftMenu .list-unstyled li {margin-bottom:5px;}
#leftMenu .list-unstyled li .btn {font-size:1.1rem; display:block; text-align: left; padding: .45rem .5rem; }
#leftMenu .list-unstyled li .btn .mdi {
  height: 26px;
width: 26px;
float: left;
border-radius: 50%;
background: #f1f1f1;
text-align: center;
line-height: 25px;
margin-right: 5px;
}
#leftMenu .list-unstyled li .btn span .mdi {
  line-height:26px;
  font-size:12px;
  background:none !important;
  display:inline-block;
  margin-right: 0px;
}
#leftMenu .list-unstyled li .btn span small.badge {
  font-size:10px!important;
  width:26px!important;
  height:26px!important;
  line-height:25px!important;
  display:block;
  float:right;
  border-radius:50% !important;
  background: #ffff !important;
  border:solid 1px  rgb(33, 37, 41)!important;
  margin-left:0px;
  color:rgb(33, 37, 41)!important;
  padding:0!important;
}

#leftMenu .list-unstyled li .btn.rounded {border:solid 1px rgba(241,241,241,1);  }
#leftMenu .list-unstyled li.current > .btn {background-color:rgb(33, 37, 41); color:#fff; }
#leftMenu .list-unstyled li.current > .btn .mdi{
  background:#c0efe8;
  color: rgba(0, 0, 0, .85);
}

#leftMenu .list-unstyled li .collapse a, #leftMenu .list-unstyled ul a {font-size: .95rem;}
#leftMenu .list-unstyled ul li.current a {background-color: #c0efe8;}

#leftMenu .list-unstyled li.current .collapse{
  background: #f1f1f1;
  border-radius: 5px;
}
#leftMenu.collapsing {width:0; padding:0;}
#leftMenu.collapse:not(.show) {display: none !important; padding:0; width:0;}

#rightMenu {position:fixed; z-index:998; top:0; right:0; bottom:0;}
#rightMenu.collapse:not(.show), #rightMenu.collapsing {padding:1rem 0 !important; width:0;}
#rightMenu.collapse:not(.show) div.inner {display:none;}

#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;
}
#panel .btn-toggle-nav a:hover,
#panel .btn-toggle-nav a:focus {
  background-color: rgba(241,241,241,1);
}
#panel .scrollarea {
  overflow-y: auto;
}
#panel .fw-semibold { font-weight: 600; }
#panel .lh-tight { line-height: 1.25; }


#panel #main {background-color: #f9fbfd;}
#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: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
}

.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:#dc3545!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: #30568d;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #30568d;
    border-color: #30568d;
}
.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:#dc3545 !important; border-color:#dc3545 !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;
       }

#leftMenu .list-unstyled li .btn.rounded {position:relative;}
.card-targets {height:28px;}

@media (max-width: 1700px){
  #leftMenu .list-unstyled li .btn {font-size: .9rem;}
  #leftMenu .list-unstyled li .collapse a, #leftMenu .list-unstyled ul a {font-size: .85rem;}
  #leftMenu .list-unstyled li .btn .mdi, #leftMenu .list-unstyled li .btn span small.badge {

     height: 22px !important;
     width: 22px !important;
     line-height: 21px !important;
   }

   .form-select {padding: 0.2rem 2.25rem 0.2rem 0.65rem;}
   .form-control, .input-group-text {padding: 0.2rem 0.65rem;}
   .select2-container .select2-selection--multiple, .select2-container .select2-selection--single { min-height: 28px;}
   .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 28px;
   }

	body, html { font-size: .9rem; line-height:1.2;}
	  .btn {
		padding: 0.175rem 0.5rem;
		font-size: .9rem;
	  }
	.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;
	}
}
@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) {

}

.errors { color: red; }