body{background-color:#729fbe}
#Header{width:100%;position:fixed;z-index:100;left:0px;top:0px;height:auto;background-color:#4480a9;}
#HeaderBoxy{margin:0 auto;width:980px;height:auto;z-index:100;}
#BackToMain{float:left;margin-left:20pt;margin-top:-134pt;width:40pt;height:40pt;background-image:url(images/backarrow.svg);background-size:100% 100%;}
.Moulsy01{margin:0 auto;width:980px;text-align:center;font-family:'Moul';line-height:85pt;font-size:45pt;font-weight:400;color:#d0e0f0;text-shadow: rgba(0,0,0,.4) 2px 3px 2px;}
.Moulsy02{margin:0 auto;width:100%;text-align:center;font-family:'Moul';line-height:75pt;font-size:35pt;font-weight:400;color:#d0e0f0;text-shadow: rgba(0,0,0,.4) 1px 2px 1px;}
.Moulsy03{float:left;margin-left:20px;width:500px;text-align:left;font-family:'Moul';line-height:60px;font-size:32pt;font-weight:400;color:#d0e0f0;text-shadow: rgba(0,0,0,.4) 1px 2px 1px;}
.Moulsy04{float:left;margin-left:20px;margin-top:4px;width:auto;text-align:left;font-family:'Moul';line-height:50px;font-size:24pt;color:#b2cee1;}
.Moulsy044{margin:0 auto;width:80%;margin-top:4px;width:auto;font-family:'Moul';line-height:55px;font-size:26pt;color:#d8e6f0;}
#Band{margin:0 auto;margin-top:50px;width:260px;height:260px;background-image:url(images/khlengLogo.png);background-size:100% 100%;}
#Band2{float:left;margin-top:0px;margin-left:100px;width:110px;height:110px;background-image:url(images/khlengLogo.png);background-size:100% 100%;}
#ResetBox{float:left;margin-left:95px;margin-top:95px;width:60px;height:60px;}
#TelegramIcon{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/wid-telegram.svg);background-size:100% 100%}
#VideoIcon{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/wid-video.svg);background-size:100% 100%}
#switch{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/QR_Phone.svg);background-size:100% 100%}
#switch1{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/androidapk.jpg);background-size:100% 100%}
#switch2{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/google.jpg);background-size:100% 100%}
#switch3{float:left;margin-left:110px;width:100px;height:100px;background-image:url(images/appios.jpg);background-size:100% 100%}
.SupportButton{float:left;width:100%;height:140px;background:#66a0c7;border-bottom:3px dotted #B7E0F9;}

#Warning{margin:0 auto;margin-top:80px;width:360px;height:360px;background-image:url(images/icon-warning.svg);background-size:100% 100%;}
#MainParentPanel{clear:both;margin:0 auto;margin-top:-10px;width:980px;text-align:center;height:auto;min-height:2400px;background-color:#79a9c9}
#MainParentPanel2{clear:both;margin:0 auto;width:980px;text-align:center;height:auto;min-height:1200px;background:#729fbe}
.RomanHelmet { font-family:'Battambang';font-size:36px;font-weight:600;color:#0b296f;}
.RomanHelmet2 {float:right;margin-top:12px;margin-right:118pt;text-align:right;font-family:'Battambang';font-size:30px;font-weight:600;color:#81c1ff;}
.StrawberryFields {width:500pt;height:80pt;line-height:80pt;font-family:'Battambang';font-size:36pt;font-weight:600;color:#000;text-indent:8pt;border:none;background:#fff;border-radius:8px;}
.StrawberryFields::selected{color:#000;font-family:'Battambang';}
.StrawberryFields1 {float:left;width:160px;;margin-left:0pt;height:80pt;line-height:80pt;font-family:'Battambang';font-size:36pt;font-weight:600;color:#000;text-indent:15pt;border:none;background:#fff;border-radius:8px;-webkit-appearance:none;}
.StrawberryFields1_Gray {float:left;width:116pt;margin-left:0pt;height:80pt;line-height:80pt;font-family:'Battambang';font-size:36pt;font-weight:600;color:#8c8c8c;text-indent:15pt;border:none;background:#fff;border-radius:8px;}
.StrawberryFields11 {float:left;width:190pt;margin-left:20pt;height:80pt;line-height:80pt;font-family:'Battambang';font-size:36pt;font-weight:600;color:#000;text-indent:15pt;border:none;background:#fff;border-radius:8px;}
.StrawberryFields2 {float:left;margin-top:-8px;width:570pt;height:90pt;line-height:90pt;font-family:'Battambang';font-size:50pt;font-weight:600;color:#000;text-indent:25pt;letter-spacing:54pt;background-color:#79a9c9;
background-image:url(images/pinboxes00.svg);background-position:left;background-repeat:no-repeat;background-size:100% 100%;border-radius:0px;border:2px solid #729fbe;outline:none;caret-color:#729fbe;}
.Button01{margin:0 auto;width:500pt;height:90pt;line-height:90pt;font-family:'Battambang';color:#fff;font-size:36pt;font-weight:600;text-align:center;background-color:#ffa500;border-radius:8px;
border:none;background:-webkit-linear-gradient(top, #ffb026, #c27e00);border-top:1px solid #96d1f8;}
.Button011{margin:0 auto;width:350pt;height:90pt;line-height:90pt;font-family:'Battambang';color:#fff;font-size:36pt;font-weight:600;text-align:center;background-color:#ffa500;border-radius:8px;
border:none;background:-webkit-linear-gradient(top, #ffb026, #c27e00);border-top:1px solid #96d1f8;}
.RomanHoliday {float:left;margin-left:165px;text-align:left;width:800px;height:auto;line-height:80px;font-size:32pt;font-family:'Battambang';font-weight:600;color:#d0e0f0;}
.RomanHoliday2{margin:0 auto;text-align:center;width:800px;height:auto;line-height:50px;font-size:32pt;font-family:'Battambang';font-weight:600;color:#d0e0f0;}
.RomanHoliday3{margin:0 auto;text-align:left;width:500pt;height:auto;line-height:45px;font-size:28pt;font-family:'Battambang';font-weight:600;color:#d0e0f0;}
.RomanHoliday33{float:left;margin-left:20px;text-align:left;width:500pt;height:auto;line-height:45px;font-size:28pt;font-family:'Battambang';font-weight:600;color:#d0e0f0;}
.RomanCandleKh {font-family:'Battambang';font-size:36px;font-weight:400;color:#d0e0f0;text-indent:5px;line-height:38px;}
.RomanCandleKh2{margin:0 auto;text-align:center;font-family:'Battambang';font-size:36px;font-weight:400;color:#d0e0f0;text-indent:5px;line-height:72px;}
.DamascusSteel{float:left;width:600px;line-height:46px;margin-left:25px;text-align:center;font-family:'Battambang';font-weight:700;font-size:30px;text-align:left;color:#cbe6f2;}
.DamascusSteel2{float:left;margin-top:16px;width:600px;line-height:54px;margin-left:25px;text-align:center;font-family:'Battambang';font-weight:700;font-size:38px;text-align:left;color:#cbe6f2;}

#WhiteFog01{position:fixed;z-index:200;left:0px;top:0px;width:100%;height:0%;background-image:url(images/bg_white02.png);overflow:hidden;}
.WhiteFogTop{margin:0 auto;height:350px;width:100%}	
.WhiteFogBot{margin:0 auto;height:800px;width:100%}	
.WhiteFogBoxette01{margin:0 auto;width:600px;height:450px;background-color:#34678c;border-radius:12px;border:6px solid #538db9;}
	.FogBoxetteIcon{float:left;margin-top:15px;height:120px;width:120px;background-size:100% 100%;}
	.FogBoxetteText01{float:right;width:74%;line-height:145px;text-align:left;font-family:'Battambang';font-size:30pt;font-weight:600;color:#cfdde7;}
#QRScan{margin:0 auto;margin-top:400px;width:180px;height:180px;background-image:url(images/QR_Phone.svg);background-size:100% 100%;}

.FormBoxette01{margin:0 auto;width:90%;background-color:#4c8fbb;border-radius:8px;}

.GladdenFields {width:98%;height:70pt;line-height:70pt;font-family:'Battambang';font-size:30pt;font-weight:600;color:#000;text-indent:5pt;border:none;background:#fff;border-radius:8px;}
.GladdenFields::selected{color:#000;font-family:'Battambang';}
.GladdenFieldsGray {width:98%;height:70pt;line-height:70pt;font-family:'Battambang';font-size:30pt;font-weight:600;color:#8c8c8c;text-indent:5pt;border:none;background:#fff;border-radius:8px;}
.GladdenFieldsGray::selected {color:#000;}
.GladysFields {width:98%;height:70pt;line-height:70pt;font-family:'Battambang';font-size:30pt;font-weight:600;color:#969696;text-align:left;text-indent:5pt;border:none;background:#d9e7f0;border-radius:8px;}
.ElysianFields{float:left;width:90%;height:70pt;line-height:70pt;font-family:'Battambang';font-size:30pt;font-weight:600;color:#000;text-indent:5pt;border:none;background:#fff;border-radius:8px;}
.PelennorFields{float:left;width:90%;height:70pt;line-height:70pt;font-family:'Battambang';font-size:30pt;font-weight:600;color:#000;text-indent:5pt;background:none;}


.PersonnelBox{margin:0 auto;width:100%;min-height:320pt;height:auto;}
.PersonnelPic{float:left;margin-left:30px;width:225pt;height:285pt;background-color:#103854;background-size:100% auto;}
.DataBox{float:right;margin-right:20px;width:450pt;height:225pt;}
.DataLine01{float:left;width:100%;text-align:left;line-height:40pt;font-family:'Battambang';font-size:30pt;font-weight:600; color:#000;}
.CameraContainer{position:relative;z-index:100;margin-bottom:-60px;float:left;width:300px;height:auto;}
.IconCamera01{float:right;margin-right:5px;width:80px;height:80px;z-index:2;background-image:url(images/icon-camera01.svg);background-size:100% 100%;}
.DataBox2{margin:0 auto;width:940px;border:3px solid #8ec2e1;height:auto;background:none;}
.WideButton{float:left;width:100%;height:100pt;background:#5085a8;border-bottom:2px solid #b1cddf;}
.WideButton02{float:left;width:100%;height:70pt;background:#4f8fba;border-bottom:2px solid #b1cddf;text-indent:25px;text-align:left;line-height:70pt;font-family:'Battambang';font-weight:600;font-size:28pt;color:#a4c8e0;}
.WideButton022{float:left;width:100%;height:70pt;background:#fff;border-bottom:2px solid #b1cddf;text-indent:25px;text-align:left;line-height:70pt;font-family:'Battambang';font-size:27pt;font-weight:600;color:#000;}
.WideButtonText01{text-indent:15px;text-align:left;line-height:100pt;font-family:'Battambang';font-size:34pt;color:#acc9dc;}

.Back02{float:left;margin-left:30px;width:70px;height:70px;background-image:url(images/icon-back.svg);background-size:100% 100%;}
.Help02{float:left;margin-left:30px;width:70px;height:70px;background-image:url(images/icon-help.svg);background-size:100% 100%;}
.Exit02{float:right;margin-right:30px;width:70px;height:70px;background-image:url(images/icon-exit.svg);background-size:100% 100%;}
.Dots02{float:left;margin-left:30px;width:100px;height:100px;background-image:url(images/icon-dots.svg);background-size:100% 100%;}

select:invalid{color:#b5b5b5;font-family:'Battambang';}
select:selected{color:#000;font-family:'Battambang';}

a:link {color: #becde9;text-decoration: none;}
a:visited {text-decoration: none;color: #becde9;}
a:hover {text-decoration: none;color: #ffffff;}
a:active {text-decoration: none;color: #becde9;}
::-webkit-input-placeholder {color:#b5b5b5;font-family:'Battambang';}
:-moz-placeholder {color:#b5b5b5;opacity:1;font-family:'Battambang';}
::-moz-placeholder {color:#b5b5b5;opacity:1;font-family:'Battambang';}
:-ms-input-placeholder {color:#b5b5b5;font-family:'Battambang';}

/* Image Button */
.Upload_Button03{position:relative;left:-20px;top:0px;width:780px;height:auto;font-family:'Arial';text-align:center;font-size:0px;line-height:700px;color:none;
background-image:url(images/Camera2.svg);background-size:100% 100%;outline:none;overflow:hidden;}
.Upload_Button033{position:relative;left:-20px;top:0px;width:780px;height:auto;font-family:'Arial';text-align:center;font-size:0px;line-height:700px;color:none;
background-image:url(images/Camera22.svg);background-size:100% 100%;outline:none;overflow:hidden;}
.GraySubmitButton{float:right;margin-right:75px;width:400px;height:100pt;line-height:100pt;background:#205a82;color:#b7cede;font-size:34pt;font-weight:600;font-family:'Battambang';
text-decoration:none;text-align:center;border-top:1px solid #196394;background:-webkit-linear-gradient(top,#205a82, #0f3b59);border-radius:10px;text-shadow:rgba(0,0,0,.4) 0 1px 0;}

.UploadButton{float:left;margin-left:50px;margin-top:30px;height:120px;line-height:120px;width:350px;background:#1d557b;text-align:center;border-radius:10px;}
.fileUpload {position:relative;overflow:hidden;margin:10px;}
.fileUpload input.upload {position: absolute;top:0;right:0;margin:0;padding:0;font-size:12px;cursor:pointer;opacity:0;filter: alpha(opacity=0);}
.WhiteText{font-family:'Battambang';font-size:26pt;font-weight:600;color:#fff;text-align:center;line-height:120px;}
.BlueSubmitButton{float:right;margin-right:50px;margin-top:30px;width:350px;height:120px;line-height:120px;background:#1d557b;font-size:26pt;font-weight:600;color:#fff;font-family:'Battambang';text-decoration:none;text-align:center;border-radius:10px;}

/* Expand */
.PersonalPixBoxer{float:left;margin-top:40px;margin-left:20px;margin-bottom:20px;width:300px;height:300px;border:3px solid #000;background-color:#fff;overflow:hidden;}
.PixBox{float:left;width:300px;height:auto;}
.WidgeGhostCamera{float:right;width:80px;height:80px;background-image:url(images/Camera.svg);background-size:100% 100%;}
.Tamahagane{float:left;width:100%;overflow:hidden;font-family:'Battambang';text-align:left;font-size:25pt;line-height:34pt;font-weight:700;color:#000;text-indent:5px;}
.WidgeBox0{float:left;width:70px;height:70px;background-size:100% 100%;}
.LabelBar0{float:left;width:100%;height:90pt;background:#34678c;}
.LabelBar01{float:left;width:100%;height:90px;background:#34678c;}
.LabelBar011{float:left;width:100%;height:90px;border-bottom:2px solid #79a9c9;}
.LabelBarIcon{float:right;margin-right:25px;margin-top:10px;width:70px;height:70px;background-size:100% 100%;}
.LabelText01{float:left;width:auto;line-height:90px;text-align:left;text-indent:30px;font-family:'Battambang';font-size:26pt;font-weight:600;color:#c2d6e4;}
.LabelText02{float:left;width:44.3%;line-height:90px;text-align:left;text-indent:30px;font-family:'Battambang';font-size:26pt;font-weight:600;background:#538db9;color:#c2d6e4;}
.LabelText03{float:left;width:100%;line-height:90pt;text-align:left;text-indent:30px;font-family:'Battambang';font-size:30pt;font-weight:600;background:#538db9;color:#c2d6e4;}
.InfoText01{float:left;width:100%;line-height:90px;background:#79a9c9;text-align:left;text-indent:30px;font-family:'Battambang';font-size:28pt;font-weight:600;color:#000;border-bottom:2px solid #34678c;}
.InfoText01a{float:left;width:100%;line-height:90px;background:#79a9c9;text-align:left;text-indent:30px;font-family:'Battambang';font-size:28pt;font-weight:600;color:#538db3;border-bottom:2px solid #34678c;}
.InfoText02{float:right;width:55.5%;height:90px;line-height:90px;background:#79a9c9;text-align:left;text-indent:20px;font-family:'Battambang';font-size:28pt;font-weight:600;color:#000;border-bottom:2px solid #34678c;}
.InfoText02a{float:right;width:55.5%;height:90px;line-height:90px;background:#79a9c9;text-align:left;text-indent:20px;font-family:'Battambang';font-size:28pt;font-weight:600;color:#538db3;border-bottom:2px solid #34678c;}

.FormBox01{margin:0 auto;width:92%;height:auto;}

.ListStripButtons03{margin:0 auto;width:100%;height:auto;background-color:#548cb1;}
.LongGrayButton0{float:left;width:100%;height:110pt;background-color:#3c7092;overflow:hidden;}
.LongGrayButton1{float:left;width:100%;height:110pt;background:#4b80a4;overflow:hidden;}
.LongGrayButton11{float:left;width:100%;height:110pt;background:#34678c;overflow:hidden;}
.WidgeBox011{float:left;margin-top:30px;margin-left:15px;width:80px;height:80px;background-size:100% 100%;background-repeat:no-repeat;}
.ButtonMiddleText01{float:left;height:110pt;width:770px;overflow:hidden;}
.LongButtonText01{float:left;margin-left:20px;line-height:60pt;color:#fff;font-size:28pt;font-family:'Battambang';font-weight:600;text-decoration:none;}
.LongButtonText02{float:left;margin-left:20px;line-height:45pt;color:#c2d6e4;font-size:24pt;font-family:'Battambang';font-weight:600;text-decoration:none;}
.LongButtonText03{float:left;margin-left:20px;line-height:100pt;text-align:left;color:#c2d6e4;font-size:32pt;font-family:'Battambang';font-weight:400;text-decoration:none;}
.Plus01{float:right;margin-top:20px;margin-right:30px;margin-top:40px;width:70px;height:70px;background-image:url(images/icon-plus-white.svg);background-size:100% 100%;}
.Pencil01{float:right;margin-top:20px;margin-right:30px;margin-top:40px;width:70px;height:70px;background-image:url(images/icon-pencil-white.svg);background-size:100% 100%;}
.TrashDelete{positon:relative;z-index:100;width:80px;height:80px;background-image:url(images/icon-trash-blue.svg);background-size:100% 100%;}
.SupportThumbnailBox{float:left;margin-left:30px;width:260px;height:175px;border:2px solid #000;background-color:#b1d0e4;overflow:hidden;}
.SupportTextBox{float:right;margin-right:30px;width:620px;height:auto;overflow:hidden;}
.SupportTitle{float:left;width:100%;height:45px;line-height:45px;background:#79a9c9;text-align:left;font-family:'Battambang';font-size:28pt;font-weight:600;color:#000;}
.SupportTitle2{margin:0 auto;width:auto;height:35px;line-height:35px;background:#79a9c9;font-family:'Battambang';font-size:28pt;font-weight:600;color:#366586;}
.SupportText{float:left;width:100%;height:auto;line-height:36px;background:#79a9c9;text-align:left;font-family:'Battambang';font-size:20pt;font-weight:600;color:#000;}
.SupportIcon{margin:0 auto;width:340px;height:340px;background-image:url(images/icon-document-black.svg);background-size:100% 100%;}

.SpeedFieldEn1 {width:460px;height:120px;font-family:'Battambang';padding-left:10px;font-size:40pt;font-weight:700;color:#000;text-indent:5px;line-height:105px;background:#fff;border-radius:0px;border:0px}
.SpeedFieldEn2 {width:560px;height:120px;font-family:'Battambang';padding-left:10px;font-size:40pt;font-weight:700;color:#000;text-indent:5px;line-height:105px;background:#fff;border-radius:0px;border:0px;}
.SpeedFieldEn3 {width:150px;height:120px;font-family:'Battambang';padding-left:10px;font-size:40pt;font-weight:700;color:#000;text-indent:5px;line-height:105px;background-color:#fff;border-radius:0px;border:0px;background-image:url(images/ArrowDropDownM.svg);background-position:right;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance: none;}
.SpeedFieldEn4 {width:210px;height:120px;font-family:'Battambang';padding-left:10px;font-size:40pt;font-weight:700;color:#000;text-indent:5px;line-height:105px;background-color:#fff;border-radius:0px;border:0px;background-image:url(images/ArrowDropDownM.svg);background-position:right;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance: none;}



.FingerprintDataBox{clear:both;height:auto;background:#fff;}
.BlackFormText{float:left;margin-left:20px;width:100%;line-height:48pt;font-family:'Battambang';font-size:32pt;font-weight:600;color:rgb(51,51,51);}
.FingerChartBox{margin:0 auto;width:96%;height:auto;border:3px solid #000;}
.FingerPrintThumbnailBox01{float:left;width:16.4%;height:200px;border-right:3px solid #000;}
.FingerPrintThumbnailBox02{float:left;width:16.4%;height:200px;}
.FingerThumbShot{position:relative;left:0px;top:-30px;z-index:9;width:100%;height:198px;background-image:url(images/placeholder-finger.svg);background-size:100% 100%;}
.FingerCount{position:relative;left:0px;top:0px;z-index:10;width:30px;line-height:30px;background:#000;text-align:center;font-family:'Arial';font-weight:700;font-size:18px;color:#fff;}


.PersonalQR{margin:0 auto;margin-top:120px;width:480px;height:480px;background:#fff;}
.PersonalPic{margin:0 auto;margin-top:120px;width:480px;height:auto;background:#fff;overflow:hidden;}
.QRData01{float:left;margin-left:85px;width:780px;line-height:55px;text-align:left;font-family:'Battambang';font-size:30pt;font-weight:600;color:#cfdde7;}
.ErrorBox01{margin:0 auto;margin-top:280px;width:500px;height:500px;background-image:url(images/icon-error1.svg);background-size:100% 100%;}
.WarningBoxOpen{clear:both;margin-top:0px;width:100%;line-height:80px;background-color:#dd0000;text-align:center;font-family:'Battambang';font-size:18pt;font-weight:600;color:#fff;}
.WarningBoxClosed{margin:0 auto;width:0%;height:0px;overflow:hidden;}
.AddIcon{float:right;margin-top:25px;margin-right:45px;width:90px;height:90px;background-image:url(images/icon-pluss2.svg);background-size:100% 100%;}