body {
    /* little darker: #efebe7  */
    background: #f6f3f1 url('/Content/Images/VanDenBroek/bg_header_dark_2023.png') repeat-x;
}

/* HEADER */

header #logo				        { width: 255px; padding-top: 35px; }
header #otherbrands                 { width: 715px; text-align: right; }
header #accountinfo                 { float: left; width: 280px; text-align: right; padding-top: 10px;  }
header #otherbrands .onzemerken     { color: #fff; }

/* TOPHEADER LOGGED IN */
body .topheader                                                 { height: 95px; }
body.loggedin .topheader                                        { height: 94px; }
body.loggedin .topheader #logo                                  { float: left; width: 690px; padding-top: 35px;  }
body.loggedin .topheader #logo img                              { width: 248px; height: auto; }

body.loggedin .topheader .cart-and-accountinfo                                { float: left; width: 280px; }
body.loggedin .topheader .cart-summary-container                              { margin: 0 0 3px 0; text-align: right; }
body.loggedin .topheader .cart-summary-container .cart-summary                { background: rgba(255,255,255,0.3); border-radius: 0 0 4px 4px; }
body.loggedin .topheader .cart-summary-container .cart-summary a              { color: #fff; line-height: 35px;  }
body.loggedin .topheader .cart-summary-container .cart-summary a i            { margin-right: 5px; }
body.loggedin .topheader .cart-summary-container .cart-summary .line          { padding: 0 5px 0 5px; color: #cbb08c; }
body.loggedin .topheader .cart-summary-container .cart-summary .totalprice    { color: #fff; margin-right: 15px; }

body.loggedin .topheader .cart-summary-container .cart-summary a.to-shopping-cart-empty    { cursor: default; }
body.loggedin .topheader .cart-summary-container .cart-summary a.to-shopping-cart-empty:hover   { text-decoration: none; } 

body.loggedin .topheader #accountinfo                                         { text-align: right; color: #f6f3f1; padding: 3px 0 0 0; }
body.loggedin .topheader #accountinfo p                                       { margin-bottom: 0; }
body.loggedin .topheader #accountinfo a.shoppingcart                          { color: #fff; font-weight: bold; }
body.loggedin .topheader #accountinfo .userfullname                           { font-weight: bold; }
body.loggedin .topheader #accountinfo .emailadddress                          { color: #fff; }
body.loggedin .topheader #accountinfo .line                                   { color: #c6d1e0;  padding: 0 5px 0 5px; }
body.loggedin .topheader #accountinfo a                                       { color: #fff; text-decoration: underline; padding: 0; text-transform: uppercase; font-size: 0.9em;  }
body.loggedin .topheader #accountinfo a:hover                                 { color: #eee; }
body.loggedin .topheader #accountinfo a span                                  { padding-right: 0; }


/* WRAPPER */

.wrapper 						                    { background: #fff; }

body#empty .wrapper                                 { background: #fff; }
body.loggedin .wrapper                              { background: #fff; }

/* PHOTOHEADER */
#photoheader                                        { width: 970px; margin: 0 auto; }

/* LAYER SLIDER */

#layerslider                                        { width: 970px; height: 166px; margin: 0 auto; }

/* MENU and SEARCH */

.menu-and-search                                    { width: 970px;  }

body header .menu-and-search nav                    { width: 700px; float: left; padding: 8px 0 8px 0; }
body header .menu-and-search #cataloguesearch       { width: 270px; float: left; padding-top: 5px; position: relative;  }

body header .menu-and-search.no-search nav          { width: 970px; }

body header .menu-and-search nav ul                 { margin: 0; padding: 0; }
body header .menu-and-search nav ul li              { }              
body header .menu-and-search nav li.first a         { padding: 0 25px 0 0; }        
body header .menu-and-search nav li a               { padding: 0 25px 0 0; font-size: 18px; color:#192d3e; font-family: "Work Sans", Arial, Helvetica; text-decoration: none; }
body header .menu-and-search nav li a:hover         { color: #31495d; }
body header .menu-and-search nav li#current a       { color: #cbb08c; }

body.loggedin header .menu-and-search nav ul#submenu li     { display: none; }

.menu-and-search #cataloguesearch form                      { margin: 0; }
.menu-and-search #cataloguesearch input#search              { display: block; margin: 7px 0 0 0; padding: 3px 25px 3px 5px; width: calc(100% - 30px); }
.menu-and-search #cataloguesearch button                    { position: absolute; right: 8px; top: 12px; border: unset; background: unset; padding: 3px; text-shadow: unset; box-shadow: unset;  } 

ul.ui-autocomplete div.searchResult                         { height: 50px; }
ul.ui-autocomplete div.searchResult .image-small            { float: left; width: 50px; }
ul.ui-autocomplete div.searchResult .text                   { float: left; width: 180px; padding-left: 15px; line-height: 1.1em; }
ul.ui-autocomplete div.searchResult .code                   { color: #888; font-size: 0.8em; }
    

/* h1 h2 h3 */

h1              { }
h2              { color: #cbb08c; }
h3              { font-size: 1.1em; margin: 0 0 5px 0; line-height: 1em; }


.customfontvandenbroek          { font-family: "Work Sans", Arial, Helvetica; }
.customfontvandenbroek-webshop  { font-family: "Work Sans", Arial, Helvetica; color: #192d3e; }

h1.webshop      { font-family: "Work Sans", Arial, Helvetica; color: #192d3e; margin: 0 0 15px 0; }
h2.webshop      { font-family: "Work Sans", Arial, Helvetica; color: #000; text-transform: none; font-size: 1.5em; }

h1.nomargin     { margin: 0; }
h1.lessmargin   { margin: 0 0 8px 0;}


/* LINKS */

a { color: #192d3e; }

/* BUTTONS */

.btn-primary                                                    { background: #192d3e; border: 1px solid #192d3e; text-shadow: unset; box-shadow: unset; -webkit-appearance: none;  }
.btn-primary:hover, .btn-primary:active,  .btn-primary:focus    { background: #31495d; }

.btn-info                                                       { background: #192d3e; border: 1px solid #192d3e; text-shadow: unset; box-shadow: unset; -webkit-appearance: none;  }
.btn-info:hover, .btn-info:active, .btn-info:focus              { background: #31495d; }

.btn-addtocart                                                      { background: #538e31; border: 1px solid #538e31; color: #fff; font-size: 0.9rem !important; text-shadow: unset; box-shadow: unset; -webkit-appearance: none;  }
.btn-addtocart:hover, .btn-addtocart:active, .btn-addtocart:focus   { background: #60a936; color: #fff; }
.btn-addtocart i { font-size: 0.9rem; }

.btn-default                                                    { background: #eee; border: 1px solid #eee; text-shadow: unset; box-shadow: unset; -webkit-appearance: none;  }
.btn-default:hover, .btn-default:active, .btn-default:focus     { background: #ddd; }
.btn-default i { font-size: 0.9rem; }

/* FOOTER */ 

#footer-container				        { background-color: #efebe7;  }
#footer-container footer .column        { color: #192d3e; }
#footer-container footer .column h3     { color: #192d3e; }
#footer-container footer .column a      { color: #192d3e; text-decoration: underline; } 


/* MAIN */


/* OVER VAN DEN BROEK */

section.main #left			                        {  }
section.main #right		                            { color: #444; line-height: 1.8em; }

section.main #left ul#submenu 						{ margin: 30px 20px 40px 0; padding: 0; list-style: none; }
section.main #left ul#submenu li					{ margin: 0 0 10px 0; }
section.main #left ul#submenu li a 				    { display: block; text-decoration: none; padding: 0 0 0 10px; line-height: 30px; background: #ecf3f7; line-height: 30px; text-transform: uppercase; font-size: 0.9em; color: #225e72; }
section.main #left ul#submenu li#currentsubmenu a	{ background: #2f69a5; color: #fff; }
section.main #left ul#submenu li a:hover			{ background: #dae8ef; }

section.main #right ul		                        { margin: 0 0 15px 15px; padding: 0; }

section.main #right	.column-left                    { float: left; width: 320px;  }
section.main #right	.column-right                   { float: left; width: 320px; margin-left: 20px;  }


section.main #right	.column-one                    { float: left; width: calc(33% - 10px);  }
section.main #right	.column-two                    { float: left; width: calc(33% - 25px); margin-left: 25px;  }
section.main #right	.column-three                  { float: left; width: calc(33% - 25px); margin-left: 25px;  }


/*  VACATURES */

#vacatures-logos                                    { float: right; margin-left: 50px; }

/* SALEPERSONS */

.salesperson                    { width: 450px; float: left; margin: 0 25px 25px 0; }
.salesperson img                { display: block; float: left; width: 200px; height: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border: 5px solid #fff; }
.salesperson p                  { display: block; float: left; width: 300px; padding: 5px 0 0 20px;  }

/* LOGIN */

body.account label                                              { font-weight: bold; font-size: 1.1em; }
body.account .control-group                                     { margin: 0 0 15px 0; }
body.account #control-group-container-password .control-group   { margin: 0 0 15px 0; }
body.account #control-group-container-rememberme                { margin: 0 0 20px 0; }
body.account #control-group-container-rememberme label          { font-weight: normal; }
body.account #control-group-container-rememberme span.required  { display: none; }
body.account input#Password                                     { margin: 0; }

p.inputhint                                                     { padding: 0; margin: 0 0 10px 0; }
p.inputhint a                                                   { color: #888; text-decoration: underline;  }

/* CREATE ACCOUNT */

#createaccountbox                                               { margin: 50px 0 50px 0; border: 1px dotted #aaa; background:#fafafa; padding: 15px; }
a.create-an-account                                             { font-weight: bold; font-size: 1.3em; text-decoration: underline;  }

p#alleenbestaandeklanten a                                      { color: #000; text-decoration: underline; }

body.accountrequest form                                        { background: #f5f5f5; border: 1px solid #ddd; padding: 15px; width: 500px; }
body.accountrequest .control-group                              { margin: 0 0 10px 0; }
body.accountrequest .control-group label                        { font-weight: bold; float: left; width: 180px; }
body.accountrequest form p button                               { margin: 0 0 0 180px; }

body.accountrequest #customercode .control-group                        { margin-bottom: 0; }
body.accountrequest #customercode .control-group input[type='text']     { margin-bottom: 0; }
body.accountrequest #klantnummbervoorbeeld                              { padding: 3px 0 0 180px; margin: 0 0 15px 0; }
body.accountrequest #klantnummbervoorbeeld a                            { text-decoration: underline; }

body.accountrequest #password .control-group                        { margin-bottom: 0; }
body.accountrequest #password .control-group input[type='password'] { margin-bottom: 0; }
body.accountrequest #passwordminimumsix                             { padding: 3px 0 0 180px; margin: 0 0 15px 0; color: #999; }            

body.accountrequest span.help-inline                            { display: block; padding-left: 180px; }

body.subsub-change .editor-container                            { margin: 0 0 10px 0; }
body.subsub-change .editor-label label                          {   }
body.subsub-change .editor-container-submit                     { margin-top: 20px; }
body.subsub-change .editor-container-submit input               { font-size: 1.3em; }



.validation-summary-errors span                                 { color: #cc004d; font-weight: bold;   }
.error                                                          { color: #cc004d; font-weight: bold; margin: 0 0 15px 0; }

/* ERROR PAGE */
body.main-errors .wrapper                                       { background: #fff; padding: 30px 0 200px 0; }

/* FORMS */

input.submit-button                                 { }


/* WEBSHOP HOME */

#homeblocks                                      { margin: 0 0 50px 0; }
#homeblocks .item                                { width: 227px; height: 180px; background: #fafafa; border: 1px solid #ddd;  }
#homeblocks .item img                            { display: block; margin: 8px auto 5px auto; border: 1px solid #ddd; }
#homeblocks .item h2                             { padding: 10px 0 0 0; margin: 0 0 5px 0; font-size: 1.5em; text-align: center; }
#homeblocks .item h2 a                           { color: #169ede;  }
#homeblocks .item .text                          { text-align: center; padding: 0 0 10px 0; color: #666; line-height: 1.2em; }
#homeblocks .item .text a                        { color: #666; text-decoration: underline; }

#homeblocks .item-hoverable:hover                { background: #f5f5f5; }
#homeblocks .item-hoverable:hover h2             { color: #169ede;  }
#homeblocks .item-hoverable:hover h2 a           { color: #169ede; text-decoration: none; }
#homeblocks .item-hoverable:hover a              { color: #444; }

/* HOME PRODUXTS */

#featuredproducts                                   { }
#featuredproducts article                           { margin: 0 25px 25px 0; }


/* WINKELWAGEN */

#shippingAddress                                    { background: #f5f5f5; border: 1px solid #ddd; margin: 0 0 15px 0; }
#shippingAddress .column                            { padding: 10px; }
#shippingAddress #sendwithnextshipment              { margin: 0 0 8px 0; }
#shippingAddress #reference                         { margin: 0 0 8px 0; }
#shippingAddress #reference input#Order_Reference   { width: 100px; }
#shippingAddress #paymentterms                      { margin: 0 0 3px 0; }
#shippingAddress label                              { font-size: 1em; }
#shippingAddress label a                            { color: #000; text-decoration: underline; }

#shippingAddress textarea#Order_Remarks             { font-size: 12px; resize: none;  }

p#nostockmessage { background:#f8dfdf; color:#cc0000; padding: 15px; border: 1px dotted #cc0000; font-size: 15px; }

table#cart-full                             { margin-bottom: 25px; }
table#cart-full tr th                       { background: #b9a890; color: #fff; }
table#cart-full tr th.price                 { text-align: right; width: 70px; padding-right: 50px; }
table#cart-full tr th.quantity              { text-align: right; width: 70px; padding-right: 50px; }
table#cart-full tr th.total                 { text-align: right; width: 70px; padding-right: 50px; }
table#cart-full tr th.action a#delete-all-items { color: #fff; }

table#cart-full tbody tr td.text .code      { color: #aaa; }
table#cart-full tbody tr td.text a          { color: #000; text-decoration: none; }
table#cart-full tbody tr td.text a:hover    { text-decoration: underline; }

table#cart-full tbody tr td.image           { width: 60px; }
table#cart-full tbody tr td.image a         { display: block; }
table#cart-full tbody tr td.price           { text-align: right; padding-right: 50px; }    
table#cart-full tbody tr td.quantity        { text-align: right; padding-right: 50px; }      
table#cart-full tbody tr td div.voorraad    { display: none; }   
table#cart-full tbody tr td.total           { text-align: right; padding-right: 50px; }         

table#cart-full tr.subtotal td.total        { text-align: right; padding-right: 50px; }
table#cart-full tr.shippingcosts td.total   { text-align: right; padding-right: 50px; }
table#cart-full tr.total td.total           { text-align: right; padding-right: 50px; }
table#cart-full tr.total td                 { border-top: 2px solid #444; border-bottom: 1px solid #ddd;  }

table#cart-full tr.hasnostockbuteta td                      { background: #e9f6f5; }
table#cart-full tr.hasnostockbuteta td div.availablefrom    { color: #0fa1aa; padding: 0 0 0 17px; background: url('/Content/Images/VanDenBroek/webshop/icon_verwacht.png') no-repeat 0 50%; }
table#cart-full tr.error-no-dimension td                    { color: #cc0000; font-weight: bold; background-color: #f8eeee; }
table#cart-full tr.error-no-dimension td.text a             { color: #cc0000; }
table#cart-full tr.error-no-dimension td.text .code         { color: #cc0000; }
table#cart-full tr.not-enough-stock td                      { background-color: #f8eeee; }
table#cart-full tr.not-enough-stock td div.voorraad         { display: block; font-size: 11px; color: #cc0000; }                     

table#cart-full .noshippingcostsabove       { color: green;  }
table#cart-full .mediumshippingcostsabove   { color: green; }
table#cart-full .sendwithnextshipment       { color: #b99e79; }

table#cart-full tr.bagsbanner td                                { background: #f3f5f8; }
table#cart-full tr.bagsbanner td div.bannerimages               { float: right; padding: 0 25px 0 0; }
table#cart-full tr.bagsbanner td div.bannertext                 { float: right; text-align: right; font-size: 1.3em; font-weight: bold; padding: 18px 25px 10px 0; }
table#cart-full tr.bagsbanner td div.bannertext span.bestelnu   { color: #999; }
table#cart-full tr.bagsbanner td a                              { display: block; float: right; border: 1px solid #f3f5f8; }
table#cart-full tr.bagsbanner td a:hover                        { border: 1px solid #dce3ec; background: #fff; }

table#cart-full tr td button.deleteCartItem                     { background: none; border: none; color: #aaa; padding: 0; }


span.sizelabel                      { background: url('/Content/Images/VanDenBroek/webshop/bg_sizelabel.png') no-repeat; display: block; width: 35px; margin-top: 4px; padding: 2px 0 6px 0; text-align: center; color: #777; }

.field-validation-error             { color: #cc0000; font-weight: bold; }

.ui-widget-content a {
    background-color: #EFEFEF;
    border-left: 1px solid #AAAAAA;
}

button.confirmOrderButton i.glyphicon-warning-sign                      { display: none; }
button.confirmOrderButton.not-enough-stock                              { background: #cc0000; }
button.confirmOrderButton.not-enough-stock i.glyphicon-warning-sign     { display: inline; }
button.confirmOrderButton.not-enough-stock i.icon-chevron-right         { display: none; }

/* ORDER */

p#ordersuccess                      { background: url('/Content/Images/VanDenBroek/webshop/icon_check_35.png') 0% 50% no-repeat; padding: 10px 0 0 50px; height: 30px; display: block; font-size: 1.1em; }


/* ORDER HISTORY */

table#orders                         { margin-bottom: 25px; border-bottom: 1px solid #ddd; }
table#orders tr th                   { background: #b9a890; color: #fff; }
table#orders tr:nth-child(even) td   { background: #F7F7F7; } 
table#orders tr.even td              { background: #F7F7F7; }
table#orders tr th.details           { text-align: left; }
table#orders tr th.totalprice        { width: 120px; }

table#orders tr td.quantity          { text-align: right; padding-right: 50px; }
table#orders tr td.totalprice        { text-align: right; padding-right: 50px; }
table#orders tr td.toonartikelen     { width:140px; text-align:left; }


/* INCOICES */

table#invoices                         { margin-bottom: 25px; border-bottom: 1px solid #ddd; }
table#invoices tr th                   { background: #b9a890; color: #fff; }
table#invoices tr td                    { vertical-align: middle;}

table#invoices tr th:first-child { padding-left: 15px; }
table#invoices tr td:first-child { padding-left: 15px; }

table#invoices tr td span.status-open       { color: #cc0000; font-weight: bold; }
table#invoices tr td span.status-paid       { color: #309814; font-weight: bold; }

/* DOWNLOADS */

section#main #downloadcolumns ul                 { list-style: none; margin: 0 0 20px 0; padding: 0; }

a.btn-ghosted, a.btn-ghosted:hover, a.btn-ghosted:active, a.btn-ghosted:focus, a.btn-ghosted.active, a.btn-ghosted[disabled], a.btn-ghosted.disabled               { background: #ccc; }





/* IMAGE IMPORT */

body.imageimport .wrapper                                   { background: #fff; padding-top: 25px; padding-bottom: 300px; }

body.imageimport #photoheader                               { display: none; }

body.imageimport .filters                                   { background: #fafafa; border: 1px solid #eee; margin-bottom: 25px; border-radius: 4px; padding: 10px; }
body.imageimport .filters form                              { margin: 0; padding: 0; }
body.imageimport .filters .text                             { float: left; margin-right: 10px; line-height: 30px; text-transform: uppercase; font-weight: bold; }
body.imageimport .filters select                            { float: left;  margin: 0 10px 0 0; width: 180px; }
body.imageimport .filters select.year                       {  }
body.imageimport .filters input#keyword                     { float:left; width:100px; margin: 0 10px 0 0; }
body.imageimport .filters button                            { float: left; }

body.imageimport table                                      { width: 100%; }
body.imageimport table tr th                                { background: #f5f5f5; padding: 5px; text-transform: uppercase;  }
body.imageimport table tr td                                { border-bottom: 1px solid #eee; padding: 5px 5px 5px 0; }
body.imageimport table tr td.checkboxcolumn                 { padding-right: 10px; padding-left: 10px; }
body.imageimport table tr td.checkboxcolumn input           { margin-top: 0; }
body.imageimport table tr td.date                           { padding-left: 10px; }
body.imageimport table tr td.imported                       { text-align: center; font-size: 15px; }
body.imageimport table tr td.action                         { width:100px; padding-right: 0; }

body.imageimport table tr.imported td                       { background: #d5e2e8; font-weight: bold; }

body.imageimport p.message                                  { padding: 5px 5px 5px 10px; }


/* QUICK ORDER */

#quickorder                         { min-height: 500px;  }
#quickorder form textarea           { width: 100%; height: 100px; background: #f5f5f5; }
#quickorder form button             { font-size: 1.1rem; }

#quickorder table                   { border-bottom: 1px solid #ddd; }
#quickorder table tr th             { background: #f5f5f5;  }
#quickorder .form-navigation        { display: flex; margin: 0 0 15px 0; }
#quickorder .form-navigation .left  { font-style: italic; color: #777; padding-top: 10px; }
#quickorder .form-navigation .right { text-align: right; }


#quickorder #successmessage { display: none; color: #2ea724; font-weight: bold; }
#quickorder #errormessage { display: none; color: #cc0000; font-weight: bold; }


/* LOAD */


#loader-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
    text-align: center;
}

    #loader-overlay #circle-and-text {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100%;
    }

.loader-spinner {
    border: 8px solid #f3f3f3; /* Lichte rand */
    border-top: 8px solid #192d3e; /* Blauwe rand boven */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* button PROGRESS */
button.btn-run-progress, a.btn-run-progress, button.btn-run-progress:hover, a.btn-run-progress:hover, button.btn-run-progress:focus, a.btn-run-progress:focus {
    color: #777 !important;
    border: 1px solid #aaa;
    text-shadow: none;
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -webkit-linear-gradient(top, #f6f5f0, #bfbfbd);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -moz-linear-gradient(top, #f6f5f0, #bfbfbd);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -ms-linear-gradient(top, #f6f5f0, #bfbfbd);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -o-linear-gradient(top, #f6f5f0, #bfbfbd);
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #bfbfbd);
    background-repeat: repeat;
    -webkit-background-size: 40px 40px, 100% 100%;
    -moz-background-size: 40px 40px, 100% 100%;
    -ms-background-size: 40px 40px, 100% 100%;
    -o-background-size: 40px 40px, 100% 100%;
    background-size: 40px 40px, 100% 100%;
    -webkit-animation: progress-bar-stripes 1.5s linear infinite;
    -moz-animation: progress-bar-stripes 1.5s linear infinite;
    -ms-animation: progress-bar-stripes 1.5s linear infinite;
    -o-animation: progress-bar-stripes 1.5s linear infinite;
    animation: progress-bar-stripes 1.5s linear infinite;
    -webkit-appearance: none;
    box-shadow: none;
    cursor: wait;
}


@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}