/* =======================================================================================
   AATVENTURE SUSHI 09-03-2022
   ======================================================================================= */

.preloader-sushi                {background-color: #000000;}
.autograph-sushi                {color: rgb(249, 246, 238); text-shadow: 0 -1px 4px #f7edc9, 0 -2px 10px #1f0000, 0 -10px 20px #a22e2e, 0 -18px 40px #1e0000;}
.bestelrows-sushi #totaalbedrag {color: rgb(233, 198, 58);}
.backbutton-sushi               {filter: saturate(60) hue-rotate(59deg);}
.navlink-sushi>a:focus, .navlink-sushi>a:hover {color: #EFD23D !important;}

@media screen and (min-width: 600px) {
  .scrollbar-sushi::-webkit-scrollbar                  {width:12px !important}
  .scrollbar-sushi::-webkit-scrollbar-track-piece      {background-color:#000000 !important}
  .scrollbar-sushi::-webkit-scrollbar-thumb            {background-color:#FF0000 !important}
}

.productinfo::-webkit-scrollbar-thumb       {background-color: #ff0000;}
.productinfo::-webkit-scrollbar-track-piece {background-color: #1f1f1f;}

@media (max-width: 700px) {
   .mobileheader-sushisensei {background-image: url("../../img/mobileheaders/sushisensei.avif") !important; background-size: 100% 70px !important;}
}

.brandlogo-sushi {display: none !important;}

.bg-nav {background-color: #000000}

/* ==========================================================================
   layout
   ========================================================================== */

.brandlogo-sushi          {display:none}
.toggle-sushi             {display:none}
.headertext-sushi         {display:none}
.headertext-sushi         {font-family: "Muli Light" !important; left: 74px !important;}
.modalheader-sushi        {background-image: url('../../img/backgrounds/sushisenseibanner2.png');}
.bodybg-sushi .navbar     {background-color: #000000;}

.bestelrows-sushi .sl_aantal         {margin-top: 12px;}
.bestelrows-sushi .sl_row1           {min-height: 80px; height: 80px; width: 85%;}
.bestelrows-sushi .sl_totaalprijs    {min-height: 80px; height: 80px; width: 15%}

@media screen and (min-width: 800px) {
   .assgroepbg-sushi {background-size: 100vw;}
   .modalbody-sushi  .typeahead__result .name  {margin: 0 30px 0px 144px !important;}
 }

 @media screen and (max-width: 800px) {
   .assgroepbg-sushi {background-size: 190% 110% !important;}
 }

.xxassgroepcard-img-sushi          {height: 280px;}
.assgroepcard-title-sushi          {position: absolute; bottom: -46px;}
.assgroepcard-description-sushi    {position: absolute; bottom: -61px; font-size: 18px;}

#maincontainer {
   overflow-x: hidden;
   background-image: url("../../img/backgrounds/sushibackground-dark.jpg") !important;
   background-size: auto 100%;
   user-select: none;
}

/* ==========================================================================
   body backgrounds
   ========================================================================== */

.bodybg-sushi                {background: #000000 !important; background-image:none !important;}
.productsbodybg-sushi        {background-color: rgb(17, 17, 17) !important;}
.groupsbody-sushi            {background-color: rgb(17, 17, 17) !important;}                            
.floatingbutton-sushi        {background-color: #000000 !important; border: 1px solid #000000 !important; box-shadow: 2px 2px 3px #020630 !important;}
.mobilemenubackground-sushi  {background: linear-gradient(to bottom, #000000 0%,#140000 30%,#280000 100%) !important; opacity: 0.99;}
.companycolor-sushi          {color: #FFD335 !important;}
.border-sushi                {border-image: linear-gradient(to right, #4c2220, rgba(0, 0, 0, 0)) 1 1% !important;}

@media (min-width: 760px)  {.assgroepbg-sushi {background-size: 100vw;}}

/* ==========================================================================
   footers
   ========================================================================== */

.footerbg-sushi          {background-color: #FF0000;}  /* = card */
.footerbgcolor-sushi     {background-color: #000000;}
.footerlogo-sushisensei  {background-image: url('../../img/logos/sushisensei.png');}

@media screen and (min-width: 700px) {
   .footerbgimage-sushi {
       background-image: url("../../img/backgrounds/sushichef.jpg");
       background-size: cover !important;
   }
   .footerwrapper-sushi {
       background-color: #000000 !important;
   }
   .tri-sushi {
       border-bottom: 70px solid #000000 !important;
   }
}

.c-sushi p {color: #ffffff;}

/* ==========================================================================
   tri-shapes footer triangle
   ========================================================================== */

@media screen and (min-width: 700px) {
  .triangle-sushi     li:first-child {border-right: 125px solid transparent; border-top: 125px solid rgb(255,0,0);}
  .tri-sushi           {border-bottom: 70px solid rgb(255, 0, 0);}
  .footerwrapper-sushi {background-color: #FF0000;}
}

/* ==========================================================================
   sidebar
   ========================================================================== */

.sidebarbgcolor-sushi          {background-color: #000000;}
.sidebarheadertextcolor-sushi  {color: rgb(233, 198, 58);}
.td-sushi .active              {background: linear-gradient(238deg, rgb(117 6 6) 0%, rgb(255 0 0) 50%, rgb(239 88 61) 100%);}
.td-sushi li                   {border-bottom: 1px solid #aa0000 !important;}
.td-sushi li:hover             {background-color: #333333;}
.sidebarlogo-sushisensei       {background-image: url('../../img/sidebarlogos/sushisensei14.png')}
.td-sushi    .active           {background: linear-gradient(238deg, rgb(117 6 6) 0%, rgb(255 0 0) 50%, rgb(239 88 61) 100%);}
.taglist-sushi                 {background-color: #bb0000 !important; border: 1px solid #000000; margin-bottom: 10px; border-radius: 8px;}
.taglist-sushi:hover           {background-color: #FF0000 !important;}
.border-sushi                  {border-image: linear-gradient(to right, #4c2220, rgba(0, 0, 0, 0)) 1 1% !important;}

/* ==========================================================================
   aatspopup
   ========================================================================== */

.aatspopup-sushi .logbox:hover      {color: #FF0000 !important;}

/* ==========================================================================
    assortimentsgroepen
   ========================================================================== */

.assgroepbg-sushi                  {background-image: url('../../img/backgrounds/sushisenseibanner2.png'); background-color: transparent; color: #FFFFFF}
.assgroepcard-sushi                {border-bottom: 80px solid #000000;}
.assgroepcard-title-sushi          {position: absolute; bottom: -46px; color: #ffffff !important;}
.assgroepcard-description-sushi    {position: absolute; bottom: -61px; color: #ffffff !important;}

/* ==========================================================================
    bestelrows
   ========================================================================== */

.bestelrows-sushi #bestelknop  {background: #222222; border: 2px solid #FF0000; box-shadow: 0px 0px 20px #ff0000; border-left: 34px solid #000000; border-right: 34px solid #000000;}

/* ==========================================================================
   webshop theme => sushi 14-10-2019
   ========================================================================== */

.defbtn-sushi         {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;}
.defbtn-sushi:hover   {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;}

/* dashboard sushi */
.loginbg-sushi        {background: #000000 !important; background-image:none !important;}
.dashboardbg-sushi    {background: url('../../img/dashboard/dashboardsushi.jpg'); background-size: cover !important;}
.dashboardbg-sushix   {background: linear-gradient(to bottom, #000000 0%,#310000 30%,#310000 100%) !important; width: 100vw !important}
.flexitem-sushi       {background-color: #9a0505; border: 1px solid #770000;}
.flexitem-sushi:hover {background-color: #Aa1515; border: 1px solid #880000;}
.menicon-sushi        {background-color: #f7c321 !important;}
.jumbotron-sushi      {background: #16181f !important;}
.jumbotronadmin-sushi {background: #16181f !important;}
.profilebg-sushi      {background: linear-gradient(to bottom, #000000 0%,#000000 90%,#310000 100%) !important;}
.form-control-sushi   {background-color: #1f2027 !important; border: 1px solid #16171f !important; color: #FFFFFF !important;}=

/*  Logoutbox */
.logoutbox1-sushi                                     {background-color: #FF0000 !important;}
.logoutbox1-sushi div                                 {background-color: #FF0000 !important;}
.logoutbox2-sushi::before, .logoutbox3-sushi::before  {background-color: #AA0000 !important;}
.logoutbox2-sushi::after,  .logoutbox3-sushi::after   {background-color: #880000 !important;}

/* modal sushi */
.modalheader-sushi  {background-color: #F4001F !important; border-bottom: 1px solid #000000;}
.modalbody-sushi    {background-color: #000000;}
.modalcontent-sushi {background: #000000 !important;}
.modalfooter-sushi  {background-color: #2A2D3A !important; border-top: 1px solid #000000 !important;}

.modalbody-sushi    .typeahead__container                        {background-color: #121317; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000;}
.modalcontent-sushi .typeahead__dropdown                         {background-color: #FF0000 !important; border: 0px !important;}
.modalcontent-sushi .typeahead__list                             {background-color: #FF0000 !important; border: 0px !important;}
.modalcontent-sushi .typeahead__list>li                          {border-top: 10px solid #000000 !important;}
.modalcontent-sushi .typeahead__list>.typeahead__group.active>a  {background: transparent !important; color: #ffffff !important;}
.modalcontent-sushi .typeahead__list>.typeahead__group>a         {background: transparent !important; color: #ffffff !important;}
.modalcontent-sushi .typeahead__list>.typeahead__group>a         {background: transparent !important; color: #ffffff !important;}
.modalcontent-sushi .typeahead__list>.typeahead__group>a:focus   {background: transparent !important; color: #ffffff !important;}
.modalcontent-sushi .typeahead__list>.typeahead__group>a:hover   {background: transparent !important; color: #ffffff !important;}
.modalcontent-sushi .typeahead__dropdown                         {background-color: #2b2f39;}
.modalcontent-sushi .typeahead__dropdown-item>a                  {background-color: #2b2f39;}
.modalcontent-sushi .typeahead__list .typeahead__item>a          {background-color: #2b2f39;}
.modalcontent-sushi .typeahead__dropdown-item:hover              {background-color: #AA0000 !important; color: #FFFFFF !important;}

.modalcontent-sushi .typeahead__dropdown-item:not([disabled]).active>a          {background-color: #ff0000 !important; color: #FFFFFF !important;}
.modalcontent-sushi .typeahead__dropdown-item:not([disabled])>a:focus           {background-color: #ff0000 !important; color: #FFFFFF !important;}
.modalcontent-sushi .typeahead__dropdown-item:not([disabled])>a:hover           {background-color: #ff0000 !important; color: #FFFFFF !important;}
.modalcontent-sushi .typeahead__list .typeahead__item:not([disabled]).active>a  {background-color: #ff0000 !important; color: #FFFFFF !important;}
.modalcontent-sushi .typeahead__list .typeahead__item:not([disabled])>a:focus   {background-color: #ff0000 !important; color: #FFFFFF !important;}
.modalcontent-sushi .typeahead__list .typeahead__item:not([disabled])>a:hover   {background-color: #ff0000 !important; color: #FFFFFF !important;}

@media (min-width: 600px) {
  .appheader-sushi {background: #000000;}
}

/* header text */
.bestelheadercolor-sushi {background-color: #FF0000 !important;}
.headertext-sushi        {color: #FFFFFF !important;}

/* datepicker addons */
.flexitem-sushi .picker                   {background-color: #310100 !important;}
.flexitem-sushi .picker__table td         {border: 1px solid #862515 !important;}
.flexitem-sushi .picker__nav--prev        {background: #4e150b !important;}
.flexitem-sushi .picker__nav--next        {background: #4e150b !important;}
.flexitem-sushi .picker__nav--prev:before {border-right: 0.75em solid #c34d39 !important;}
.flexitem-sushi .picker__nav--next:before {border-left: 0.75em solid #c34d39 !important;}
.flexitem-sushi .picker__day--highlighted {background: #ff0200 !important; border-color: #dcbf2a !important; color: #FFFFFF !important;}
.flexitem-sushi.menicon                   {color: #ffc376 !important;}

@media screen and (max-width: 1100px) {.scrollnav-sushi {background-color: #FF0000;}}

.typeaheadx-sushi .simple-keyboard.hg-theme-default .hg-button {
    border-bottom: 1px solid #ff0100 !important;
}

.sl_totaalprijs-sushisensei {background-color: #000000; border-bottom: 1px solid #4A272B;}

/* new: option */
.options-sushi {background-color: #480e0d !important;}
@media (max-width: 1030px) {#languagescroller {background-color: #210000;}}

/* =======================================================================================
   FORM FIELDS GAAT NIET GOED BIJ ORDERS!
   ======================================================================================= */

   xinput    {color: #85b8ff !important;}
   xtextarea {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;
   }