/* =======================================================================================
   DASHBOARD
   ======================================================================================= */

.brandlogo-slagerij-verstappen      {display: none !important;}
.brandlogo-slagerij-de-tram         {display: none !important;}
.brandlogo-slagerij-van-hoorenbeeck {display: none !important;}
.brandlogo-sushisensei              {display: none !important;}
.webshoptext-aatventure           {color: #dda250 !important;}
.mobileheader-slagerij-verstappen {background-color: #0e1b29; background: url('../../img/mobileheaders/verstappen-mobileheader.jpg') no-repeat !important; background-size: cover;}

.dashboardbg-aatventurexxx        {background-color: #0e1b29; background: url('../../img/dashboard/bluedash2022.jpg') no-repeat; background-size: cover;}
.dashboardbg-aatventure           {background-color: #02151e; background: url('../../img/welcome/futura.webp'); background-size: cover;}
.flexitem-aatventurexxx           {background-color: #334863;}
.flexitem-aatventure              {background-color: #042a3b;}
.menicon-aatventurexxx            {background-color: #d3ff34 !important;}
.menicon-aatventure               {background-color: #26a5fc !important;}

.assgroepbg-slagerij-verstappen {
   background: radial-gradient(ellipse farthest-corner at right bottom, #ff7e04 0%, #ffce6b 8%, #ffa001 30%, #f7a213 40%, transparent 80%), 
               radial-gradient(ellipse farthest-corner at left top, #090a10 0%, #d9aa0e 8%, #ffa500 25%, #d8400a 62.5%, #ff0000 100%);
   filter: hue-rotate(0.98turn);
   box-shadow: inset 2px 2px 1px 0 rgb(0 0 0);
 }

 #boldtext                        {color: #dda250 !important;}
 #thintext                        {color: #dda250 !important;}
 .sidebarlogo-slagerij-verstappen {margin-top: -130px !important; margin-bottom:-150px !important;}

/* =======================================================================================
   SCOLLBARS
   ======================================================================================= */

@media screen and (min-width: 760px) {
   .scrollbar-slagerij-verstappen::-webkit-scrollbar              {width: 12px;}
   .scrollbar-slagerij-verstappen::-webkit-scrollbar-thumb        {background-color: #142831 !important;}
   .scrollbar-slagerij-verstappen::-webkit-scrollbar-track-piece  {background-color: #04161e !important;}
   .webshop::-webkit-scrollbar-thumb                              {background-color: #900b08 !important;}
   .webshop::-webkit-scrollbar-track-piece                        {background-color: #230306 !important;}
   .weightshopx::-webkit-scrollbar-thumb                          {background-color: #900b08 !important;}
   .weightshopx::-webkit-scrollbar-track-piece                    {background-color: #230306 !important;}
   .bestelgeschiedenis::-webkit-scrollbar-thumb                   {background-color: #900b08 !important;}
   .bestelgeschiedenis::-webkit-scrollbar-track-piece             {background-color: #230306 !important;}
}

/* =======================================================================================
   ARTIFACTU
   ======================================================================================= */

.artifactu .container-fluid  {background-color: #2b3244; background: linear-gradient(to bottom, #2c3244 0%,#2f3747 50%,#2c3244 100%);}

/* =======================================================================================
   MODAL
   ======================================================================================= */

.modalheader-aatventure              {background-color: #1b293c; border-bottom: 1px solid #000000; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.modalbody-aatventure                {background: #0f1722; color: #FFFFFF !important;}

.webshop    .modalbody-aatventure    {background: #350408; color: #FFFFFF !important;}
.webbshop   .modalheader-aatventure  {background-color: #6f2e2f !important; background-image: url('../../img/banners/woodbanner.jpg') !important; background-size: 100% 100%; border: 0px solid #250f08;}
.weightshop .modalheader-aatventure  {background-color: #6f2e2f; background-image: url('../../img/banners/woodbanner.jpg'); background-size: 100% 100%; border: 0px solid #250f08;}

.modalcontent-aatventure             {background-color: #161F28;}
.modal-content-aatventurex           {background-color: #6c7488;}
.modalfooter-aatventure              {background-color: #2C3E50; color: #FFFFFF;}
.modaltitle-aatventure               {color: #FFFFFF !important;}
.modalbody-aatventure .form-control  {background-color: #292D3A !important; color: #FFFFFF !important;}
.modalcontentlight-aatventure        {background-color: #3D4F61;}
.modalbodylight-aatventure           {background-color: #3D4F61;}

.weightshop .modalbody-slagerij                 {background-color: #350408;}
.weightshop .modalbody-slagerij   .form-control {background-color: #6e4549 !important; border: 1px solid #381307 !important;}
.weightshop .modalfooter-slagerij               {background-color: #550000 !important;}

.select2-container--bootstrap .select2-selection {
  box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px inset;
  background-color: #292D3A;
}

.catbg-aatventure .modal-body {background: url('../../img/backgrounds/techcatmenubg.webp'); background-size: 150vw;}
 
 .catbg-aatventure .modalheader-aatventure {
   background-image: linear-gradient( 
     320deg, transparent 0%, transparent 1%,#1b293c 1%, #131e2e 34%,transparent 34%, transparent 73%,rgb(30 44 64) 73%, rgb(32 49 76) 100%),linear-gradient( 
     149deg, transparent 0%, transparent 11%,#1b293c 11%, #212f46 62%,rgb(51 106 179) 62%, rgb(0 0 0) 93%,transparent 93%, transparent 100%),linear-gradient( 
     318deg, rgb(27 41 60),rgb(27 41 60));
 }

 .modalcontent-slagerij .ui-timepicker-list li {background-color: #230306 !important; border-bottom: 1px solid #360408 !important;}
.webshop    .defbtn-slagerij                   {background: #8f0e11 !important; border-color: #8e1117 !important; color: #FFFFFF !important;}
.webshop    .defbtn-slagerij:hover             {background: #c54632 !important; border-color: #c54631 !important; color: #FFFFFF !important;}
.weightshop .defbtn-slagerij                   {background: #8f0e11 !important; border-color: #8e1117 !important; color: #FFFFFF !important;}
.weightshop .defbtn-slagerij:hover             {background: #c54632 !important; border-color: #c54631 !important; color: #FFFFFF !important;}

.webshop            .modalcontent-slagerij   {background-color: #340509 !important;}
.weightshop         .modalcontent-slagerij   {background-color: #340509 !important;}
.bestelgeschiedenis .modalcontent-slagerij   {background-color: #340509 !important;}
.webshop            .modalfooter-slagerij    {background-color: #550000 !important;}
.weightshop         .modalfooter-slagerij    {background-color: #550000 !important;}
.bestelgeschiedenis .modalfooter-slagerij    {background-color: #550000 !important;}

/* =======================================================================================
   LITEPICKER COLORS
   ======================================================================================= */

:root {
   --litepicker-container-months-box-shadow-color: #360408;
   --litepicker-container-months-color-bg:         #360408;
   --litepicker-month-header-color:                #FFFFFF !important;
   --litepicker-day-color:                         #FFFFFF !important;
   --litepicker-is-locked-color:                   #4f4d4d;
   --litepicker-month-weekday-color:               #E4C4C8;
   --litepicker-button-prev-month-color:           #E4C4C8;
   --litepicker-button-next-month-color:           #E4C4C8;
   --litepicker-button-prev-month-color-hover:     #FFFFFF !important;
   --litepicker-button-next-month-color-hover:     #FFFFFF !important;
   --litepicker-is-end-color-bg:                   #93C813 !important; box-shadow: inset 0px 0px 0px 0px #93C813 !important;
   --litepicker-day-color-hover:                   #80565b;
   --litepicker-highlighted-day-color-bg:          #52050b;
   --litepicker-highlighted-day-color:             #FFFFFF !important;
 }

 .slagerij :root {
   --litepicker-container-months-box-shadow-color: #360408;
   --litepicker-container-months-color-bg:         #360408;
   --litepicker-month-header-color:                #FFFFFF !important;
   --litepicker-day-color:                         #FFFFFF !important;
   --litepicker-is-locked-color:                   #80565b;
   --litepicker-month-weekday-color:               #E4C4C8;
   --litepicker-button-prev-month-color:           #E4C4C8;
   --litepicker-button-next-month-color:           #E4C4C8;
   --litepicker-button-prev-month-color-hover:     #FFFFFF !important;
   --litepicker-button-next-month-color-hover:     #FFFFFF !important;
   --litepicker-is-end-color-bg:                   #93C813 !important; box-shadow: inset 0px 0px 0px 0px #93C813 !important;
   --litepicker-day-color-hover:                   #80565b;
   --litepicker-highlighted-day-color-bg:          #52050b;
   --litepicker-highlighted-day-color:             #FFFFFF !important;
 }

 .slagerij .month-item-weekdays-row>div {background: #2b0407;}
 .slagerij .day-item {box-shadow: inset 0px 0px 0px 1px #3e0509 !important;}
 .slagerij .is-today {background: #842433 !important;}

 
/* =======================================================================================
   FORM FIELDS
   ======================================================================================= */

.form-aatventure input:not([type='button']) {color: #85b8ff !important;}
.form-aatventure textarea {color: #85b8ff !important;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   border: 1px solid #2d3a44;
   -webkit-text-fill-color: #85b8ff;
   -webkit-box-shadow: 0 0 0px 1000px #1d222b inset !important;
   transition: background-color 5000s ease-in-out 0s;
   caret-color: #85b8ff;
}

/* =======================================================================================
   ACTIVE OPTIONS
   ======================================================================================= */

.webshop .td-aatventure    .active  {background: linear-gradient(238deg, rgb(117 6 6) 0%, rgb(146 10 7) 50%, rgb(53 0 6) 100%);}
.webshop .td-slagerij      .active  {background: linear-gradient(238deg, rgb(117 6 6) 0%, rgb(146 10 7) 50%, rgb(53 0 6) 100%);}
.weightshop .td-slagerij   .active  {background: linear-gradient(238deg, rgb(117 6 6) 0%, rgb(146 10 7) 50%, rgb(53 0 6) 100%);}
.activetab-aatventure               {background-color: #dc4f38 !important; border:1px solid #dc4f38 !important;}
.activetab-slagerij                 {background-color: #dc4f38 !important; border:1px solid #dc4f38 !important;}

/* =======================================================================================
   NEW VERSTAPPEN 2023 -> ASSGROUPS
   ======================================================================================= */

.weightshop .preloader-aatventure    {background: #350408;}
.groupsbody-aatventure               {background: #122c36;}
.assgroepcard-aatventure             {background-color: #00151e; border-bottom: 80px solid #0c121a;}
.assgroepcard-title-aatventure       {color: #f1b96a;}
.assgroepbg-slagerij                 {background-color: #6E2E2F; background-image: url('../../img/banners/woodbanner.jpg'); background-size: 100% 100%; background-color: transparent; color: #FFFFFF;}
.assgroepbg-aatventureblack          {background-color: #030e15; background-image: url('../../img/banners/trans.png'); background-size: 100% 100%; color: #ffc874;}

/* =======================================================================================
   ZERO SISHI SNACKS OVERRULES
   ======================================================================================= */
 
.groupsbody-zero-sushi-snacks               {background-color: rgb(63,1,7) !important;}
.groupsbody-zero-sushi-snacks .assgroepcard {background-color: #390505  !important; border-bottom: 70px solid #ad0e14 !important;}
.productsbody-zero-sushi-snacks .backdrop   {background: rgb(56 7 3) !important;}
.themeheader-zero-sushi-snacks              {background: rgb(38 3 4) !important;}
.cardtop-zero-sushi-snacks                  {background-color: #e01100 !important;}
.assgroepcard-title-zero-sushi-snacks       {color: #FFFFFF !important;}
.sidebarlogo-zero-sushi-snacks              {background-image: url('../../img/sidebarlogos/zerologo.png'); background-position-y: 30px !important;}
.bgcolor-zero-sushi-snacks .td-aatventure .active {background: linear-gradient(238deg,rgb(174 13 2) 0%, rgb(174 13 2) 50%, rgb(255 57 14) 100%) !important;}
.cardoptions-zero-sushi-snacks              {color: #3a0e06  !important;}

@media screen and (min-width: 700px) {
   .body-zero-sushi-snacks .triangle li:first-child {border-right: 125px solid transparent; border-top: 125px solid #82040e;}
}

/* =======================================================================================
   NEW VERSTAPPEN 2023 -> SIDEBAR
   ======================================================================================= */

.sidebarlogo-slagerij-verstappen            {background-image: url('../../img/sidebarlogos/slagerij-verstappen4.png');}
.td-aatventure li                           {border-bottom: 1px solid #2a3956;}
.webshop .td-aatventure li                  {border-bottom: 1px solid #752223;}
.weightshop .td-aatventure li               {border-bottom: 1px solid #752223;}
.bestelgeschiedenis .td-aatventure li       {border-bottom: 1px solid #752223;}
.taglist-slagerij                           {background-color: #3F0107; border: 1px solid #63000A; border-radius: 8px; margin-bottom: 10px;}
.taglist-aatventure                         {background-color: #061921; border: 1px solid #112430; border-radius: 8px; margin-bottom: 10px;}
.webshop .td-aatventure li:hover            {background: linear-gradient(238deg, rgb(255 148 0) 0%, rgb(55 10 8) 50%, rgb(3 14 19) 100%) !important;}
.bestelgeschiedenis .td-aatventure li:hover {background: linear-gradient(238deg, rgb(255 148 0) 0%, rgb(55 10 8) 50%, rgb(3 14 19) 100%) !important;}
.webshop .td-slagerij li:hover              {background-color: #752223;}
.weightshop .td-slagerij li:hover           {background-color: #752223;}
.bestelgeschiedenis .td-slagerij li:hover   {background-color: #752223;}
.sidebarheadertextcolor-slagerij            {color: #ffbb54;}

/* =======================================================================================
   NEW VERSTAPPEN 2023 -> PRODUCTS
   ======================================================================================= */

.productsbody-aatventure .fullcard-aatventure  {box-shadow: 15px 3px 6px rgb(0 0 0 / 16%), 0 13px 6px rgb(0 0 0 / 23%);}
.productsbody-slagerij                         {background-color: rgb(90 13 11); background-image: url('../../img/backgrounds/butcherloopdark.jpg');}
.productsbody-aatventure .bigproducttext:after {color: #82050f;}
.floatingbutton-aatventure                     {background-color: #3e0107; border: 1px solid #872617; box-shadow: 2px 2px 3px #300207;}
.fullcard-aatventure                           {border-left: 1px solid #1b0104; border-right: 1px solid #1b0104;}
.productsbody-aatventure .stickeroverlay       {filter: hue-rotate(30deg); opacity: 0.9 !important;}
.productsbody-slagerij   .stickeroverlay       {filter: hue-rotate(30deg); opacity: 0.9 !important;}
.footerbg-aatventure                           {background-color: rgb(74, 10, 0);}
.weightshopxxx .xaantal                        {background-color: #5a1309 !important; border: 1px solid #ff7200 !important;}
.webshopxxx .xaantal                           {border: 4px solid #FF0000 !important; background-color: #FFDC03 !important;}

/* =======================================================================================
   NEW VERSTAPPEN 2023 -> BESTELFORM
   ======================================================================================= */

.bestelheadercolor-slagerij            {background-color: #6d000b !important;}
.bestelrows-slagerij .sl_row1          {background-color: #330409 !important; border-bottom: 1px solid #4A272B;}
.bestelrows-slagerij .sl_totaalprijs   {background-color: #330409 !important; border-bottom: 1px solid #4A272B;}
.bestelrows-slagerij #bestelknop       {background: #250f0b; border: 2px solid #FF0000; border-left: 34px solid #1d0a07; border-right: 34px solid #1d0a07; box-shadow: 0px 0px 20px #FF0000;}

/* =======================================================================================
   VERSTAPPEN 2023 -> FOOTER
   ======================================================================================= */

.footerlogo-slagerij-verstappen {background-image: url('../../img/logos/footerlogo-verstappen.png'); background-position: 50% 0px !important; background-size: 300px auto; margin-bottom: -250px; margin-top: -100px;}

@media screen and (min-width: 700px) {
   .footerbgcolor-aatventure       {background-color: #030e13; border-bottom: 100px solid #030e13;}
   .footerbgimage-aatventure       {background: url(none); border-bottom: 200px solid #030e13;}
   .footerlogo-slagerij-verstappen {background-size: 26vw auto;}
   .tri-aatventure                 {border-bottom: 70px solid #030e13}
}

/* =======================================================================================
   UIT WEIGHTSHOP
   ======================================================================================= */

.card-producttitle-aatventure {background-color: #56000a; color: #FFFFFF; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#totaalbedrag                 {color: #ffb600;}

/* =======================================================================================
   MEDIA QUERIES
   ======================================================================================= */

   @media screen and (min-width: 1024px) {
      .flexcontainer-annamimi-zorg  {perspective: initial !important;}
      .flexitem-annamimi-zorg       {transform:   initial !important; margin-left: 20px !important; margin-right: 20px !important;}
   }

 /* =======================================================================================
   VERY VERY NEW
   ======================================================================================= */

   @media screen and (min-width: 767px) {
      .scrollbar-aatventure::-webkit-scrollbar                  {width: 12px !important;}
      .scrollbar-aatventure::-webkit-scrollbar-thumb            {background-color: #062d40;}
      .scrollbar-aatventure::-webkit-scrollbar-track-piece      {background-color: #021924;}
    }

   .body-aatventure              {background-color: #000e15;}
   .bodybg-aatventure            {background-color: #010e15;}
   .bginstant-aatventure         {background-color: #000e15;}
   .darkboardbg-aatventure       {background-color: #000e15; background:url('../../img/dashboard/dashboarddarkside.webp') no-repeat; background-size:cover;}
   .loginbg-aatventure           {background-color: #4c5e76; background-image: url('../../img/navicons/navback.png'); background-repeat: no-repeat; background-size: cover;}
   .jumbotron-aatventure         {background-color: #021f30 !important; background-image: url('../../img/navicons/aatsgradient.jpg'); border-bottom: 1px solid rgba(0,0,0,.0975); color: #2c2f39;}
   .jumbotronadmin-aatventure    {background-color: #021f30; background-image: url('../../img/navicons/aatsgradient.jpg'); color: #d9dbe2!important;}
   .adminbody-aatventure         {background:url('../../img/backgrounds/canvas2018.jpg') no-repeat; background-size:cover;}
   .pdftoolbar-aatventure        {background-color: #15202b !important}
   .profilecard-aatventurex      {background-color: #313b4c; border: 1px solid #535e6d;}
   .scrollnavcontainer           {background-color: #031925 !important;}
   .panel-default>.panel-heading {background-color: #0b3f5e !important; border-color: #16181f !important; color: #FFFFFF !important;}
   .defbtn-aatventure            {background: #063e5f !important; border-color: #0c4463 !important; color: #FFFFFF !important;}
   .table thead th               {background-color: #020c11 !important; color: #666A77 !important;}
   .table td, .table th          {background-color: #081924 !important; border: 1px solid #072b3f !important; color: #FFFFFF;}
   #filterinput                  {background-color: #0b3f5e !important; border: 4px solid #041925 !important;}