:root{
--std-font: "SF-Pro-Text",Arial,Helvetica;
--std-font-big: "SF-Pro-Display",Arial,Helvetica,Roboto;
--std-font-size: 14px;
--std-font-weight: 400;
--std-bg: #ffffff;
--std-text: #222222;
--std-border-line: #c0c0c0;
--mono-font: "SF-Mono",Courier New;
--mono-font-size:13.3333333px;
--mono-font-weight:400;

--btn-bg-gray: #d0d0d0;
--btn-border-std: #d0d0d0;
--fld-height: 2.4rem;  
--skin-icon: #222222;

--skin-dark-bg: #bdd2e7;
--skin-light-bg: #d8e4f0;

}

* {margin:0; padding:0;}
body,html { font-family:var(--std-font); width:100%; height:100%; color:var(--std-text); font-weight:var(--std-font-weight); font-style:normal; 
 margin:0; padding:0; border:0; font-size:var(--std-font-size); -webkit-text-size-adjust:100%; box-sizing:border-box; _background-color:var(--std-bg);
 -webkit-font-smoothing:antialiased !important; -webkit-overflow-scrolling:touch; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr,textarea {
 color:var(--std-text); margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; box-sizing:border-box; user-select: none;
}
select { font-family:var(--std-font); border-radius:0; -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; }
table { border-spacing:0; border-collapse:collapse; font-size:100%; }
input[type=button] { font-family:var(--std-font); width:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:100%; border:1px solid var(--std-border-line); }
input[type=checkbox] { width:1.25rem; height:1.25rem; margin:0.1rem; font-size:100%; vertical-align:middle; }
input[type=text],input[type=password],textarea { 
  font-family:var(--std-font); -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; font-size:1rem; border:0;}
td img, td textarea { display:inline-block; }

input, select, textarea, option, button, img { outline: none !important; }
input:focus, select:focus, textarea:focus, option:focus { _border: 1px solid #a8a8a8; }

*::-webkit-scrollbar { width:10px; height:15px; background-color:transparent; _background-color:var(--skin-light-bg); }
*::-webkit-scrollbar-thumb { background-color:transparent; _background-color:var(--skin-dark-bg); }
*::selection { background:#06c; color:#FFFFFF; }

.NDXBody, .PSWBody { 
  width:100%; height:100%;
  background-image: linear-gradient(to left top, #e9fbf0, #dcf5ee, #d0eeed, #c6e6ec, #c0deeb, #c1dbeb, #c2d9ea, #c4d6e9, #c9daeb, #ceddec, #d3e1ee, #d8e4f0);
  __background-image:url(/V5/IMG/MENU/BgSTD.jpg); 
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#PSWTblTD { vertical-align:middle; text-align:center; }
#PSWLeftSpan { display:inline-block; vertical-align:top; text-align:center; background-color:#ffffffd9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px 20px 15px; margin:5% 0 40px 0; min-width:320px; max-width:360px; width:100%;}
#PSWRightSpan { max-width:550px; width:100%; max-height:550px; height:100%; display:inline-block; vertical-align:top; text-align:center; margin:20px 0 40px 0; }
#PSWTbl { width:100%; height:100%; border-spacing:0; border-collapse:collapse; }

#NDXTblTD { vertical-align:middle; text-align:center; }
#NDXLeftSpan { display:inline-block; vertical-align:top; text-align:center; background-color:#ffffffd9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px 20px 15px; margin:1% 0 40px 0; min-width:320px; max-width:360px; width:100%;}
#NDXRightSpan { max-width:550px; width:100%; max-height:550px; height:100%; display:inline-block; vertical-align:top; text-align:center; margin:20px 0 40px 0; }
#NDXTbl { width:100%; height:100%; border-spacing:0; border-collapse:collapse; }

#MNVTbl { width:85%; margin:auto; border-spacing:8px; border-collapse:separate; ___border:1px solid #c70000; }
#MNVLogo { width:170px; margin:15px 0 15px 0; }

.PSWHeadIcon { margin: 10px 0 20px 0; }
.PSWHeadIcon i { font-size: 50px; }
.NDXHeadIcon { margin: 10px 0 20px 0; }
.NDXHeadIcon i { font-size: 70px; }

.MNVHdr { font-family: var(--std-font-big); margin:0 0 20px 0; font-size:24px; font-weight:500; color:var(--std-text); }
.MNVTxt { font-family: var(--std-font); margin:0 0 10px 0; font-size:12px; font-weight:400; color:var(--std-text); }
.hdrBlok { width:100%; margin-bottom:10px; border-image:linear-gradient(0.25turn, #FFFFFF, #333333, #ffffff); border-bottom:0.12rem solid transparent; border-image-slice:1; }

.psw-td { border:1px solid #dbdbdb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; white-space:nowrap; }

.psw-lbl { display: flex; flex: 1 0 0px; font: inherit; font-size: 100%; height: var(--fld-height); margin: 0; min-width: 0; padding: 0; position: relative; vertical-align: baseline; }
.psw-lbl-f .psw-span { transform: scale(calc(10 / 12)) translateY(-10px); }
.psw-span { color: #737373; font: inherit; font-size: 12px; height: var(--fld-height); left: 8px; line-height: var(--fld-height); margin: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; right: 0;
            text-overflow: ellipsis; transform-origin: left; transition: transform ease-out .1s; -webkit-user-select: none; vertical-align: baseline; white-space: nowrap; }
.psw-input { background: #fafafa; flex: 1 0 auto; margin: 0; outline: none; overflow: hidden; padding: 9px 0 7px 8px; text-overflow: ellipsis; }

.psw-lbl-f .psw-input {font-size: var(--system-12-font-size); padding: 14px 0 2px 8px !important; }

.psw-btn { font-size:15px !important; width:100% !important; height:var(--fld-height); cursor:pointer; text-align:center; overflow:visible; padding:5px 10px; }
.btn-clr { background-color:transparent; border-radius:0 !important; border:0 !important; }

.psw-cntrl { display:inline-block; margin-right:5px;}
.psw-cntrl * { font-size:10.5px; }
.psw-HSpan { }
.psw-LSpan { margin-left:3px; }

.ndx-td { border:1px solid #dbdbdb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; white-space:nowrap; }

.ndx-lbl { display: flex; flex: 1 0 0px; font: inherit; font-size: 100%; height: var(--fld-height); margin: 0; min-width: 0; padding: 0; position: relative; vertical-align: baseline; }
.ndx-lbl-f .ndx-span { transform: scale(calc(10 / 12)) translateY(-10px); }
.ndx-span { color: #737373; font: inherit; font-size: 12px; height: var(--fld-height); left: 8px; line-height: var(--fld-height); margin: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; right: 0;
            text-overflow: ellipsis; transform-origin: left; transition: transform ease-out .1s; -webkit-user-select: none; vertical-align: baseline; white-space: nowrap; }
.ndx-input { background: #fafafa; flex: 1 0 auto; margin: 0; outline: none; overflow: hidden; padding: 9px 0 7px 8px; text-overflow: ellipsis; }

.ndx-lbl-f .ndx-input {font-size: var(--system-12-font-size); padding: 14px 0 2px 8px !important; }

.ndx-btn { font-size:15px !important; width:100% !important; height:var(--fld-height); cursor:pointer; text-align:center; overflow:visible; padding:5px 10px; }
.btn-clr { background-color:transparent; border-radius:0 !important; border:0 !important; }

.ndx-cntrl { display:inline-block; margin-right:5px;}
.ndx-cntrl * { font-size:10.5px; }
.ndx-HSpan { }
.ndx-LSpan { margin-left:3px; }

.ndx-dv-icon { text-align:center; padding:10px; cursor:pointer; font-size:10px; border-left:1px solid #dbdbdb; margin-left:5px; }
.ndx-dv-icon i { font-size:15px; }

.ndx-rmb-y, .ndx-rmb-n { text-align:center; padding:10px; cursor:pointer; font-size:10px; border-left:1px solid #dbdbdb; margin-left:5px; }
.ndx-rmb-y i, .ndx-rmb-n i { font-size:15px; }
.ndx-rmb-y { background-color:#fffaf0; }
.ndx-rmb-n { background-color:#f3f3f3; }

.ndx-eml-y, .ndx-eml-n { text-align:center; padding:10px; border-left:1px solid #dbdbdb; margin-left:5px; }
.ndx-eml-y i, .ndx-eml-n i { font-size:15px; }
.ndx-eml-y i { color:#00CC00; }
.ndx-eml-n i { color:#CC0000; }

.span-red * { color:#C00101; }
.span-green * { color:#01C001; }
.span-blue * { color:0033CC; }

.btn-std:not(:disabled) { cursor:pointer; }
.btn-std { display:inline-block; text-align:left; vertical-align:middle; touch-action:manipulation; background-image:none; white-space:nowrap; 
   -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:100%; border-radius:4px; margin:0;
}
.btn-std { border:1px solid var(--btn-border-std); height:var(--fld-height); color:#222222; background-color:var(--btn-bg-gray); min-width:var(--fld-height); }
.btn-text-yes { padding:0px 0.38rem; }
.btn-text-no { text-align: center; }
.btn-std i {color:var(--skin-icon); font-size:1.2rem; vertical-align:middle;}
.btn-std span { font-family:var(--std-font); margin-left:0.525rem; vertical-align:middle;} 
.btn-green { background-color:#FCFCD4; }

.warn, .warn-black, .warn-red, .warn-blue, .warn-gray, .warn-white, .warn-green { font-size:100%; margin:0 5px 3px 0px; font-family:var(--mono-font); font-size:var(--mono-font-size);font-weight:var(--mono-font-weight); min-height:1.5rem; }
._warn       { color: #000000; }
.warn-black { color: #000000; }
.warn-red   { color: #C00101; }
.warn-green { color: #01C001; }
.warn-blue  { color: #0033CC; }
.warn-gray  { color: #666666; }
.warn-white { color: #FFFFFF; }

.countDown { font-size:1.75em; text-align:center; transition:color 0.5s; }

.passInpCircle { -webkit-text-security: disc; }
.passInpNone { -webkit-text-security: none; }
.passInpIco { font-weight:500; cursor:pointer; outline:none; _margin-left:-30px; padding:3px; user-select:none; }

.flag       { display:inline-block; width:20px; height:20px; margin-top: -14px; top: 6px; position: relative; background-size: cover; background-repeat: no-repeat; cursor:pointer; }
.activeFlag { cursor:auto; opacity:1; }
.passiveFlag { opacity:0.4; }
.trFlag     { background-image: url(/V5/IMG/SYS/flagTR.png); }
.enFlag     { background-image: url(/V5/IMG/SYS/flagUS.svg); }

.fdsb { color:#777777; background-color:#f3f3f3; }

@media screen and (max-width:640px) {
 #PSWRightSpan { display:none; }
 #PSWTblTD { vertical-align:top; }
 #NDXRightSpan { display:none; }
 #NDXTblTD { vertical-align:top; }
}
@media screen and (min-width:641px) and (max-width:1023px) {
/*@media screen and (min-device-width:641px) and (max-device-width:1023px) {*/
 #PSWRightSpan { display:none; } 
 #PSWTblTD { vertical-align:top; }
 #NDXRightSpan { display:none; } 
 #NDXTblTD { vertical-align:top; }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
/*@media screen and (min-device-width:1024px) and (max-device-width:1279px) {*/
 #PSWRightSpan { display:none; } 
 #PSWTblTD { vertical-align:top; }
 #NDXRightSpan { display:none; } 
 #NDXTblTD { vertical-align:top; }
}
@media screen and (min-width:1280px) and (max-width:1599px) {
/*@media screen and (min-device-width:1280px) and (max-device-width:1599px) {*/
 #PSWRightSpan { display:inline-block; } 
 #PSWTblTD { vertical-align:middle; }
 #NDXRightSpan { display:inline-block; } 
 #NDXTblTD { vertical-align:middle; }
} 
@media screen and (min-width:1600px) {
/*@media screen and (min-device-width:1600px) {*/
 #PSWRightSpan { display:inline-block; } 
 #PSWTblTD { vertical-align:middle; }
 #NDXRightSpan { display:inline-block; } 
 #NDXTblTD { vertical-align:middle; }
}