html{overflow-x:hidden;}
[data-popupwindow]{position:fixed;left:0px;right:0px;top:0px;bottom:0px;background-color:rgba(0,0,0,0.5);z-index:1500;overflow-y:auto;}
[data-popupwindow] [data-popupinnerwindow]{position:relative;height:100%;}
[data-popupwindow] [data-popupinnerwindow]:before{display:table-cell;height:100%;content:'';}
[data-popupwindow] [data-popupinnerwindow]:after{display:table-cell;height:100%;content:'';}

body[data-noanimation=true] [data-container=ordersystem] *:before,
body[data-noanimation=true] [data-container=ordersystem] *:after,
body[data-noanimation=true] [data-container=ordersystem] *{transition:none !important;animation-duration:0s !important;}

[data-effect~=fadein]{animation:fadein 0.25s ease once;}

@keyframes fadein {
    0%{opacity:0;}
  100%{opacity:1.0;}
}

[data-hidden=display]{display:none;}

[data-popupname=login][data-logintype=username] [data-logintype]:not([data-logintype~=username]){display:none;}
[data-popupname=login][data-logintype=reset] [data-logintype]:not([data-logintype~=reset]){display:none;}
[data-popupname=login][data-logintype=request] [data-logintype]:not([data-logintype~=request]){display:none;}

[data-loading]:not(body):not([data-loading=none]):not([data-loading='']):not([data-loading=false]):not([data-loading^="@"]){position:relative;color:transparent;}
[data-loading]:not(body):not([data-loading=none]):not([data-loading='']):not([data-loading=false]):not([data-loading^="@"]) > *{opacity:0 !important;}

[data-loading~=circle]{position:relative;}

[data-loading~=rotate]:before {animation:rotate  1.5s linear infinite;}
[data-loading~=rotateb]:before{animation:rotateb 1.5s linear infinite;}
[data-loading~=rotate]:after  {animation:rotateb 1.5s linear infinite;}
[data-loading~=rotateb]:after {animation:rotate  1.5s linear infinite;}

[data-loading~=circle]:before,
[data-loading~=circle]:after{display:block !important;content:'' !important;position:absolute !important;left:calc(50% - 10px) !important;top:calc(50% - 10px) !important;width:20px !important;height:20px !important;border-radius:100% !important;border:2px solid transparent !important;}
[data-loading~=circle]:before{border-top-color:rgba(200,200,200,0.75) !important;border-bottom-color:rgba(200,200,200,0.75) !important;}
[data-loading~=circle]:after {border-top-color:rgba(56,56,56,0.75) !important;border-bottom-color:rgba(56,56,56,0.75) !important;}
[data-loading~=circle]:not([data-loading~=dark]):before{z-index:1 !important;}

[data-loading~=big]:before{left:calc(50% - 20px) !important;top:calc(50% - 20px) !important;width:40px !important;height:40px !important;border-width:10px !important;}
[data-loading~=big]:after{left:calc(50% - 24px) !important;top:calc(50% - 24px) !important;width:48px !important;height:48px !important;border-width:14px !important;}

@keyframes rotate {
    0%{transform:rotateZ(0deg);}
   50%{transform:rotateZ(180deg);}
  100%{transform:rotateZ(359deg);}
}

@keyframes rotateb {
    0%{transform:rotateZ(0deg);}
   50%{transform:rotateZ(-180deg);}
  100%{transform:rotateZ(-359deg);}
}

@keyframes fadein {
    0%{opacity:0;}
  100%{opacity:1.0;}
}

[data-container=ordersystem]{font-size:14px;line-height:1.25;}
[data-container=ordersystem] [data-container=ordersysteminner] h3{font-size:16px;}

[data-container=ordersystem][data-containerlayout=fullscreen]{position:fixed;top:0px;left:0px;width:100vw;height:100vh;overflow-y:auto;background:rgba(0,0,0,0.75);padding:5vh 5vw;display:flex;align-content: center;text-align:center;}
[data-container=ordersystem][data-containerlayout=paged]{position:relative;text-align:center;width:100vw;left:50%;margin-left:-50vw;}

[data-container=ordersystem] [data-container=ordersysteminner]{text-align:left;word-wrap: normal;}
/*[data-container=ordersystem][data-containerlayout=paged] [data-container=ordersysteminner]{width:1200px;max-width: 90vw;}*/

[data-container=ordersystem] table {border:none;border-collapse: collapse;margin-bottom:0px;table-layout: auto;}
[data-container=ordersystem] th,
[data-container=ordersystem] td {padding:0px;border:none;}

[data-container=ordersystem] button,
[data-container=ordersystem] input,
[data-container=ordersystem] optgroup,
[data-container=ordersystem] select,
[data-container=ordersystem] input[type=text],
[data-container=ordersystem] textarea{font-size:inherit;line-height:inherit;width:auto;}

[data-steptype="select"][data-template="photosizebox"] .selected [data-fieldname="options_child"] .format input{text-align:center;}

[data-container~=noticebox]{padding:1rem;border:1px solid transparent;border-radius: 0.5rem;}
[data-container~=noticebox][data-container~=error]{border-color:rgba(255,128,128,1);background:rgba(255,128,128,0.25);color:rgba(255,128,128,1);}