/* Default style Modal */
div.modal-dialog-background{position:fixed;z-index:3100;top:0;left:0;right:0;bottom:0;background-color:transparent;display:none}div.modal-dialog-background.show{display:block}div.modal-curtain{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);border:30px solid transparent}div.modal-dialog{display:none;background-color:#fff;min-width:320px;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.1);max-height:100%;max-width:1024px;border-radius:10px;overflow:hidden;box-sizing:border-box}div.modal-dialog-background.show div.modal-curtain{display:flex;align-items:center;justify-content:center;visibility:hidden}div.modal-dialog-background.show div.modal-curtain.show{visibility:visible}div.modal-dialog-background.show div.modal-dialog{display:flex;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s}div.modal-dialog-background.show div.modal-curtain.show div.modal-dialog{opacity:1;visibility:visible}div.modal-dialog-background div.modal-curtain.full-height div.modal-dialog{height:100%}div.modal-dialog>.modal-body{flex:1 1 auto;padding:10px 20px;overflow:auto;overflow-wrap:break-word}div.modal-dialog>.modal-header{display:flex;padding:15px 20px;flex:0;align-items:center}div.modal-dialog>.modal-header .modal-title{flex:1 1 auto;margin-right:5px;font-weight:bold;font-size:20px;cursor:default}div.modal-dialog>.modal-header .modal-title::selection{background:0}div.modal-dialog>.modal-header .modal-close{cursor:pointer;background-color:#fff;color:#595959;border-radius:50%;border:0;outline:0;margin-left:auto;flex:0 0 30px;height:30px;display:flex;justify-content:center;align-items:center;font:22px 'Source Sans Pro',sans-serif;transition:background-color .2s}div.modal-dialog>.modal-header .modal-close:hover{background-color:#f9f9f9}div.modal-dialog>.modal-header .modal-close:active{background-color:#d7d7d7}div.modal-dialog>.modal-footer{padding:15px 20px;flex:0;display:flex;justify-content:flex-end}div.modal-dialog>.modal-footer.hide{display:none}div.modal-dialog>.modal-body.footer-hide{padding-bottom:20px}div.modal-dialog>.modal-footer button{background-color:#008000;border:1px solid #008000;border-radius:5px;color:#fff;cursor:pointer;font:normal 14px Tahoma;padding:6px 27px;vertical-align:middle}div.modal-dialog>.modal-footer>*:not(.hide)+*{margin-left:10px}div.modal-dialog>.modal-footer .hide{display:none}div.modal-dialog>.modal-footer button:hover{background-color:#fff;color:#008000}div.modal-dialog>.modal-footer button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:default}@media screen and (max-width:768px){div.modal-curtain{border-width:0 10px}}@media screen and (max-width:576px){div.modal-curtain{border-width:0}}
/* EOT Default style Modal */

div.modal-dialog {box-shadow:0 0 20px rgba(0, 0, 0, 0.1);border-radius:0;}
div.modal-dialog-background.show div.modal-dialog {display:flex;opacity:0;visibility:hidden;transition:opacity .2s, visibility .2s, transform .2s;}
div.modal-dialog-background.show div.modal-curtain.show div.modal-dialog {opacity:1;visibility:visible;}
div.modal-dialog>.modal-body {padding:30px 20px;font-size:18px;font-weight:700;}

div.modal-dialog>.modal-header {padding:3px;background-color:var(--s-modal-header-background);color:var(--s-modal-header-color);}
div.modal-dialog>.modal-header .modal-title {margin:0 20px;font-size:20px;font-weight:700;word-break:break-word;}

div.modal-dialog>.modal-header .modal-close {border-radius:0;position:relative;z-index:1;flex:0 0 38px;width:38px;height:38px;color:#fff;box-sizing:border-box;background-color:var(--s-modal-header-background);transition:background-color .3s;}
div.modal-dialog>.modal-header .modal-close span {font-size:40px;}
div.modal-dialog>.modal-header .modal-close:hover{background-color:#fff;color:var(--s-modal-header-background)}


div.modal-dialog>.modal-footer {padding:25px 20px;justify-content:space-around;}
div.modal-dialog>.modal-footer.hide {display:none;}
div.modal-dialog>.modal-footer button {background-color: var(--background-submit);border:2px solid var(--background-submit);color:#fff;padding:10px 25px;font:var(--font-weight-submit) var(--font-size-submit)/1 var(--font-forms-family);transition:color .3s, background-color .3s;border-radius:0;}
div.modal-dialog>.modal-footer>*:not(.hide)+* {margin-left:15px;}
div.modal-dialog>.modal-footer .hide {display:none;}
div.modal-dialog>.modal-footer button:hover {background-color:#fff;color: var(--background-submit);}
div.modal-dialog>.modal-footer button.blue {color:var(--background-submit);background-color:#fff;}
div.modal-dialog>.modal-footer button.blue:hover {background-color:var(--background-submit);color: #fff;}

div.modal-dialog>.modal-body div.info {font-weight:bold;line-height:1.6em;font-size:18px;text-align: center;}

div.modal-dialog>.modal-body select {width:100%;}

div.modal-dialog .prodInfoWrap {display:flex;align-items:center;}
div.modal-dialog div.prodInfo {font-weight:bold;margin-left:5px;text-align:left;}
div.modal-dialog span.costGross {font-weight:normal;font-size:14px;display:block;margin:4px 0 5px;}

div.modal-dialog section.delivery {text-align:left;}
div.modal-dialog section.delivery+section.delivery {margin-top:15px;}
div.modal-dialog section.delivery h2 {font-size:1em;margin-bottom:5px;}
div.modal-dialog section.delivery ul {padding-left:25px;font-weight:normal;}
div.modal-dialog section.delivery span {color:#9b9b9b;font-size:.8em;display:inline-block;margin-left:10px;}

div.modal-dialog .prodInfoWrap+form {margin-top:20px;}
.modal-dialog .option {text-align:left;font-size:16px;margin-bottom:15px;}

.modal-dialog.u2loginWrap2 {min-width:640px;}
.modal-dialog.u2loginWrap2 .content-text {padding:0;border:none;margin:0;}
.modal-dialog.u2loginWrap2 div.sgwrap.load {position:relative;z-index:0;}
.modal-dialog.u2loginWrap2 div.sgwrap.load::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.9);}
.modal-dialog.u2loginWrap2 div.sgwrap.load::after {content:'';position:absolute;width:55px;height:55px;box-sizing:border-box;border-width:6px;border-style:solid;border-color:#f2f2f2 #279f34;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;animation:sgwrap-spin .6s ease infinite;}
@keyframes sgwrap-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
div.sgwrap div.msgError.hide {visibility:hidden;display: none}

@media screen and (max-width:640px){
    .modal-dialog.u2loginWrap2 {min-width:320px;width:100%;}
}