:root {
    --primary: #ff64ff; 
    --primary-hover: #ff64ff;
    --primary-hover-border: #ff64ff;
    --primary-focus: rgba(255, 100, 255, 0.5);
    --primary-light: #ff64ff;
    --primary-darker: #ff64ff;

    --font-family: "American Captain",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-text: "Overpass",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

@font-face {
    font-family: 'Overpass';
    src: url('/assets/fonts/Overpass/Overpass-Regular.eot');
    src: url('/assets/fonts/Overpass/Overpass-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Overpass/Overpass-Regular.woff2') format('woff2'),
        url('/assets/fonts/Overpass/Overpass-Regular.woff') format('woff'),
        url('/assets/fonts/Overpass/Overpass-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overpass';
    src: url('/assets/fonts/Overpass/Overpass-Bold.eot');
    src: url('/assets/fonts/Overpass/Overpass-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Overpass/Overpass-Bold.woff2') format('woff2'),
        url('/assets/fonts/Overpass/Overpass-Bold.woff') format('woff'),
        url('/assets/fonts/Overpass/Overpass-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'designsystemcw01-900rregular';
    src: url('/assets/fonts/design_system_c_w01_900r-webfont.woff2') format('woff2'),
         url('/assets/fonts/design_system_c_w01_900r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jiftanblack';
    src: url('/assets/fonts/jiftan-black-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jiftanbold';
    src: url('/assets/fonts/jiftan-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'jiftanlight';
    src: url('/assets/fonts/jiftan-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jiftanmedium';
    src: url('/assets/fonts/jiftan-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jiftanregular';
    src: url('/assets/fonts/jiftan-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jiftanthin';
    src: url('/assets/fonts/jiftan-thin-webfont.woff2') format('woff2'),
         url('/assets/fonts/jiftan-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




.baddie_font_1 {
  font-family: 'jiftanthin';
}


.baddie_font_2 {
  font-family: 'jiftanregular';
}

.baddie_font_3 {
  font-family: 'jiftanmedium';
}

.baddie_font_4 {
  font-family: 'jiftanlight';
}

.baddie_font_5 {
  font-family: 'jiftanbold';
}

.baddie_font_6 {
  font-family: 'jiftanblack';
}

.baddie_font_chat {
  font-family: 'designsystemcw01-900rregular';
}



html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  
  background-image: url(/img/bg4.jpg);
  background-position: center center;
  background-attachment: fixed;
  
  /* 
  background-image:url(/assets/media/themes/xboef/boef_pattern_small.jpg);
  background-position: center center;
  background-attachment:fixed; */
  
  /* background: #22052A url('/img/bg/bg-2.jpg') no-repeat center top fixed;
  background-size: cover; */
} 








.welcome-content {
  padding-top: 7px; 
  padding-left: 15px; 
  padding-right: 15px; 
  padding-bottom: 25px; 
}
.welcome-text-headline {
  text-transform: uppercase; 
  font-size: 28px; 
  font-weight: bold; 
  line-height: normal;
  paddding: 0;
  margin: 0;
  margin-bottom: 5px;
  letter-spacing: 1px; 
}
.welcome-text-extra {
  font-size: 15px;
  padding: 0;
  line-height: 18px;
  color: #b2b2b2;
  opacity: 1;
  margin-bottom: 5px;
}




@media (max-width: 600px) {
  
  /* html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #22052A url('/img/bg/bg-4-app.jpg') no-repeat center top fixed;
    background-size: cover;
  } */
  
  .welcome-text-headline {
    letter-spacing: 1px; 
    font-size: 24px; 
  }
  
}


/* HOME */

.missionTimeslot {
  opacity: 0.7;
  font-size: 12px; 
}
.missionEnds {
  text-transform: lowercase;
}



/* GEM EVENT */

.gemEventIntro {
  font-size: 24px;
  line-height: 22px;
  font-family: 'jiftanbold';
  margin-bottom: 8px;
}

.gemEventDeetz {
  width: 100%; 
  opacity: 1;
  font-size: 14px;
  margin-bottom: 10px;
}

.gemEventTime {
  width: 100%; 
  opacity: 0.7;
  font-size: 11px; 
  margin-bottom: 6px; 
}






.paymentShop {
  padding: 0;
  margin: 0;
  padding-top: 5px;
}

.paymentShop ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.paymentShop li {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-left: 0;
  font-size: 15px;
  line-height: 23px;
}







body.lobby-outgame {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #22052a;
    background-size: cover;
}

.lobby-outgame-logo {
    width: 180px; 
    height: auto;
}

.lobby-outgame-main {
    background: rgba(11, 11, 11, 0.85);
    -webkit-backdrop-filter: blur(15px); 
    backdrop-filter: blur(15px); 
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.lobby-outgame-mainTitle {
    font-size: 28px; text-transform: uppercase; line-height: normal; margin-bottom: 10px;
}

.lobby-input {
    font-size: 16px; font-family: Overpass; padding: 6px; padding-bottom: 5px; padding-left: 16px; line-height: normal;
}

.lobby-outgame-button {
    font-weight: bold; font-size: 20px; text-transform: uppercase; line-height: normal; padding-top: 13px; padding-bottom: 8px;
}

.lobbyAlert {
    text-align: center;
    font-family: Overpass;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.lobby-outgame-footer {
    width: 100%;
    height: auto;
    display: block;
    font-size: 12px;
    text-align: center; 
    padding-bottom: 20px;
}

.lobby-outgame-footer ul {
    list-style: none;
    margin: 0 auto; 
    padding: 0;
    display: inline-block;
}
.lobby-outgame-footer li {
    display: inline-block; 
    margin-right: 6px;
}
.lobby-outgame-footer li.lobby-footer-copyright {
    color: white;
    opacity: 0.4;
}
.lobby-outgame-footer li a {
    width: auto;
    height: auto;
    color: white;
    opacity: 0.4;
}
.lobby-outgame-footer li a:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
}

.accept-terms {
    line-height: 180%;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
}
.accept-terms a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
}




@media (max-width: 600px) {
    
    body.lobby-outgame {
       background: #22052a;
       background-size: cover;
    }
    
    .lobby-outgame-logo {
        width: 130px; 
        height: auto;
    }

}


.verifiedUser {
  float: left;
  width: 12px;
  height: 12px;
  background: url(/images/general/verified-badge.png);
  background-size: 12px 12px;
  margin-right: 7px;
}

a.pageHeaderImage {
  display: block; 
  width: 300px; 
  height: 64px; 
  background: url(/img/top-header-image-3.png) left bottom no-repeat; 
  background-size: auto 84%;
  position: relative;	
  left: -15px;
}

.paymentDisclaimer {
  margin: 0 auto; padding-top: 15px; width: 80%; font-size: 14px; line-height: 15px; opacity: 0.7; 
}
.paymentDisclaimer a {
  color: white;
  text-decoration: none;
}
.paymentDisclaimer a:hover {
  text-decoration: underline;
}

.sideBarMenuLeft {
  margin-top: -14px;
}
.sideBarMenuLogo {
  width: 130px; 
  position: relative; 
}

.sideBarFooter {
  height: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
}

.networkFooter {
  display: block; 
  width: auto; 
  height: 230px; 
  position: relative;
  margin-top: -25px;
  margin-left: -25px; margin-bottom: -26px; margin-right: -25px;
  background-size: auto 230px;
}









.footerMenus {
  padding-top: 15px;
  padding-bottom: 15px;
  /* background: rgba(11, 11, 11, 0.8); */
  /* -webkit-backdrop-filter: blur(10px); 
  backdrop-filter: blur(10px); */
  /* border-top: 1px rgba(255, 255, 255, 0.1) solid; */
  text-align: center; 
}

/* MENU 1 */

.footerMenu1 {
  width: 100%;
  height: auto;
  display: block;
  font-size: 12px;
}
.footerMenu1 ul {
  list-style: none;
  margin: 0 auto; 
  padding: 0;
  display: inline-block;
}
.footerMenu1 li {
  display: inline-block; 
  margin-right: 6px;
}
.footerMenu1 li.game-logo {
  width: 100%;
  text-align: center; 
  margin-bottom: -3px; 
}
.footerMenu1 li.game-logo a {
  width: 80px;
  height: 26px;
  opacity: 0.7;
  background: url(/img/footer-logo.png) center bottom no-repeat;
  background-size: auto 100%;
  display: block;
  margin: 0 auto; 
}
.footerMenu1 li.footer-link {
  padding-top: 6px;
}
.footerMenu1 li a {
  width: auto;
  height: auto;
  color: white;
  opacity: 0.6;
}
.footerMenu1 li a:hover {
  color: white;
}

/* MENU 2 */

.footerMenu2 {
  width: 100%;
  height: auto;
  padding-top: 3px;
  display: block; 
  font-size: 11px;
}
.footerMenu2 ul {
  list-style: none;
  margin: 0 auto; 
  padding: 0;
  display: inline-block;
}
.footerMenu2 li {
  display: inline-block; 
  margin-right: 6px;
}
.footerMenu2 li.footer-copyright {
  color: white;
  opacity: 0.4;
}
.footerMenu2 li a {
  width: auto;
  height: auto;
  color: white;
  opacity: 0.4;
}
.footerMenu2 li a:hover {
  text-decoration: none;
  color: white;
  opacity: 0.7;
}

@media only screen and (max-width: 600px) {
  
  .footerMenus {
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 90px;
  }
  
  .footerMenu1, .footerMenu2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  
}


body.reset-content {
  background-image: url('/assets/media/landing/BOEF_LandingPage_Reset_bg.png');
  background-size: cover;
}

body.reset-content2 {
  background-image: url('/assets/media/landing/landing_bg_new.jpg');
  background-size: cover;
}






.sale-bg {
    background: url(/img/deal4.png) center center no-repeat;
    background-size: 100% auto;
}

.saleHeadline1 {
    font-size: 30px; 
    line-height: normal; 
    margin-top: -2px; 
    margin-bottom: 2px; 
    letter-spacing: 1px;
}
.saleTitle1 {
    color: #111; 
    font-size: 15px; 
    text-transform: uppercase; 
    letter-spacing: 2px;
    line-height: normal;
    padding-top: 3px;
    padding-bottom: 1px;
}
.saleText1 {
    font-size: 13px;
    color: #4db5d6;
    animation: flash 1s infinite;
}
.saleText2 {
    font-size: 14px; 
    line-height: 18px; 
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}


.p-header {
  width: 100%;
  height: auto;
  display: block;	
  background-color: #000; 
  background-image: url(/assets/media/headers/header-1.jpg); 
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: auto 140%;
  border-bottom: 1px black solid;
}
.p-headerTitle {
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 64px;
  letter-spacing: 0.1px;
  line-height: 230%;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  color: white;
  text-shadow: 1px 0px 15px rgba(0, 0, 0, 0.9); 
}


.p-header.image-2 {
  background-image: url(/assets/media/headers/header-2.jpg); 
}
.p-header.image-3 {
  background-image: url(/assets/media/headers/header-3.jpg); 
  background-size: auto 170%;
}

.p-header.image-4 {
  background-image: url(/assets/media/headers/header-clean-1.jpg); 
  background-size: auto 150%;
}
.p-header.image-5 {
  background-image: url(/assets/media/headers/header-clean-2.jpg); 
  background-size: auto 150%;
}
.p-header.image-6 {
  background-image: url(/assets/media/headers/header-clean-3.jpg); 
  background-size: auto 150%;
}
.p-header.image-7 {
  background-image: url(/assets/media/headers/header-clean-4.jpg); 
  background-size: auto 150%;
}
.p-header.image-8 {
  background-image: url(/assets/media/headers/header-clean-5.jpg); 
  background-size: auto 150%;
}
.p-header.image-9 {
  background-image: url(/assets/media/headers/header-clean-6.jpg); 
  background-size: auto 150%;
}




.p-header.image-bendes {
  background-image: url(/assets/media/headers/header-5.jpg); 
  background-size: auto 160%;
}

.p-header.image-rld {
  background-image: url(/assets/media/headers/header-4.jpg); 
  background-position: center top; 
  background-size: auto 155%;
}





@media (max-width: 800px) {
  .p-header {
    background-size: 100% auto;
  }
  .p-headerTitle {
    height: 110px;
    font-size: 48px;
    line-height: 210%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  }
  
  .p-header.image-bendes {
    background-image: url(/assets/media/headers/header-5.jpg); 
    background-size: auto 130%;
  }
  
}





.p-header_Prison {
  width: 100%;
  height: auto;
  display: block;	
  background-color: #000; 
  background-image: url(/img/header/header-prison-1.jpg); 
  background-position: center top; 
  background-repeat: no-repeat;
  background-size: auto 140%;
  border-bottom: 1px black solid;
}
.p-headerTitle_Prison {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 34px;
  letter-spacing: 0;
  line-height: 200%;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.30));
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); 
}



 .paymentsExtraInfo {
    color: white;
    margin-top: 5px;
    margin-bottom: -10px;
    text-align: center;
}
.paymentsExtraInfo a {
    color: white;
}
.paymentsExtraInfo a:hover {
    text-decoration: underline;
}
.paymentsExtraInfo p.pay-help {
    margin-bottom: 0;
    font-size: 13px;
    opacity: 0.7;
    padding-bottom: 25px;
}
.paymentsExtraInfo p.pay-info {
    margin: 0 auto;
    width: 70%;
    opacity: 0.5;
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0;
}

@media (max-width: 600px) { 
    
    .paymentsExtraInfo {
        margin-top: 20px;
    }
    .paymentsExtraInfo p.pay-help {
        padding-bottom: 35px;
    }
    
}



.tableSpecialFont {
  font-size: 16px; 
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.7;
  line-height: normal;
}




.bg-black-70 {
  background-color: rgba(0,0,0,.70)!important;
}

.bg-reset-shadow {
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.4);
}

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
  color: #000;
}

.nav-main-link {
  margin: 1px 0;
  letter-spacing: normal;
}

.custom-image {
  bottom: 0;
  display: none;
}

@media screen and (min-width: 770px) {
  .custom-image {
    display: block;
  }

  .custom-image.left {
    left: -382px;
  }

  .custom-image.right {
    right: -634px;
  }
}

@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-600 {
    width: 600px;
  }
}

@media (min-width: 992px) {
  .nav-main-dark.nav-main-horizontal.nav-main-hover .nav-main-link.active, .nav-main-dark.nav-main-horizontal.nav-main-hover .nav-main-link:hover, .page-header-dark #page-header .nav-main-horizontal.nav-main-hover .nav-main-link.active, .page-header-dark #page-header .nav-main-horizontal.nav-main-hover .nav-main-link:hover, .sidebar-dark #sidebar .nav-main-horizontal.nav-main-hover .nav-main-link.active, .sidebar-dark #sidebar .nav-main-horizontal.nav-main-hover .nav-main-link:hover {
    background-color: #370e48;
  }

  .w-lg-40 {
    width: 40%;
  }

  .w-lg-50 {
    width: 50%;
  }
}

.dropdown-menu {
  min-width: 192px;
  min-width: 12rem;
}

.custom_font {
  font-family: var(--font-family);
}

.custom_font_text {
  font-family: var(--font-family-text);
}






.custom_font_2 {
  font-family: 'jiftanbold';
}
.custom_font_3 {
  font-family: 'bignoodletitlingregular';
}
.custom_font_4 {
  font-family: 'dozerregular';
}
.custom_font_5 {
  font-family: 'molotregular';
}
.custom_font_6 {
  font-family: 'pricedownblack';
}	
.custom_font_7 {
  font-family: 'tungstenbold';
}

@media (min-width: 768px) {
  .border-sm-top {
    border-top: 1px solid #000 !important;
  }

  .border-sm-right {
    border-right: 1px solid #000 !important;
  }

  .border-sm-bottom {
    border-bottom: 1px solid #000 !important;
  }

  .border-sm-left {
    border-left: 1px solid #000 !important;
  }
}

.verified-badge {
  background-image: url('/images/general/verified-badge.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
    left: -2px;
    top: 2px;
}

.fa-stack { font-size: 0.75em; }
.fa-stack i { vertical-align: middle; }

.bg-gd-dark-op-r {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.65+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}

.bg-gd-dark-op-l {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.3+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 */
}

.bg-gd-dark-op-rl {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.3+0,0.65+50,0.3+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 */
}

.mobile-notification {
  position: absolute;
    top: -6px;
    right: -6px;
    font-size: 0.65rem;
    border-radius: 50%;
    text-align: center;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: #fff;
}

.button-style-dark {
  background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
  linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
  linear-gradient(27deg, #25042e 5px, transparent 5px) 0px 10px,
  linear-gradient(207deg, #25042e 5px, transparent 5px) 10px 5px,
  linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
  linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px; border: 1px #fff solid;
}

.button-style-dark:hover {
  background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
  linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
  linear-gradient(27deg, #25042e 5px, transparent 5px) 0px 10px,
  linear-gradient(207deg, #25042e 5px, transparent 5px) 10px 5px,
  linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
  linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px; border: 1px #fff solid;
}

.gradient-text {
  /* background: -webkit-linear-gradient(270deg, rgba(118, 131, 217,1) 0%, rgba(216, 160, 254,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  
  color: #4db5d6;
}

.gradient-font {
  font-size: 24px;
}

.title-font {
  font-size: 27px;
  line-height: 25px;
  color: #f1f3d5;
}

.subtitle-font {
  font-size: 19px;
  line-height: 25px;
  color: #f1f3d5;
}

.footer-font {
  font-size: 12px;
}

@media screen and (min-width: 960px) {
  .footer-font {
    font-size: 13px;
  }

  .gradient-font {
    font-size: 29px;
  }

  .title-font {
    font-size: 29px;
    line-height: 27px;
  }

  .subtitle-font {
    font-size: 21px;
    line-height: 25px;
  }
}

.form-control-reset {
  background-color: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  font-family: var(--font-family);
  font-size: 18px;
  height: auto;
  padding: .5rem 1.25rem;
}

.custom-control-reset {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,255,255,0.4);
}

.custom-control-reset a {
  background: -webkit-linear-gradient(270deg, rgba(255,199,2,1) 0%, rgba(198,96,3,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.reset-error {
  font-family: var(--font-family);
  font-size: 18px;
  text-align: left;
  padding: .5rem 1.25rem;

  background: url("/assets/media/themes/xboef/bg_pattern.png"), linear-gradient(180deg, rgba(239,123,79,1) 0%, rgba(224,79,26,1) 100%);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.75);
}

.winner-text {
  text-shadow: 0px 1px 5px rgb(0 0 0 / 75%);
  font-size: 16px;
}

.reset-success {
  font-family: var(--font-family);
  font-size: 18px;
  text-align: left;
  padding: .5rem 1.25rem;

  background: url("/assets/media/themes/xboef/bg_pattern.png"), linear-gradient(180deg, rgba(178,234,117,1) 0%, rgba(130,181,75,1) 100%);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.75);
}

.grecaptcha-badge {
  display: none !important;
}

@media screen and (min-width: 960px) {
  .grecaptcha-badge {
    display: block !important;
  }
}

.weed {
  background-image: url('/assets/media/themes/xboef/weed.png');
  background-size: cover;
  width: 110px;
  height: 30px;
  position: absolute;
  top: -30px;
  right: 15px;
  display: block;
}

.bullets {
  background-image: url('/assets/media/themes/xboef/bullets.png');
  background-size: cover;
  width: 38px;
  height: 20px;
  position: absolute;
  top: -15px;
  left: -15px;;
  display: block;
  transform: rotate(-15deg);
}

.sirenes {
  background-image: url('/assets/media/themes/xboef/bottom_sirenes.png');
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  right: 0;
  left: 0;
  display: block;
  opacity: 0.5;
  z-index: -1;
}

.footer-static {
  position: relative;
}

.w-33 {
  width: 33% !important;
}
  
@media screen and (min-width: 768px) {
  .w-md-33 {
    width: 33% !important;
  }
  
  .w-md-25 {
    width: 25% !important;
  }

  .border-md-left {
    border-left: 1px solid #000;
  }
}

.customTopBar a {
  color: #fff !important;
  text-decoration: underline;
}

.bg_pattern,
.btn:not(.no_pattern) {
  background-image: url('/assets/media/themes/xboef/bg_pattern.png');
  background-size: cover;
}

.modal .form-check-label,
.modal .note-form-label {
  color: #000;
}

.table {
  color: #f1f1f1;
}

.custom-block .custom-control-label {
  border-color: #000;
  background-color: #25042e;
}

.custom-block .custom-control-label:hover {
  border-color: var(--primary-light);
}

.custom-font {
  font-family: var(--font-family);
  font-size: 1.25em;
}

/* iPhone X / iPhone 11 Pro */
@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio : 3) { 
   .quicknav .block {
     padding-bottom: 1.25rem !important;
   }
}

/* iPhone 11 */
@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio : 2) { 
   .quicknav .block {
     padding-bottom: 1.25rem !important;
   }
}

/* iPhone 11 Pro Max */
@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio : 3) { 
   .quicknav .block {
     padding-bottom: 1.25rem !important;
   }
}

.text-facebook {
  color: #0665d0;
}

.text-facebook:hover {
  color: #0e58ae;
}

.btn-lh {
  font-size: 20px;
}

.rounded-md-top {
  border-top-left-radius: 10px!important;
  border-top-right-radius: 10px!important;
}

.btn-custom {
  font-size: 22px;  
  background: #4db5d6;
  border: 0;
  color: #000;
}

.btn-custom2 {
  font-size: 22px;
  background: #25042e;
  border: 0;
  color: #fff;
}

@keyframes moveBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.btn-custom:hover {
  color: #000;
}

.btn-custom2:hover {
  color: #f9f9f9;
}

.btn-facebook {
  color: #fff;
  background-color: #0665d0;
  border: none;
}

.btn-facebook:hover {
  color: #fff;
  background-color: #0665d0;
}

.btn-discord {
  color: #fff;
  background-color: #7289DA;
  border: none;
}

.btn-discord:hover {
  color: #fff;
  background-color: #7289DA;
}

.btn-snapchat {
  background: #FFFC00;
  border: none;
}

.btn-snapchat button {
  width: 100%;
  height: auto;
  background-position: 0 2px;
  border-radius: 0;
}

.btn-snapchat button span {
  padding-left: 0;
  display: none;
}

.btn-snapchat button:hover {
  box-shadow: none;
}

.btn-snapchat button {
  animation: none;
}

.btn-snapchat button::before {
  content: "Continue with Snapchat"
}

.btn-instagram {
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  border: none;
}

.text-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

.text-twitter {
  color: #1da1f2;
}

.text-twitter:hover {
  color: #1b89cd;
}

.text-youtube {
  color: #d70000;
}

.text-youtube:hover {
  color: #d70000;
}

.text-spotify {
  color: #1DB954;
}

.text-spotify:hover {
  color: #1DB954;
}


.font-size-xs {
  font-size: 0.6rem;
}

a {
  color: var(--primary);
}

a.link-fx::before {
  background-color: var(--primary);
}

a:hover {
  color: var(--primary-hover);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #332c2b;
}

.content-heading {
  color: #fff;
  border-bottom-color: #333;
}

hr {
  border-top-color: #333;
}

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

a.text-primary.link-fx::before {
  background-color: var(--primary);
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--primary-hover) !important;
}

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

a.text-primary-dark.link-fx::before {
  background-color: var(--primary);
}

a.text-primary-dark:hover, a.text-primary-dark:focus {
  color: #621a11 !important;
}

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

a.text-primary-darker.link-fx::before {
  background-color: var(--primary-darker);
}

a.text-primary-darker:hover, a.text-primary-darker:focus {
  color: #2e0c08 !important;
}

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

a.text-primary-light.link-fx::before {
  background-color: var(--primary-light);
}

a.text-primary-light:hover, a.text-primary-light:focus {
  color: var(--primary-hover-border) !important;
}

.text-primary-lighter {
  color: #f3c2bc !important;
}

a.text-primary-lighter.link-fx::before {
  background-color: #f3c2bc;
}

a.text-primary-lighter:hover, a.text-primary-lighter:focus {
  color: var(--primary-light) !important;
}

.text-body-bg {
  color: #f2f2f2 !important;
}

a.text-body-bg.link-fx::before {
  background-color: #f2f2f2;
}

a.text-body-bg:hover, a.text-body-bg:focus {
  color: #bfbfbf !important;
}

.text-body-bg-light {
  color: #f7f7f7 !important;
}

a.text-body-bg-light.link-fx::before {
  background-color: #f7f7f7;
}

a.text-body-bg-light:hover, a.text-body-bg-light:focus {
  color: #c4c4c4 !important;
}

.text-body-bg-dark {
  color: #e8e8e8 !important;
}

a.text-body-bg-dark.link-fx::before {
  background-color: #e8e8e8;
}

a.text-body-bg-dark:hover, a.text-body-bg-dark:focus {
  color: #b5b5b5 !important;
}

.text-body-color {
  color: #574a49 !important;
}

a.text-body-color.link-fx::before {
  background-color: #574a49;
}

a.text-body-color:hover, a.text-body-color:focus {
  color: #201b1a !important;
}

.text-body-color-dark {
  color: #332c2b !important;
}

a.text-body-color-dark.link-fx::before {
  background-color: #332c2b;
}

a.text-body-color-dark:hover, a.text-body-color-dark:focus {
  color: black !important;
}

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

a.text-body-color-light.link-fx::before {
  background-color: #e8e8e8;
}

a.text-body-color-light:hover, a.text-body-color-light:focus {
  color: #b5b5b5 !important;
}

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

a.text-dual.link-fx::before {
  background-color: var(--primary);
}

a.text-dual:hover, a.text-dual:focus {
  color: #621a11 !important;
}

.page-header-dark #page-header .text-dual,
.sidebar-dark #sidebar .text-dual {
  color: #e8e8e8 !important;
  font-family: var(--font-family);
  font-size: 1.5em;
}

.page-header-dark #page-header a.text-dual.link-fx::before,
.sidebar-dark #sidebar a.text-dual.link-fx::before {
  background-color: #e8e8e8;
}

.page-header-dark #page-header a.text-dual:hover, .page-header-dark #page-header a.text-dual:focus,
.sidebar-dark #sidebar a.text-dual:hover,
.sidebar-dark #sidebar a.text-dual:focus {
  color: #b5b5b5 !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--primary-hover-border) !important;
}

.bg-primary-op {
  background-color: rgba(118, 131, 217, 0.75) !important;
}

a.bg-primary-op:hover, a.bg-primary-op:focus,
button.bg-primary-op:hover,
button.bg-primary-op:focus {
  background-color: rgba(194, 51, 33, 0.75) !important;
}

.bg-primary-dark {
  background-color: var(--primary) !important;
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus,
button.bg-primary-dark:hover,
button.bg-primary-dark:focus {
  background-color: #8e2518 !important;
}

.bg-primary-dark-op {
  background-color: rgba(185, 49, 32, 0.8) !important;
}

a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus,
button.bg-primary-dark-op:hover,
button.bg-primary-dark-op:focus {
  background-color: rgba(142, 37, 24, 0.8) !important;
}

.bg-primary-darker {
  background-color: var(--primary-darker) !important;
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus,
button.bg-primary-darker:hover,
button.bg-primary-darker:focus {
  background-color: #59170f !important;
}

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

a.bg-primary-light:hover, a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
  background-color: var(--primary) !important;
}

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

a.bg-primary-lighter:hover, a.bg-primary-lighter:focus,
button.bg-primary-lighter:hover,
button.bg-primary-lighter:focus {
  background-color: #ec9a90 !important;
}

.bg-body {
  background-color: #f2f2f2 !important;
}

a.bg-body:hover, a.bg-body:focus,
button.bg-body:hover,
button.bg-body:focus {
  background-color: #d9d9d9 !important;
}

.bg-body-light {
  background-color: #25042e !important;
}

a.bg-body-light:hover, a.bg-body-light:focus,
button.bg-body-light:hover,
button.bg-body-light:focus {
  background-color: #dedede !important;
}

.bg-body-dark {
  background-color: #e6ebf4 !important;
}

a.bg-body-dark:hover, a.bg-body-dark:focus,
button.bg-body-dark:hover,
button.bg-body-dark:focus {
  background-color: #cecece !important;
}

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

a.bg-header-light:hover, a.bg-header-light:focus,
button.bg-header-light:hover,
button.bg-header-light:focus {
  background-color: #e6e6e6 !important;
}

.bg-header-dark {
  background-color: var(--primary) !important;
}

a.bg-header-dark:hover, a.bg-header-dark:focus,
button.bg-header-dark:hover,
button.bg-header-dark:focus {
  background-color: var(--primary-hover-border) !important;
}

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

a.bg-sidebar-light:hover, a.bg-sidebar-light:focus,
button.bg-sidebar-light:hover,
button.bg-sidebar-light:focus {
  background-color: #e6e6e6 !important;
}

.bg-sidebar-dark {
  background-color: #35393e !important;
}

a.bg-sidebar-dark:hover, a.bg-sidebar-dark:focus,
button.bg-sidebar-dark:hover,
button.bg-sidebar-dark:focus {
  background-color: #1d2023 !important;
}

.bg-gd-dark {
  background: #000111 linear-gradient(135deg,  #000111 0%,#000000 44%,#191919 100%) !important;
}

.bg-gd-primary {
  background: var(--primary) linear-gradient(135deg, var(--primary) 0%, #e8867a 100%) !important;
}

.btn-link {
  color: var(--primary);
}

.btn-link:hover {
  color: #96271a;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--primary-hover);
  border-color: var(--primary-hover-border);
}

.btn-primary:focus, .btn-primary.focus {
  background-color: var(--primary);
  border-color: var(--primary-hover);
  box-shadow: 0 0 0 0.2rem rgba(118, 131, 217, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary-hover-border);
  border-color:  var(--primary-hover);
}

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

.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(118, 131, 217, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--primary);
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(118, 131, 217, 0.5);
}

.btn-hero-primary {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .0625rem;
  font-weight: 700;
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color: var(--primary);
  border: none;
  box-shadow: 0 0.125rem 0.75rem rgba(118, 131, 217, 0.25);
  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, -webkit-transform 0.12s ease-out;
  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, transform 0.12s ease-out;
  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, transform 0.12s ease-out, -webkit-transform 0.12s ease-out;
}

.btn-hero-primary:hover {
  color: #fff;
  background-color: var(--primary-light);
  box-shadow: 0 0.375rem 0.75rem rgba(118, 131, 217, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.btn-hero-primary:focus, .btn-hero-primary.focus {
  color: #fff;
  background-color: var(--primary-light);
  box-shadow: 0 0.125rem 0.75rem rgba(118, 131, 217, 0.25);
}

.btn-hero-primary.disabled, .btn-hero-primary:disabled {
  color: #fff;
  background-color: var(--primary);
  box-shadow: 0 0.125rem 0.75rem rgba(118, 131, 217, 0.25);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.btn-hero-primary:not(:disabled):not(.disabled):active, .btn-hero-primary:not(:disabled):not(.disabled).active,
.show > .btn-hero-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  box-shadow: 0 0.125rem 0.75rem rgba(118, 131, 217, 0.25);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.btn-hero-primary:not(:disabled):not(.disabled):active:focus, .btn-hero-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-hero-primary.dropdown-toggle:focus {
  box-shadow: 0 0.125rem 0.75rem rgba(118, 131, 217, 0.25);
}

.btn-hero-lg {
  padding: 0.875rem 2.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn-hero-sm {
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn-dual {
  color: #1a1616;
  background-color: transparent;
  border-color: transparent;
}

.btn-dual:hover, .btn-dual:focus, .btn-dual.focus {
  color: #1a1616;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  box-shadow: none;
}

.btn-dual.disabled, .btn-dual:disabled {
  background-color: transparent;
  border-color: transparent;
}

.btn-dual:active, .btn-dual.active {
  color: #1a1616;
  background-color: transparent;
  border-color: transparent;
}

.btn-dual:not(:disabled):not(.disabled):active, .btn-dual:not(:disabled):not(.disabled).active,
.show > .btn-dual.dropdown-toggle {
  color: #1a1616;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.page-header-dark #page-header .btn-dual,
.sidebar-dark #sidebar .btn-dual {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn-dual:hover, .page-header-dark #page-header .btn-dual:focus, .page-header-dark #page-header .btn-dual.focus,
.sidebar-dark #sidebar .btn-dual:hover,
.sidebar-dark #sidebar .btn-dual:focus,
.sidebar-dark #sidebar .btn-dual.focus {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}

.page-header-dark #page-header .btn-dual.disabled, .page-header-dark #page-header .btn-dual:disabled,
.sidebar-dark #sidebar .btn-dual.disabled,
.sidebar-dark #sidebar .btn-dual:disabled {
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn-dual:active, .page-header-dark #page-header .btn-dual.active,
.sidebar-dark #sidebar .btn-dual:active,
.sidebar-dark #sidebar .btn-dual.active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.page-header-dark #page-header .btn-dual:not(:disabled):not(.disabled):active, .page-header-dark #page-header .btn-dual:not(:disabled):not(.disabled).active,
.show > .page-header-dark #page-header .btn-dual.dropdown-toggle,
.sidebar-dark #sidebar .btn-dual:not(:disabled):not(.disabled):active,
.sidebar-dark #sidebar .btn-dual:not(:disabled):not(.disabled).active,
.show >
.sidebar-dark #sidebar .btn-dual.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.alert-primary {
  color: var(--primary);
  background-color: #f3c2bc;
  border-color: #f3c2bc;
}

.alert-primary hr {
  border-top-color: #f0aea6;
}

.alert-primary .alert-link {
  color: #8e2518;
}

.badge-primary {
  color: #fff;
  background-color: var(--primary);
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: var(--primary-hover-border);
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(118, 131, 217, 0.5);
}

.progress-bar {
  background-color: var(--primary);
}

.nav-link {
  color: #f1f1f1;
}

.nav-link:hover, .nav-link:focus {
  color: var(--primary);
}

.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
  background-color: #f2f2f2;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--primary);
}

.nav-tabs {
  border-bottom-color: #e8e8e8;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e8e8e8 #e8e8e8 #e8e8e8;
}

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

.nav-tabs-block {
  background-color: #000;
}

.nav-tabs-block .nav-link {
  border-color: transparent;
}

.nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus {
  color: var(--primary);
  background-color: #111;
  border-color: transparent;
}

.nav-tabs-block .nav-link.active,
.nav-tabs-block .nav-item.show .nav-link {
  color: var(--primary);
  background-color: #111;
  border-color: transparent;
}

.nav-tabs-alt {
  border-bottom-color: #e8e8e8;
}

.nav-tabs-alt .nav-link {
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus {
  color: var(--primary);
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px var(--primary);
}

.nav-tabs-alt .nav-link.active,
.nav-tabs-alt .nav-item.show .nav-link {
  color: #574a49;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px var(--primary);
}

.nav-items a {
  border-bottom-color: #f2f2f2;
}

.nav-items a:hover {
  background-color: #f7f7f7;
}

.nav-items a:active {
  background-color: #f2f2f2;
}

.nav-items > li:last-child > a {
  border-bottom: none;
}

.page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
}

.page-link {
  color: #f1f1f1;
  background-color: #333;
  border-color: #111;
}

.page-item.disabled .page-link {
  background-color: #25042e;
    border-color: #111;
}

.page-link:hover {
  color: #fff;
  background-color: #25042e;
  border-color: #333;
}

.page-link:focus {
  background-color: #111;
  border-color: #25042e;
}

.list-group-item-action {
  color: #574a49;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #f3f3f3;
  background-color: #000;
}

.list-group-item-action:active {
  color: #f1f1f1;
  background-color: #000;
}

.list-group-item {
  background-color: #111;
  border-color: #000;
  color: #f1f1f1;
}

.list-group-item.active {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.popover {
  border-color: #e8e8e8;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
  border-top-color: #e8e8e8;
}

.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #fff;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
  border-right-color: #e8e8e8;
}

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #fff;
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #e8e8e8;
}

.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #fff;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
  border-left-color: #e8e8e8;
}

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #fff;
}

.modal-header {
  border-bottom-color: #e8e8e8;
}

.modal-footer {
  border-top-color: #e8e8e8;
}

.dropdown-menu {
  border-color: #000;
  background-color: #111;
}

@media screen and (max-width: 768px) {
  .dropdown-menu.dropdown-menu-lg {
    min-width: 100%;
  }
}

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

.dropdown-item {
  color: #f1f1f1;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #f1f1f1;
  background-color: #000;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: var(--primary);
}

.dropdown-header {
  color: #332c2b;
}

.table th,
.table td {
  border-top: 1px solid #000;
}

.table td.tekst {
  border-top: 1px solid #25042e;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #25042e;
}

.table td.tekst2 {
  border-top: 1px solid #25042e;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #25042e;
}

.table td.tekst3 {
  border-top: 1px solid #25042e;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #25042e;
  background-color: #25042e !important;
}

.table td.titel3 {
  background-color: #000;
}

.table thead th {
  border-bottom-color: #000;
}

.table tbody + tbody {
  border-top-color: #e8e8e8;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
  border-color: #e8e8e8;
}

tr.error {
  background-color: #631010 !important;
}

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

.table-striped tbody tr:nth-of-type(even) {
  background-color: #25042e;
}

.table-hover tbody tr:hover {
  background-color: #25042e;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #25042e;
}

.table-hover .table-active:hover {
  background-color: #25042e;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #25042e;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #f3c2bc;
}

.table-hover .table-primary:hover {
  background-color: #f0aea6;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #f0aea6;
}

.table-borderless tbody+tbody, 
.table-borderless td, 
.table-borderless th, 
.table-borderless thead th {
    border: 0;
}

.table .thead-dark th {
  background-color: #111;
  border-color: #000;
}

.table .thead-light th {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.form-control-plaintext {
  color: #ccc;
}

.form-control {
  color: #f1f1f1;
  background-color: #25042e;
  border-color: #000;
}

.form-control:focus {
  color: #ffffff;
  background-color: #25042e;
  border-color: #000;
  box-shadow: 0 0 0 0.2rem var(--primary-focus);
}

.form-control:disabled, .form-control[readonly] {
  background-color: #111;
}

select.form-control:focus::-ms-value {
  color: #574a49;
  background-color: #fff;
}

.custom-control-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}

.custom-control-primary .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem var(--primary-focus);
}

.custom-control-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #ec9a90;
}

.custom-control-primary .custom-control-label::before {
  background-color: #e8e8e8;
}

.custom-control-primary.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}

.custom-control-primary.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--primary);
}

