@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik&display=swap";

body,html {font-family: 'Rubik',arial,sans-serif; overflow:hidden;}
.card-register-drop, #panelAirdrops .card  {
  box-shadow: inset 0 0 1px #000!important;
  background: #202632!important;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    font-family: 'Bebas Neue',arial,cursive;
    font-weight: 600;
    letter-spacing: .05rem;
}
#about .text-warning {
    color: #D37727!important;
}
 #panelAirdrops .card {color:#fff;}
.card-register-drop {margin-top:-5vh;}
.card-register-drop h4 {letter-spacing:1px;}
.card-register-drop label {
  opacity:.5;
  font-weight:300;
  margin-bottom:.25rem;
  color:#fff;
}
.card-register-drop .form-control, #panelAirdrops .form-control, #panelAirdrops  .form-select {
  color:#fff;
  background-color: rgba(0,0,0,.5);
  border: 1px solid rgba(0,0,0,.125);
}
#loginAirdrops input:-internal-autofill-selected,
#loginAirdrops input:-internal-autofill,
#loginAirdrops input:autofill,
#loginAirdrops input:autofill:hover,
#loginAirdrops input:autofill:focus,
#loginAirdrops input.form-control:-webkit-autofill,
#loginAirdrops input.form-control:-webkit-autofill:hover,
#loginAirdrops input.form-control:-webkit-autofill:focus,
#loginAirdrops textarea:-webkit-autofill,
#loginAirdrops textarea:-webkit-autofill:hover,
#loginAirdrops textarea:-webkit-autofill:focus,
#loginAirdrops select:-webkit-autofill,
#loginAirdrops select:-webkit-autofill:hover,
#loginAirdrops select:-webkit-autofill:focus{
    appearance: menulist-button;
    background-image: none !important;
    background: rgba(0,0,0,.7) !important;
    color:rgba(255,255,255,.65) !important;
}
#loginAirdrops:before, #Airdrops:before {
      content: '';
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: -moz-linear-gradient(top,rgba(18,21,30,1) 0%,rgba(18,21,30,1) 6%,rgba(18,21,30,0) 33%,rgba(18,21,30,0) 71%,rgba(18,21,30,1) 95%,rgba(18,21,30,1) 100%);
      background: -webkit-linear-gradient(top,rgba(18,21,30,1) 0%,rgba(18,21,30,1) 6%,rgba(18,21,30,0) 33%,rgba(18,21,30,0) 71%,rgba(18,21,30,1) 95%,rgba(18,21,30,1) 100%);
      background: linear-gradient(to bottom,rgba(18,21,30,1) 0%,rgba(18,21,30,1) 6%,rgba(18,21,30,0) 33%,rgba(18,21,30,0) 71%,rgba(18,21,30,1) 95%,rgba(18,21,30,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12151e',endColorstr='#12151e',GradientType=0);
  }


#Airdrops {height:100vh; max-height:100vh !important; padding-bottom:3rem; position:relative;}
#loginAirdrops .container, #Airdrops .container {position:relative; z-index:inherit;}
#loginAirdrops .btn-link {line-height:30px; color:#fff; text-decoration:none;}
.btn-primary {
    background: #D37727!important;
    border: 2px solid #D37727!important;
    color: #fff!important
}
.btn-primary:hover {
    background: #ffa85c!important;
    border: 2px solid #ffa85c!important
}
.list-inline li {
    display:inline-block;
}
.list-inline li a {
    text-transform:uppercase;
}
#login_box.btn{
    padding: 0.5rem 1rem !important;
    line-height:2rem;
}
#login_box.btn small {
    font-size:1rem !important;
}

