body{height:100%;font-family:OfficinaSansITCW01-Book\ 734509,Arial,Helvetica,sans-serif;font-size:100%}h1,h2,h3,h4,h5,h6{color:#686868}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:2px auto #c90023}.btn-primary,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle .open>.btn-primary.dropdown-toggle:hover,.open>.btn-primary.dropdown-toggle:focus{background-color:#c90023;border:1px solid #686868;border-radius:0;color:#fff}.btn-primary.disabled,.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled.focus,.btn-primary:disabled:focus,.btn-primary:disabled:hover{background-color:#990012;border:1px solid #686868;border-radius:0;color:#ccc}.btn-outline-primary,.btn-outline-primary.active.focus,.btn-outline-primary.active:focus,.btn-outline-primary.active:hover,.btn-outline-primary.dropdown-toggle,.btn-outline-primary.dropdown-toggle:focus,.btn-outline-primary.dropdown-toggle:hover,.btn-outline-primary:active,.btn-outline-primary:active.focus,.btn-outline-primary:active:focus,.btn-outline-primary:active:hover,.btn-outline-primary:focus,.btn-outline-primary:hover,.btn-secondary,.btn-secondary.active.focus,.btn-secondary.active:focus,.btn-secondary.active:hover,.btn-secondary:active,.btn-secondary:active.focus,.btn-secondary:active:focus,.btn-secondary:active:hover,.btn-secondary:focus,.btn-secondary:hover,.open>.btn-outline-primary.dropdown-toggle,.open>.btn-outline-primary.dropdown-toggle.focus,.open>.btn-outline-primary.dropdown-toggle:focus,.open>.btn-outline-primary.dropdown-toggle:hover,.open>.btn-secondary.dropdown-toggle.focus,.open>.btn-secondary.dropdown-toggle .open>.btn-secondary.dropdown-toggle:hover,.open>.btn-secondary.dropdown-toggle:focus{background-color:#c90023;border:1px solid #686868;border-radius:0;color:#fff}.dropdown-menu{border:1px solid #ccc}.dropdown-item:focus,.dropdown-item:hover,.input-group-addon{background-color:#c90023;color:#fff}.input-group-addon{border:1px solid #686868;border-radius:0}.card,.form-control{background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868;outline:1px solid #c90023}@media (min-width:1200px){.container{width:1800px}}@media (min-width:576px){.modal-dialog{max-width:800px}}i.fa{position:relative;top:1px}i.fa.offset-right{margin-right:6px}.form-control:focus{background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868}.abc-checkbox{padding-left:8px}.abc-checkbox label{color:#686868;line-height:20px;margin-bottom:0;cursor:pointer}.abc-checkbox label:after{padding-top:0}.abc-checkbox input[type=checkbox]:checked+label:before,.abc-checkbox input[type=radio]:checked+label:before{background-color:#c90023;border:1px solid #ccc;border-radius:0;color:#fff}.abc-checkbox input[type=checkbox]:checked+label:after,.abc-checkbox input[type=radio]:checked+label:after{background-color:#c90023;color:#fff}.abc-checkbox input[type=checkbox]:focus+label:before,.abc-checkbox input[type=radio]:focus+label:before{background-color:#fff;border:1px solid #ccc;border-radius:0;color:#fff;outline:1px solid #686868}.abc-checkbox input[type=checkbox]+label:before,.abc-checkbox input[type=radio]+label:before{background-color:#fff;border:1px solid #ccc;border-radius:0;color:#fff}.abc-checkbox input[type=checkbox]+label:after,.abc-checkbox input[type=radio]+label:after{background-color:#fff;color:#686868}.abc-checkbox input[type=checkbox]:disabled+label,.abc-checkbox input[type=radio]:disabled+label{cursor:not-allowed}.datatable.material{box-shadow:none;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868}.datatable.material .empty-row{text-align:center}.datatable.material .datatable-header .datatable-header-cell,.datatable.material .datatable-header .datatable-header-cell.longpress{color:#686868}.datatable.material .datatable-body .progress-linear .container{background-color:#ccc}.datatable.material .datatable-body .progress-linear .container .bar{background-color:#c90023}.loading-screen{width:100%;height:100vh;-ms-flex-direction:row;flex-direction:row}.loading-screen,.loading-screen .center-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-screen .center-container{-ms-flex-direction:column;flex-direction:column;width:450px;height:450px;color:#686868}.loading-screen .center-container img{width:200px;margin-bottom:20px}.loading-screen .center-container .text{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-screen .center-container .text i{margin-right:10px}.loading-screen .center-container .text strong{position:relative;margin-top:4px}audit{display:block;width:100%;height:100%}audit .card .filter-text{margin-bottom:4px}audit .card .filter-options{padding:10px 4px;margin-bottom:0}audit .card .filter-options .abc-checkbox{float:left;margin-right:10px}audit .card .filter-options .dropdown.audit-is-valid{float:left;margin-right:10px;margin-top:-1px}audit .card .filter-options .dropdown.audit-is-valid custom-dropdown-menu{margin-right:5px}audit .card .filter-options .dropdown.audit-is-valid label{position:relative;top:2px;margin-bottom:0}audit .card .filter-options .dropdown.audit-is-valid label.is-disabled{opacity:.65;cursor:not-allowed}audit .datatable{text-align:left;width:100%;margin:0 auto;height:74vh}audit .datatable .datatable-body-cell-label .center{display:inline-block;width:100%;height:100%;text-align:center}audit .datatable .datatable-body-cell-label .audit .is-pending{color:#c90023;font-size:14px}audit .datatable .datatable-body-cell-label .audit .is-not-pending{color:#686868;font-size:10px;top:-2px}audit .datatable .datatable-body-cell-label .audit .has-image{color:#c90023;cursor:pointer}audit .datatable .datatable-body-cell-label .audit .has-no-image{color:#ccc}audit .datatable .datatable-body-cell-label .audit .accepted,audit .datatable .datatable-body-cell-label .audit .denied{color:#686868}audit .datatable .datatable-body-cell-label .audit .accepted.is-set{color:#007e41}audit .datatable .datatable-body-cell-label .audit .accepted:not(.is-set){margin-right:16px}audit .datatable .datatable-body-cell-label .audit .accepted:not(.is-set):hover{color:#007e41;cursor:pointer}audit .datatable .datatable-body-cell-label .audit .denied.is-set{color:#c90023}audit .datatable .datatable-body-cell-label .audit .denied:not(.is-set):hover{color:#c90023;cursor:pointer}audit .datatable .datatable-body-cell-label .audit .has-no-data,audit .datatable .datatable-body-cell-label .audit .history{color:#ccc}audit .datatable .datatable-body-cell-label .audit .history.available{color:#c90023}audit .datatable .datatable-body-cell-label .audit .history.available:hover{cursor:pointer}audit .datatable .datatable-body-cell-label .audit .edit-employee{color:#ccc}audit .datatable .datatable-body-cell-label .audit .edit-employee.allowed{color:#c90023}audit .datatable .datatable-body-cell-label .audit .edit-employee.allowed:hover{cursor:pointer}audit .datatable .datatable-body-cell-label .audit .is-auditor{color:#ccc}audit .datatable .datatable-body-cell-label .audit .is-auditor.allowed{color:#c90023}inline-edit{display:inline-block;position:relative;width:100%;height:100%}inline-edit .inactive-container{overflow:hidden;text-overflow:ellipsis;padding-left:4px}inline-edit .inactive-container .label{padding-right:4px}inline-edit .inactive-container:hover.is-editable{background-color:#fff;border-radius:0;cursor:text;box-shadow:0 0 0 1px #ccc;transition:box-shadow .15s ease-in 0ms;-webkit-transition:box-shadow .15s ease-in 0ms}inline-edit form{display:inline-block;width:100%}inline-edit form .form-control{height:28px;padding:0;padding-left:4px;background-color:#fff;border-radius:0;cursor:text}custom-checkbox{display:inline-block;position:relative;width:100%;height:100%}custom-checkbox .checkbox.abc-checkbox{display:inline-block;position:relative;top:-8px;padding:0}custom-checkbox .checkbox.abc-checkbox label:after,custom-checkbox .checkbox.abc-checkbox label:before{padding-left:0}custom-dropdown-menu{display:inline-block;position:relative}custom-dropdown-menu button{min-width:60px}custom-dropdown-menu ul{margin:0;padding:0}custom-dropdown-menu .dropdown-menu{width:auto;min-width:0}custom-dropdown-menu .dropdown-item{text-align:center;padding:3px 1rem}custom-dropdown-menu .dropdown-item:not(:disabled){cursor:pointer}image-modal-dialog .modal-body{height:400px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}image-modal-dialog .modal-body .center{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}image-modal-dialog .modal-body .loading-spinner{z-index:1;width:64px;height:54px;color:#686868}image-modal-dialog .modal-body .error{width:500px}image-modal-dialog .modal-body img{z-index:2;max-width:90%;max-height:90%}history-modal-dialog .modal-body{height:400px;position:relative;overflow:hidden}history-modal-dialog .modal-body .datatable{height:370px}file-upload-modal-dialog .modal-body{height:400px;position:relative}file-upload-modal-dialog .modal-body .center{margin:auto;position:absolute}file-upload-modal-dialog .modal-body .center.horizontal{left:0;right:0}file-upload-modal-dialog .modal-body .center.vertical{top:0;bottom:0}file-upload-modal-dialog .modal-body .drop-container{width:100%;height:100%;display:block;position:relative;border-radius:10px 10px 10px 10px;border:4px dashed #ccc}file-upload-modal-dialog .modal-body .drop-container input[type=file]{display:none}file-upload-modal-dialog .modal-body .drop-container label{width:100%;height:100%;display:block;position:relative;margin:0}file-upload-modal-dialog .modal-body .drop-container .content{width:500px;height:300px;text-align:center}file-upload-modal-dialog .modal-body .drop-container .content .icon{width:44px;height:44px;margin-top:40px}file-upload-modal-dialog .modal-body .drop-container .content .icon.spinner{width:60px}file-upload-modal-dialog .modal-body .drop-container .content .icon.error{color:#c90023}file-upload-modal-dialog .modal-body .drop-container .content .description{margin-top:120px}file-upload-modal-dialog .modal-body .drop-container .content .description strong{cursor:pointer}file-upload-modal-dialog .modal-body .drop-container .content .description strong.error{color:#c90023}file-upload-modal-dialog .modal-body .drop-container .content .description strong:not(.error):hover{text-decoration:underline}file-upload-modal-dialog .modal-body .drop-container .content .upload-button{margin-top:180px;cursor:default}file-upload-modal-dialog .modal-body .drop-container .content info-label{margin-top:260px}edit-employee-modal-dialog .modal-body{min-height:400px;position:relative}edit-employee-modal-dialog .modal-body .card{margin-bottom:0}edit-employee-modal-dialog .modal-body form h5,edit-employee-modal-dialog .modal-body info-label{margin-bottom:20px}edit-employee-modal-dialog .modal-body form .input-group.confirm-password,edit-employee-modal-dialog .modal-body form .input-group.new-password{margin-bottom:10px}login .jumbotron{max-width:400px;margin:0 auto}login .form-signin{max-width:340px;padding:15px;margin:0 auto}login .form-signin h4{margin-bottom:20px}login .form-signin .input-group.password,login .form-signin .input-group.personnel-number{margin-bottom:10px}login .form-signin .form-control{position:relative;height:auto;box-sizing:border-box;padding:10px;font-size:16px}logout h3{text-align:center}info-label{display:block;position:relative}info-label div{position:relative;padding-left:8px;padding-right:8px;overflow:hidden;word-break:break-word;word-wrap:break-word}info-label div.success{background-color:#e6fff3;border:1px solid #00cc69;border-radius:0;color:#007e41}info-label div.error{background-color:#ffe6e8;border:1px solid #ff99a2;border-radius:0;color:#c90023}info-label div strong{position:relative;top:1px;margin-left:4px}submit-button,submit-button i{position:relative}submit-button i{top:0;margin-right:4px}submit-button span{position:relative;top:1px}navbar{padding-top:20px}navbar .navbar-light{background-color:#fff;border-bottom:3px solid #c90023;margin-bottom:20px;border-radius:0}navbar .navbar-light .logo,navbar .navbar-light .title{display:inline-block;vertical-align:bottom}navbar .navbar-light .logo{width:120px}navbar .navbar-light .title{margin-left:14px;margin-bottom:16px}navbar .navbar-light .user-menu{position:absolute;right:0;bottom:0}navbar .navbar-light .user-menu .dropdown-menu{right:0;left:auto}navbar .navbar-light .user-menu .dropdown-item:not(:disabled){cursor:pointer}navbar .navbar-light .user-menu i.fa{top:0}navbar .navbar-light .breadcrumb-container{display:inline-block;position:relative;bottom:-45px;margin-left:40px}navbar .navbar-light .breadcrumb-container .breadcrumb{padding:0;margin:0;background-color:transparent;border-radius:0}navbar .navbar-light .breadcrumb-container .breadcrumb .breadcrumb-item{color:#686868}navbar .navbar-light .breadcrumb-container .breadcrumb .breadcrumb-item:not(:first-child):before{content:"//"}navbar .navbar-light .breadcrumb-container .breadcrumb .breadcrumb-item a,navbar .navbar-light .breadcrumb-container .breadcrumb .breadcrumb-item a:hover{color:#c90023}page-not-found{width:100%;height:100vh;-ms-flex-direction:row;flex-direction:row}page-not-found,page-not-found .ooops{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}page-not-found .ooops{-ms-flex-direction:column;flex-direction:column;width:450px;height:450px;color:#686868}page-not-found .ooops img{width:200px;margin-bottom:20px}page-not-found .ooops .text{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}page-not-found .ooops .text span{margin-right:20px}page-not-found .ooops .text span i{position:absolute;top:0}page-not-found .ooops .text span i:first-child{left:6px}page-not-found .ooops .text span i:last-child{color:#c90023}page-not-found .ooops .text strong{position:relative;margin-top:4px}html{position:relative;min-height:100%}mobile{-ms-flex-direction:column;flex-direction:column;height:100vh;padding:0 20px}mobile,mobile header{display:-ms-flexbox;display:flex}mobile header{height:80px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background-color:#fff;border-bottom:3px solid #c90023}mobile header img{width:100px}mobile header h5{position:relative;left:10px;top:7px;margin:0}image-upload,image-upload main{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}image-upload main{padding:10px;overflow:hidden}image-upload main .personnel-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px}image-upload main .personnel-number input{width:100%;padding:4px;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868}image-upload main .image{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}image-upload main .image input{display:none}image-upload main .image label{margin:0}image-upload main .image .preview{-ms-flex:1;flex:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:center;align-content:center;height:100%;width:100%;padding:4px;overflow:auto;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#686868}image-upload main .image .preview,image-upload main .image .preview .center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}image-upload main .image .preview .center{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}image-upload main .image .preview i{margin-bottom:10px}image-upload main .image .preview img{width:100%;object-fit:contain}image-upload footer{height:60px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;background-color:#fff;border-top:3px solid #c90023}upload-successful{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}upload-successful main{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding:10px;overflow:hidden}upload-successful main,upload-successful main .text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}upload-successful main .text{-ms-flex-direction:column;flex-direction:column}audit-is-not-active{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}audit-is-not-active main{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding:10px;overflow:hidden}audit-is-not-active main,audit-is-not-active main .text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}audit-is-not-active main .text{-ms-flex-direction:column;flex-direction:column}