.custom-control-primary.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}

.custom-control-primary.custom-block .custom-block-indicator {
  background-color: var(--primary);
}

.custom-control-primary.custom-block .custom-control-input:checked ~ .custom-control-label {
  background-color: #111;
  border-color: var(--primary);
}

.custom-control-primary.custom-block .custom-control-input:focus ~ .custom-control-label {
  box-shadow: 0 0 0.75rem var(--primary-focus);
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
  border-color: var(--primary);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem var(--primary-focus);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #f3c2bc;
}

.custom-select {
  background-color: #111;
  border-color: #000;
  color: #f1f1f1;
}

.custom-select:focus {
  border-color: #f0aea6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(240, 174, 166, 0.5);
}

.custom-select:focus::-ms-value {
  color: #574a49;
  background-color: #fff;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #f0aea6;
  box-shadow: 0 0 0 0.2rem var(--primary-focus);
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #f0aea6;
}

.custom-file-label {
  color: #f3f3f3;
  background-color: #25042e;
  border-color: #000;
}

.custom-file-label::after {
  color: #f9f9f9;
  background-color: #666;
  border-left-color: #000;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #82b54b;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.75rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(130, 181, 75, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #82b54b;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #82b54b;
  box-shadow: 0 0 0 0.2rem rgba(130, 181, 75, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #82b54b;
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #82b54b;
  box-shadow: 0 0 0 0.2rem rgba(130, 181, 75, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #82b54b;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #82b54b;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #82b54b;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #9bc46f;
  background-color: #9bc46f;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(130, 181, 75, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #82b54b;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #82b54b;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #82b54b;
  box-shadow: 0 0 0 0.2rem rgba(130, 181, 75, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #e04f1a;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.75rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(224, 79, 26, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #e04f1a;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #e04f1a;
  box-shadow: 0 0 0 0.2rem rgba(224, 79, 26, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #e04f1a;
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #e04f1a;
  box-shadow: 0 0 0 0.2rem rgba(224, 79, 26, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #e04f1a;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #e04f1a;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #e04f1a;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e97044;
  background-color: #e97044;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(224, 79, 26, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #e04f1a;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #e04f1a;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #e04f1a;
  box-shadow: 0 0 0 0.2rem rgba(224, 79, 26, 0.25);
}

.form-control.form-control-alt {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}

.form-control.form-control-alt:focus {
  border-color: #e8e8e8;
  background-color: #e8e8e8;
  box-shadow: none;
}

.form-control.form-control-alt.is-valid {
  border-color: #e4efd8;
  background-color: #e4efd8;
}

.form-control.form-control-alt.is-valid:focus {
  border-color: #d7e8c6;
  background-color: #d7e8c6;
}

.form-control.form-control-alt.is-invalid {
  border-color: #fdf1ed;
  background-color: #fdf1ed;
}

.form-control.form-control-alt.is-invalid:focus {
  border-color: #fbe7df;
  background-color: #fbe7df;
}

.input-group-text {
  color: #f3f3f3;
  background-color: #25042e;
  border-color: #000;
  font-size: 0.75rem;
}

.input-group-text.input-group-text-alt {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.border {
  border-color: #e8e8e8 !important;
}

.border-top {
  border-top-color: #e8e8e8 !important;
}

.border-right {
  border-right-color: #e8e8e8 !important;
}

.border-bottom {
  border-bottom-color: #e8e8e8 !important;
}

.border-left {
  border-left-color: #e8e8e8 !important;
}

.border-primary-light {
  border-color: #2a8bf9 !important;
}

.border-primary-lighter {
  border-color: #74b3fb !important;
}

.border-primary-dark {
  border-color: #054d9e !important;
}

.border-primary-darker {
  border-color: #022954 !important;
}

.border-success-light {
  border-color: #bed9a2 !important;
}

.border-info-light {
  border-color: #a5ccf0 !important;
}

.border-warning-light {
  border-color: #ffdb93 !important;
}

.border-danger-light {
  border-color: #f1a184 !important;
}

.border-primary {
  border-color: #0665d0 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #82b54b !important;
}

.border-info {
  border-color: #3c90df !important;
}

.border-warning {
  border-color: #ffb119 !important;
}

.border-danger {
  border-color: #e04f1a !important;
}

.border-light {
  border-color: #25042e !important;
}

.border-dark {
  border-color: #000 !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white-op {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-black-op {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

#page-header {
  background-color: #fff;
}

#sidebar {
  background-color: #fff;
}

#side-overlay {
  background-color: #fff;
}

#page-container.page-header-dark #page-header {
  color: #d6d6d6;
  background: #111;
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(37,37,37,1) 100%);
}

#page-container.page-header-glass #page-header {
  background-color: transparent;
}

#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
  background-color: #fff;
}

