/*
// Terminal CSS
// -------------------------------------------------- *//*## Body ##*/body{background:#3BA2CE;font-family:'Roboto',sans-serif;text-rendering:optimizelegibility;padding:0px;margin:0px}/*## Global box-sizing and css helpers ##*/*,*:after,*:before{-webkit-box-sizing:border-box;/* Safari/Chrome, other WebKit */-moz-box-sizing:border-box;/* Firefox, other Gecko */box-sizing:border-box/* Opera/IE 8+ */}*:focus{outline:none}.clearfix:after{content:" ";display:block;height:0;clear:both}input,input:focus,input:hover{outline:none}/*## 5 column grid for employee gallery view ##*/.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-5{width:20%;float:left}@media (min-width: 768px){.col-sm-5{width:20%;float:left}}@media (min-width: 992px){.col-md-5{width:20%;float:left}}@media (min-width: 1200px){.col-lg-5{width:20%;float:left}}/*## Wrapper ##*/.wrapper{width:80%;margin:0px auto 50px auto;padding:30px;background-color:#fff;border-radius:5px}/*## Logo ##*/.logo{height:47px;display:block;margin:25px auto;text-align:center}.logo img{display:inline-block;width:204px;height:auto}/*## Heading ##*/h1{margin:0px;color:#9B9B9B;text-transform:capitalize;font-size:44px;text-align:center;font-weight:100;margin:0 0 25px 0;line-height:70px}h1.hello{}h1.hello .eimg{border-radius:4px;display:inline-block;line-height:70px;vertical-align:middle;width:60px;height:60px;margin:0 17px 0 0}.ie-label{color:#9B9B9B}/*## Links ##*/a:hover{text-decoration:underline}/* Forms
// -------------------------------------------------- *//*## Login Form ##*/form.loginForm{text-align:center}form.loginForm input{border:1px solid #D1D1D1;line-height:33px;height:35px;font-size:14px;padding:0 15px}form.loginForm input:first-child{border-radius:5px 0 0 5px}form.loginForm input:nth-child(2){border-left:none;border-right:none;margin-left:-4px}form.loginForm input[type="submit"]{border:1px solid #3BA2CE;background:#3BA2CE;color:#fff;text-align:center;border-radius:0 5px 5px 0;padding:0 25px;text-transform:capitalize;cursor:pointer;margin-left:-4px}/*## Login Form ##*/form.GetPassword{display:block;width:80%;margin:0 auto 40px auto}form.GetPassword input#password{border:1px solid #D1D1D1;line-height:48px;height:50px;font-size:14px;padding:0 15px;color:#9d9d9d;width:calc(100% - 120px);border-right:none;border-radius:5px 0 0 5px;display:inline-block;vertical-align:middle}form.GetPassword input[type="submit"]{width:120px;text-align:center;color:#fff;font-size:14px;border-radius:0 5px 5px 0;background:#3BA2CE;border:1px solid #3BA2CE;display:inline-block;height:50px;line-height:48px;vertical-align:middle;cursor:pointer;float:right}/* Search employees with select field */.select-parent{width:80%;margin:0 auto 40px auto;position:relative}.select-parent #search_emp{width:calc(100% - 50px);border:1px solid #D1D1D1;line-height:48px;height:50px;font-size:14px;padding:0 15px;color:#9d9d9d;border-right:none;border-radius:5px 0 0 5px;display:inline-block;vertical-align:middle}.select-parent input[type="submit"]{width:50px;text-align:center;color:#fff;font-size:14px;border-radius:0 5px 5px 0;background:#3BA2CE;border:1px solid #3BA2CE;display:inline-block;height:50px;line-height:48px;vertical-align:middle;cursor:pointer;float:right}.select-parent #search_result{position:absolute;margin-top:-1px;background:#fff;max-height:350px;overflow:auto;display:none;border:1px solid #D1D1D1;width:calc(100% - 50px);color:#9d9d9d}.select-parent select.employees_sb{width:100%}#search_result_table{width:100%;border-collapse:collapse}#search_result_table td{font-size:14px;border-bottom:1px solid #d1d1d1;padding:0 15px;background-color:#fff;line-height:40px}#search_result_table td:hover{background-color:#fafafa;cursor:pointer}#search_result_table tr:last-child td{border-bottom:none}/* Camera
// -------------------------------------------------- */.camera-capture{width:80%;display:block;margin:auto;text-align:center}.camera-capture object,.camera-capture object param{}#flash_app{margin:50px 0;border:none;background:none;clear:right}#preview_pic{margin:50px 0!important}button#capture_bt,.btn_capture{height:50px;line-height:50px;border:none;background:#3BA2CE;color:#fff;display:inline-block;margin:0 auto 15px auto;font-size:16px;padding:0 65px;border-radius:5px;transition:all 0.17s ease;cursor:pointer}button#capture_bt:hover,.btn_capture:hover{opacity:0.8;transition:all 0.17s ease}#capture_bt.takeAnotherPhoto{background:#fff;color:var(--grey-text-0);border:1px solid #b8b8b8;transition:all 0.17s ease;cursor:pointer;margin-right:10px}#capture_bt.takeAnotherPhoto:hover{transition:all 0.17s ease;background:#f2f2f2}#webCamCanvas,#webCam{margin-bottom:10px}#captureImage{background:#fff;color:var(--grey-text-0);border:1px solid #b8b8b8;transition:all 0.17s ease;cursor:pointer;display:block;margin:0 auto 20px}#captureImage:hover{transition:all 0.17s ease;background:#f2f2f2}.hidden{display:none}/* Foot
// -------------------------------------------------- */.foot{margin:40px 0;display:block;text-align:center;position:relative}.foot font.LargeFont{display:inline-block;border:1px solid #d1d1d1;border-radius:5px;height:50px;line-height:48px;padding:0;color:#9b9b9b;width:80%;margin:0 auto 50px 0}.foot font.LargeFont span.when{border-right:1px solid #ebebeb;padding:0 20px;display:inline-block;float:left}.foot font.LargeFont span.dash{margin:0 14px;width:1px;display:inline-block;background:#ebebeb;height:23px;vertical-align:middle}.foot font.LargeFont span.until{width:auto}.foot font.LargeFont b{width:auto;background:none;font-weight:300}.foot button.forward{display:block;text-transform:capitalize;font-size:22px;color:#3BA2CE;background:none;border:none;margin:40px 0 0 0;position:absolute;bottom:-25px;right:10%;cursor:pointer}.foot button.forward.back{left:10%;right:auto;margin-bottom:40px}/* Leave Note
// -------------------------------------------------- */.leave-note{width:80%;margin:40px auto}.leave-note input{border:1px solid #d1d1d1;height:50px;line-height:48px;width:calc(100% - 110px);padding:0 15px;margin:0;border-radius:3px 0 0 3px;float:left;font-size:14px}.leave-note button{height:50px;line-height:48px;font-size:14px;color:#fff;border-radius:0 3px 3px 0;border:1px solid #3BA2CE;background:#3BA2CE;padding:0 15px;width:110px;margin:0}/* Select field
// -------------------------------------------------- */.employees_sb{display:inline-block;color:var(--grey-text-1);border-radius:5px!important;-webkit-appearance:none;-webkit-border-radius:5px;-moz-appearance:none;text-indent:0.01px;text-overflow:'';border:1px solid #d1d1d1;font-weight:400;padding:0px 65px 0 15px;line-height:48px;height:50px;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%),linear-gradient(to right, #3BA2CE, #3BA2CE);background-position:calc(100% - 25px) 21px,calc(100% - 20px) 21px,100% 0;background-size:5px 5px,5px 5px,50px 50px;background-repeat:no-repeat;background-color:#fff;color:#9b9b9b;cursor:pointer;font-size:14px;vertical-align:top;margin-right:10px;width:201px}.border-helper{display:inline-block;vertical-align:top;position:relative;margin:0 0 15px 0}.cam_toggle{color:#9d9d9d;display:block}.cam_toggle.LargeFont{color:#9d9d9d;display:inline-block;margin-bottom:15px}#cam_break,.clockbutton,.break_button{height:50px;line-height:50px;border:none;background:#3BA2CE;color:#fff;display:inline-block;margin:0 15px 15px auto;font-size:16px;padding:0 65px;border-radius:5px;cursor:pointer;transition:0.17s ease}#cam_break:hover,.clockbutton:hover,.break_button:hover{opacity:0.8;transition:0.17s ease}#capture_bt{}/* Employee Gallery view
// -------------------------------------------------- */.employee{height:185px;text-align:center;cursor:pointer;transition:all 0.17s ease}.employee img{width:110px;height:auto;margin:0 auto 15px auto;border-radius:5px;transition:all 0.17s ease}.employee p{color:#9d9d9d;font-size:14px;font-weight:300;margin:0;line-height:18px;transition:all 0.17s ease}.employee:hover > img{box-shadow:0 0 7px rgba(0,0,0,0.4);transition:all 0.17s ease}.employee:hover > p{color:var(--grey-text-1);transition:all 0.17s ease}/* Loading and status icons
// -------------------------------------------------- *//*## Loading ##*/#_loading{position:fixed;right:15px;bottom:15px;z-index:9999;width:16px;height:16px}#_loading  .loader{color:#fff;font-size:5px;margin:auto;width:6px;height:6px;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1.3s infinite linear;animation:load4 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);position:absolute;top:0;left:0}@-webkit-keyframes load4{0%,100%{box-shadow:0 -3em 0 0.2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 0.2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 0.2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 0.2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 0.2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 0.2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0.2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 0.2em}}@keyframes load4{0%,100%{box-shadow:0 -3em 0 0.2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 0.2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 0.2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 0.2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 0.2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 0.2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0.2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 0.2em}}/*## Status ##*/#_status{position:fixed;right:15px;bottom:15px;color:var(--brown-text-0);background-color:#fcf8e3;border:1px solid #faebcc;padding:0 15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:none;z-index:9999;font-size:15px;line-height:35px}.disable-button{pointer-events:none;background-color:rgba(59, 162, 206, 0.5)}.captcha-wrapper{display:flex;justify-content:center;padding-top:30px}#captcha-div{padding:8px;margin-right:-3px}#captcha-message{display:none;text-align:left;padding-top:8px;padding-bottom:8px;font-size:13px;color:var(--red-text-0);padding-left:8px}.captcha-error{border:solid 1px var(--red-text-0)}