.accordion-item {
    box-shadow: inset 0 0 1px #000!important;
    background: #202632!important;
    border: 1px solid rgba(0,0,0,.125);
    color:#fff;
}
.accordion-button{
    background: transparent;
    color:#fff !important;
    font-size: 1.4rem;
}
.accordion-button:not(.collapsed) {
    color: #D37727 !important;
    background-color: rgba(0,0,0,.3);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.op-5 {
    color: #CCC5B8!important;
}
.pic {
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}
.pic-square {
    padding-top:100%;
}
.card {position:relative;}
.blured {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

.over-mask {position:absolute; display:flex; width:100%; height:100%; z-index:3;}
.over-mask-alert {margin:auto; display:flex;     flex-direction: column;   min-width: 0;   word-wrap: break-word;}
.over-mask-alert span  {display:block; width:100%; padding:8px 25px; border-radius:.25rem; background:#D37727!important; color:#fff; margin-bottom:15px;
  font-family: 'Bebas Neue',arial,cursive;
  font-weight: 600;
  letter-spacing: .1rem;
  font-size:1.4rem;
}
.over-mask-alert  small {display:block; width:100%; color:#fff;}


@media (min-width: 1200px) {
  #panelAirdrops .card-menu {height:50px;}
}

#panelAirdrops {min-height: 100vh;}

#panelAirdrops .bradcrumbs {color:rgba(255,255,255,.5);}
#panelAirdrops .bradcrumbs a {color:rgba(255,255,255,1);}
#panelAirdrops .filter .mb-3 {margin:0 !important;}
#panelAirdrops .list-unstyled {margin-left:30px;}
#panelAirdrops .list-unstyled a {color:#fff;}
#panelAirdrops .list-unstyled a .mdi {
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 31px;
  border-radius: 50%;
  background: rgba(0,0,0,.5);
  margin-right: 5px;
}
#panelAirdrops .logo {margin: -18px 10px; max-width:200px;}
#panelAirdrops  #login_box {
  background: rgba(0,0,0,.7) !important;
  color:rgba(255,255,255,.65) !important;
  border:none !important;
}
#panelAirdrops .dropdown-menu {
  color:#fff;
  box-shadow: inset 0 0 1px #000!important;
  background: rgba(0,0,0,.7)!important;
  min-width: 220px;
  padding:0;
}
#panelAirdrops .dropdown-toggle::after {float: right;   margin-top: 8%;}
#panelAirdrops .dropdown-menu .dropdown-item {color:#fff;     padding: 0.5rem 1rem; border-radius: 0.25rem;}
#panelAirdrops .dropdown-menu .dropdown-item:hover, #panelAirdrops .dropdown-menu .dropdown-item:focus {
  background: #202632!important;
  color:#fff;
}
#panelAirdrops .dropdown-menu .dropdown-divider {border-top: 1px solid rgba(255,255,255,.025); margin: 0.1rem 0;}
#panelAirdrops .list-unstyled a:hover {opacity:.7;}
#panelAirdrops #languages {
    margin-bottom: 5px;
    height: 32px;
    display: inline-block;
}
#panelAirdrops .table thead tr td, #panelAirdrops .table thead tr th {font-size:12px; color:rgba(255,255,255,.5);}
#panelAirdrops .table thead tr td a, #panelAirdrops .table thead tr th a {color:#fff;}
#panelAirdrops .table thead tr td {border-bottom: 1px solid rgb(255 255 255 / 10%) !important;}
#panelAirdrops .table thead tr th {border-bottom: 1px solid rgb(255 255 255 / 50%) !important;}
#panelAirdrops .table tbody tr td {
    border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
}
#panelAirdrops .table tbody tr td a {color:#fff; text-decoration:none;}
#panelAirdrops .table tbody tr td {color:rgba(255,255,255,.5);}

#panelAirdrops .task_container, #wallets_container .card {
    border: 1px solid rgba(255,255,255,.1) !important;
    padding: 0.2rem 0.2rem 0.2rem 0.4rem !important;
    margin-bottom: 0.2rem!important;
    box-shadow: none !important;
}
#panelAirdrops .task_container .btn-secondary {
    background: transparent;
    border: 0.05rem solid #fff;
    border-radius: 0.1rem;
    color: #fff;
}
#viewNotes {color:#fff; text-decoration:none;}

#iframe-modal .modal {color:#000;}
#iframe-modal .modal a {color: #30568d;}
#iframe-modal .modal .modal-body {
    max-height: 50vh;
    padding: 15px !important;
}


#voucherMenu .navbar-brand{padding:0 !important;}
      #voucherMenu #languages {margin:0 15px 0  0;   display:inline-block;  height:auto;}
      #voucherMenu #languages a {    margin-top: 10px; margin-bottom: -5px;}

  #voucherMenu .navbar-nav li {display:inline-block;}
  #voucherMenu .navbar-nav li a {text-transform:uppercase; color:#fff;}

      #voucherMenu  .navbar-toggler { border-color: transparent !important;}

      #voucherMenu .navbar-nav a .mdi {
          width: 32px;
          height: 32px;
          display: inline-block;
          line-height: 31px;
          border-radius: 50%;
          background: rgba(0,0,0,.5);
          margin-right: 5px;
      }
      #voucherMenu #login_box.btn{padding: 0.5rem 1rem !important; line-height:2rem;}
      @media (min-width: 1200px) {
          #voucherMenu #login_box.btn {min-width:200px;}
      }

      @media (max-width: 768px) {
        .lead {font-size: 1.05rem;}
        h4 {font-size:1.3rem;}
        h4 span.op-5 {display:block;}
        .accordion {margin:2rem 0 0 0;}
        .accordion-button{
            font-size: 1.1rem;
        }
          #voucherMenu .navbar-nav {padding-top:1rem;}
          #voucherMenu #languages{display:block; text-align:center; margin-bottom:2rem;}
          #voucherMenu #languages + .d-inline-block {display: block!important;}
          #voucherMenu #login_box.btn {min-width:200px;}
          .txt-over {margin-top:-100%; background:rgba(0,0,0,.7);}
      }

  #voucherMenu #login_box.btn small {font-size:1rem !important;}