#page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-dark #page-header {
  background-color: var(--primary);
}

#page-container.sidebar-dark #sidebar {
  color: #e8e8e8;
  background-color: #35393e;
}

.block {
  box-shadow: 0 2px 6px rgba(1, 1, 1, 0.4);
  background: #191919;
  color: #fff;
  /*transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);*/
}

.block-header-default {
  background-color: #f7f7f7;
}

.block.block-bordered {
  border-color: #000;
}

.block.block-themed > .block-header {
  background-color: #000;
}

.block.block-mode-loading::after {
  color: var(--primary);
  box-shadow: 0 0 0.75rem 0.75rem rgba(185, 49, 32, 0.05);
}

.block.block-mode-loading.block-mode-hidden::after {
  box-shadow: 0 0 0.5rem 0.5rem rgba(185, 49, 32, 0.05);
}

.block.block-mode-loading.block-mode-loading-dark::after {
  background-color: var(--primary);
}

a.block {
  color: #574a49;
}

a.block:hover {
  color: #574a49;
}

a.block.block-link-pop:hover {
  box-shadow: 0 0.5rem 2rem #000000;
}

a.block.block-link-pop:active {
  box-shadow: 0 0.25rem 0.75rem #25042e;
}

a.block.block-link-shadow:hover {
  box-shadow: 0 0 2.25rem #dedede;
}

a.block.block-link-shadow:active {
  box-shadow: 0 0 1.125rem #e8e8e8;
}

.block.block-fx-shadow {
  box-shadow: 0 0 2.25rem #111111
}

.block.block-fx-pop {
  box-shadow: 0 0.5rem 2rem #dedede;
}

.btn-block-option {
  color: var(--primary);
}

.btn-block-option:hover {
  color: var(--primary-light);
}

a.btn-block-option:focus,
.active > a.btn-block-option,
.show > button.btn-block-option {
  color: var(--primary-light);
}

.btn-block-option:active {
  color: #f3c2bc;
}

#page-loader {
  background-color: var(--primary);
}

.nav-main-heading {
  color: #998786;
}

.nav-main-link {
  color: #f3f3f3;
}

.nav-main-link .nav-main-link-icon {
  color: var(--primary);
}

.nav-main-link:hover, .nav-main-link.active {
  color: #ccc;
  background-color: #25042e;
}

.nav-main-submenu {
  background-color: #fcf1f0;
}

.nav-main-submenu .nav-main-link {
  color: rgba(87, 74, 73, 0.75);
}

.nav-main-submenu .nav-main-link:hover, .nav-main-submenu .nav-main-link.active {
  color: #000;
  background-color: transparent;
}

.nav-main-item.open > .nav-main-link-submenu {
  color: #000;
  background-color: #fae5e3;
}

.nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

@media (min-width: 992px) {
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
    color: #000;
    background-color: #fae5e3;
  }
}

.nav-main-dark .nav-main-heading,
.sidebar-dark #sidebar .nav-main-heading,
.page-header-dark #page-header .nav-main-heading {
  color: #b5b5b5;
}

.nav-main-dark .nav-main-link,
.sidebar-dark #sidebar .nav-main-link,
.page-header-dark #page-header .nav-main-link {
  color: #e8e8e8;
}

.nav-main-dark .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-link > .nav-main-link-icon {
  color: rgba(255, 255, 255, 0.45);
}

.nav-main-dark .nav-main-link:hover, .nav-main-dark .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-link.active,
.page-header-dark #page-header .nav-main-link:hover,
.page-header-dark #page-header .nav-main-link.active {
  color: #fff;
  background-color: #370e48;
}

.nav-main-dark .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-submenu,
.page-header-dark #page-header .nav-main-submenu {
  background-color: #370e48;
}

.nav-main-dark .nav-main-submenu .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-link {
  color: rgba(232, 232, 232, 0.75);
}

.nav-main-dark .nav-main-submenu .nav-main-link:hover, .nav-main-dark .nav-main-submenu .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link.active,
.page-header-dark #page-header .nav-main-submenu .nav-main-link:hover,
.page-header-dark #page-header .nav-main-submenu .nav-main-link.active {
  color: #fff;
  background-color: transparent;
}

.nav-main-dark .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-link-submenu {
  color: #fff;
  background-color: #370e48;
}

.nav-main-dark .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-submenu {
  background-color: #370e48;
}

.nav-main-dark .nav-main-submenu .nav-main-item.open .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-item.open .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

@media (min-width: 992px) {
  .nav-main-dark.nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu,
  .sidebar-dark #sidebar .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu,
  .page-header-dark #page-header .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
    color: #fff;
    background-color: #370e48;
  }
  .nav-main-dark.nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu,
  .sidebar-dark #sidebar .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu,
  .page-header-dark #page-header .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu {
    background-color: #;
  }
  .nav-main-dark.nav-main-horizontal.nav-main-hover .nav-main-submenu .nav-main-item:hover .nav-main-link,
  .sidebar-dark #sidebar .nav-main-horizontal.nav-main-hover .nav-main-submenu .nav-main-item:hover .nav-main-link,
  .page-header-dark #page-header .nav-main-horizontal.nav-main-hover .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }
}

.nav-items a {
  border-bottom-color: #25042e;
}

.nav-items a:hover {
  background-color: #111;
}

.list-activity > li {
  border-bottom-color: #f2f2f2;
}

.timeline-event-icon {
  box-shadow: 0 0.375rem 1.5rem #dedede;
}

.ribbon-light .ribbon-box {
  color: #574a49;
  background-color: #e8e8e8;
}

.ribbon-light.ribbon-bookmark .ribbon-box::before {
  border-color: #e8e8e8;
  border-left-color: transparent;
}

.ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #e8e8e8;
  border-right-color: transparent;
}

.ribbon-light.ribbon-modern .ribbon-box::before {
  border-color: #e8e8e8;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.ribbon-light.ribbon-modern.ribbon-bottom .ribbon-box::before {
  border-color: #e8e8e8;
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-light.ribbon-modern.ribbon-left .ribbon-box::before {
  border-color: #e8e8e8;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.ribbon-light.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before {
  border-color: #e8e8e8;
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon-primary .ribbon-box {
  color: #fff;
  background-color: var(--primary);
}

.ribbon-primary.ribbon-bookmark .ribbon-box::before {
  border-color: var(--primary);
  border-left-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: var(--primary);
  border-right-color: transparent;
}

.ribbon-primary.ribbon-modern .ribbon-box::before {
  border-color: var(--primary);
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before {
  border-color: var(--primary);
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before {
  border-color: var(--primary);
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before {
  border-color: var(--primary);
  border-top-color: transparent;
  border-right-color: transparent;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}

.cke_chrome {
  border-color: #e8e8e8 !important;
}

.cke_top {
  border-bottom-color: #e8e8e8 !important;
  background: #f7f7f7 !important;
}

.cke_bottom {
  border-top-color: #e8e8e8 !important;
  background: #f7f7f7 !important;
}

.dropzone {
  background-color: #f7f7f7;
  border-color: #dedede;
}

.dropzone .dz-message {
  color: #574a49;
}

.dropzone:hover {
  background-color: #fff;
  border-color: var(--primary);
}

.dropzone:hover .dz-message {
  color: var(--primary);
}

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #332c2b;
}

.fc-bootstrap4 .fc-event {
  color: #332c2b;
}

.fc-bootstrap4 .fc-event:hover {
  color: #574a49;
}

.fc-bootstrap4 thead th.fc-day-header {
  background-color: #f7f7f7;
}

.fc-bootstrap4 th,
.fc-bootstrap4 td,
.fc-bootstrap4 thead,
.fc-bootstrap4 tbody,
.fc-bootstrap4 .fc-divider,
.fc-bootstrap4 .fc-row,
.fc-bootstrap4 .fc-content,
.fc-bootstrap4 .fc-popover,
.fc-bootstrap4 .fc-list-view,
.fc-bootstrap4 .fc-list-heading td,
.fc-bootstrap4 .fc-list-table.table {
  border-color: #e8e8e8;
}

.fc-bootstrap4 .fc-divider,
.fc-bootstrap4 .fc-list-heading td,
.fc-bootstrap4 .fc-popover .fc-header {
  background: #f2f2f2;
}

.fc-bootstrap4 .fc-today {
  background: #f7f7f7;
}

.irs.irs--round .irs-min,
.irs.irs--round .irs-max,
.irs.irs--round .irs-line,
.irs.irs--round .irs-grid-pol {
  background: #f2f2f2;
}

.irs.irs--round .irs-handle {
  border-color: var(--primary);
}

.irs.irs--round .irs-from:before,
.irs.irs--round .irs-to:before,
.irs.irs--round .irs-single:before {
  border-top-color: var(--primary);
}

.irs.irs--round .irs-bar,
.irs.irs--round .irs-from,
.irs.irs--round .irs-to,
.irs.irs--round .irs-single {
  background: var(--primary);
}

.select2-dropdown {
  background-color: #25042e;
  color: #f1f1f1;
}

.select2-container .select2-dropdown {
  border-color: #000;
}

.select2-container--default .select2-selection--single {
  border-color: #000;
}

.select2-container--default .select2-selection--multiple {
  border-color: #000;
}

.select2-container--default .select2-selection--single {
  background-color: #25042e;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f1f1f1;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #000;
  box-shadow: 0 0 0 0.2rem var(--primary-focus);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--primary);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #000;
  background: #25042e;
  color: #f1f1f1;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #25042e;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary);
}



.simplebar-scrollbar::before {
  background: var(--primary-darker);
}

.sidebar-dark #sidebar .simplebar-scrollbar::before {
  background: #f3c2bc;
}

.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
  color: var(--primary);
}

.editor-toolbar {
  border-color: #e8e8e8;
  background-color: #f7f7f7;
}

.CodeMirror {
  border-color: #e8e8e8;
}

.note-editor.note-frame {
  border-color: #e8e8e8;
}

.note-editor.note-frame .note-toolbar {
  background-color: #f7f7f7;
  border-bottom-color: #e8e8e8;
}

.note-editor.note-frame .note-statusbar {
  border-top-color: #e8e8e8;
  background-color: #f7f7f7;
}

.dd-handle {
  color: #574a49;
  background: #f7f7f7;
  border-color: #e8e8e8;
}

.dd-handle:hover {
  color: #332c2b;
}

.dd-empty,
.dd-placeholder {
  border-color: var(--primary-darker);
  background: #f3c2bc;
}







.spnsr-block {background-color:#3a4b5d !important}
.spnsr-block img {
  border-radius: 5px;
  width: 75px;
  height: 75px;
  background-size: cover;
}
.spnsr-block .spnsr-label {
  color: #82b54b;
  font-weight: 700;
  text-decoration: underline;
}
.spnsr-block .spnsr-title a {color:#fff;}
.spnsr-block .spnsr-title {
  font-weight: 700;
  font-size: 18px;
  color:#fff;
}
.spnsr-block .spnsr-text {font-size: 12px;color:#fff;}





table tr.native-sponsor {
  background-color:#3a4b5d !important;
}

table tr.native-sponsor img {
  border-radius: 5px;
  width: 75px;
  height: 75px;
  background-size: cover;
}

table tr.native-sponsor .spnsr-label {
  color: #82b54b;
  font-weight: 700;
  text-decoration: underline;
}
table tr.native-sponsor .spnsr-title a {color:#fff;background:transparent;text-decoration:none;}
table tr.native-sponsor .spnsr-title {
  font-weight: 700;
  font-size: 18px;
}
table tr.native-sponsor .spnsr-text {font-size: 12px;}

.custom_tab {
  display: inline-block;
  cursor: pointer;
  width: auto;
  border: 1px #000 solid;
  border-bottom: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  margin-left: 3px;
  box-shadow: inset 0 0 5px #000;
  -moz-box-shadow: inset 0 0 5px #000;
  -webkit-box-shadow: inset 0 0 5px #000;
  background: #111;
  line-height: 17px;
  color: #ccc;
}

.custom_tab:hover {
  text-decoration: none;
  background: #25042e;
  color: #fff;
}

.custom_tab.active {
  background: #25042e;
  color: #fff;
}