body{font-size:12px}.content-page{min-block-size:150vh!important}#fontSize{width:73px;position:absolute;right:0;top:250px}button#btn-decrease,button#btn-orig,button#btn-increase{background-color:#190f4e;margin-bottom:5px;color:#fff;border-radius:10px}button#btn-decrease:hover,button#btn-orig:hover,button#btn-increase:hover{background-color:#b8b8b8;border-radius:10px;color:#190f4e}[data-bs-theme=dark] #first_row .first_column,[data-bs-theme=dark] #first_row .last_column,[data-bs-theme=dark] #first_row .last_column .table tr td,[data-bs-theme=dark] #tabs,[data-bs-theme=dark] #tabs .nav-tabs{background-color:#757777!important;color:#fff!important}*/ [data-bs-theme=dark] body{--tz-tertiary-bg-rgb: 100, 100, 100 !important;background-color:#757777!important}[data-bs-theme=dark] .navbar-custom{background-color:#757777!important;color:#fff!important}[data-bs-theme=dark] .navbar-custom .profile-dropdown{background-color:#707272!important;color:#fff!important}[data-bs-theme=dark] #theme-settings-offcanvas{background-color:#39325f!important;color:#fff!important}[data-bs-theme=dark] #theme-settings-offcanvas input,[data-bs-theme=dark] #theme-settings-offcanvas .btn-primary{background-color:transparent!important;color:#fff!important}[data-bs-theme=dark] .footer .copyright{color:#fff!important}[data-bs-theme=dark] #menuModal{background-color:#fff!important}[data-bs-theme=dark] .table-responsive{background-color:#555!important;color:#fff!important}[data-bs-theme=dark] #example thead{background-color:transparent!important;color:#000!important}[data-bs-theme=dark] #example thead th,[data-bs-theme=dark] table tr td{color:#000!important}[data-bs-theme=dark] .table-responsive{background-color:#949494!important}.table-hover>tbody>tr:hover>*{--tz-table-bg-state: #c2bfbf !important}[data-bs-theme=dark] .subnav ul li a{color:#e4d8c1!important}[data-bs-theme=dark] #title{background-color:#525252;color:#fff!important}[data-bs-theme=dark] #title .h2,[data-bs-theme=dark] #helpbutton{color:#e4d8c1!important}[data-bs-theme=dark] #btnindex .btn{background-color:#e4d8c1}[data-bs-theme=dark] #tree{background-color:#707272!important}[data-bs-theme=dark] #tree hr{background-color:#fdfdfd!important}[data-bs-theme=dark] #tree rect{fill:wheat!important}.accordion-button{font-size:12px;font-weight:600}.h5{font-size:12px}#tabs .nav-item{font-weight:900}#usericon{font-size:20px}#topmodal{margin-top:60px}.deznav .metismenu>li>a i{padding-right:10px}#modalMenu .box p{margin-bottom:0%}#modalMenu a i{margin-bottom:15%}#modalMenu .text-center{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 0 10px 1px #0000001a!important;margin:13px}#modalMenu .text-center:hover{background-color:#190f4e}#modalMenu .box a:hover{color:#fff;background-color:#190f4e}#offcanvasRight{margin-top:6%;width:300px;color:#fff}#offcanvasRight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.5;z-index:-1;background-color:#190f4e}#offcanvasRight .h3{font-size:15px;color:#fff}#offcanvasRight p{font-size:12px;color:#fff}#offcanvasRight .d-flex:hover{background-color:#213863;border-radius:5px;padding:1px;color:#fff}#offcanvasRight .d-flex .img_cont{color:#fff}.auth-page,.auth-full{height:auto}.carousel-inner img{min-height:660px}.carousel-caption{background-color:#000;opacity:.6;color:#fff;text-align:justify;padding:10px}.hrm{color:#fff}.side-nav-item:hover{background-color:#213863}.active-link{background-color:#272a2e;border-radius:10px}.active-menu .side-nav-link{background-color:#213863;border-radius:5px}.active-sublink .nav-link{font-weight:700;color:#2d2d5a}.themesetting{background-color:#190f4e}.leftside-menu{background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#190f4e}#sidemenu ul li a{font-size:12px;background-color:#190f4e}#sidemenu ul li a:hover{background-color:#213863}.content-page{position:relative;z-index:0}.content-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.2;z-index:-1}.form_submission{background-color:#fdfefe;width:95%;margin:auto}#admin_image{padding-top:2px}.form_submission input,.form_submission select{padding:5px}#example thead{background-color:#f0eeee}#example thead th{padding:3px}#example tbody :nth-of-type(1){text-align:center}.form-switch label{float:left;padding-left:3px}td#btnindex{padding:0%;padding-bottom:3px!important;padding-top:3px!important}.permission{width:95%;margin:auto}.subnav{margin-bottom:5px}@media screen and (max-width: 576px){#title{justify-content:center}}#title{background-color:#f0eeee;padding:5px;margin:auto auto 50px;width:95%}#title .h2{font-size:15px;padding-top:10px;padding-right:10px;font-weight:bolder;color:#1c1a57}#helpbutton{float:right;border-radius:50%;color:#19114b;font-size:20px}#btnindex{display:flex;justify-content:center;align-items:center;gap:5px}#btnindex .btn-primary{border-radius:50%;background-color:#e5e5e5;color:#2405ee;border:none;padding:5px 10px}#btnindex .btn-primary:hover{border-radius:50%;background-color:#2405ee;color:#e5e5e5;border:none}#btnindex .btn-secondary{border-radius:50%;background-color:#e5e5e5;color:#b906f0;border:none;padding:5px 10px}#btnindex .btn-secondary:hover{border-radius:50%;background-color:#b906f0;color:#e5e5e5;border:none}#btnindex .btn-light{border-radius:50%;background-color:#e5e5e5;color:#067ff0;border:none}#btnindex .btn-light:hover{border-radius:50%;background-color:#067ff0;color:#e5e5e5;border:none}#btnindex .btn-info{border-radius:50%;background-color:#e5e5e5;color:#19114b;border:none;padding:5px 10px}#btnindex .btn-info:hover{border-radius:50%;background-color:#19114b;color:#e5e5e5;border:none}#btnindex .btn-warning{border-radius:50%;background-color:#e5e5e5;color:red;border:none;padding:5px 10px}#btnindex .btn-warning:hover{border-radius:50%;background-color:red;color:#e5e5e5;border:none}#btnindex .btn-danger,#btnindex .btn-success{border-radius:5px}#attachment{border-radius:50%;background-color:#e5e5e5;color:#067ff0;border:none}#attachment:hover{border-radius:50%;background-color:#067ff0;color:#e5e5e5;border:none}.navbar-toggler{font-size:15px;border:none}.table-responsive{background-color:#fdfefe;width:95%;margin:auto;padding:10px}#example td{text-align:justify}#example_length,#example_filter{padding:5px}#example tr{background-color:transparent}#si,#ac{width:100px}.h1{font-size:25px}#editor{border:1px solid black}#htmldes{width:70%}#inputcolumn{border:0px;background:transparent}#address-right{border-right:1px solid black}#address-left{border-left:1px solid black}#emfilter .btn-secondary{border-radius:5px;background-color:transparent;color:#19114b;font-weight:600}#first_row{gap:2%}#first_row .first_column,#first_row .last_column{background-color:#ffffff73;border:1px solid rgb(185,185,185)}#tabs .card{background-color:transparent;padding:0}#tabs .nav-tabs{background-color:#e2e1e0}#second_row{background-color:#ffffff73;margin-top:10px}.accordion-item{background-color:transparent}.accordion{--tz-accordion-active-bg: rgb(202, 200, 200)}.bgpheading{background-color:#c4c0c073}.addheading{background-color:#c4c0c073;margin-left:-10px}.accordion-button:not(.collapsed){color:#19114b;font-weight:600}#employee{margin-bottom:10px;text-align:right}#employee .btn-primary{border-radius:50%;background-color:#e5e5e5;color:#2405ee;border:none;margin-left:3px}#employee .btn-primary:hover{border-radius:50%;background-color:#2405ee;color:#e5e5e5;border:none}#employee .btn-info{border-radius:50%;background-color:#e5e5e5;color:#19114b;border:none}#employee .btn-info:hover{border-radius:50%;background-color:#19114b;color:#e5e5e5;border:none}#employee .btn-warning{border-radius:50%;background-color:#e5e5e5;color:red;border:none}#employee .btn-warning:hover{border-radius:50%;background-color:red;color:#e5e5e5;border:none}.form .form-control{background:none;border:none;margin-top:5px}#tabmenu ul{margin:5px auto auto}.icon{margin-left:70%}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#202060;color:#fff}.form-wizard-header{margin-left:0;margin-right:0}#shortimage img{height:120px;width:12opx}#editimage{position:relative;background-color:#201d5a;cursor:pointer;overflow:hidden;color:#f7f7f7;border-radius:50%;padding:6px!important;width:25px;height:25px;left:90%;top:-50%}#editimage input{position:relative;opacity:0;cursor:pointer;overflow:hidden;top:0;left:0}#dynamic_button{width:100px;padding:10px 0 0}#dynamic_button button{border-radius:50%;background:unset;border:none;padding:0}#dynamic_button button .fa-minus{border-radius:50%;border:none;background-color:red;padding:7px;font-size:10px}#dynamic_button button .fa-plus{border-radius:50%;border:none;background-color:green;padding:7px;font-size:10px}#field{width:110px;font-size:11px;padding:0;margin-right:5px}#field input{width:90%;font-size:9px;padding:5px}#field select{width:90%;font-size:8px;padding:6px}#formSubmit .form-control{padding-left:10px;padding-top:3px;padding-bottom:3px}#signature img{width:100px;height:30px}#selfservice .profile-card{background-color:#e4e2e2;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;overflow:hidden}#selfservice .profile-header{height:120px;position:relative}#selfservice #editicon{position:absolute;left:92%;top:10%;cursor:pointer;overflow:hidden;color:#f7f7f7;background-color:#201d5a;padding:3px 6px!important;border-radius:50%}#selfservice #editicon input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;overflow:hidden}#selfservice #cover img{width:100%;height:160px}#selfservice #profile img{border-radius:50%;border:4px solid #fff;width:100px;height:100px;position:absolute;top:50%;left:50%;margin-top:10%;transform:translate(-50%)}#selfservice #selfimage{position:absolute;padding:3px 6px!important;left:59%;top:120%;border-radius:50%;background-color:#201d5a;color:#fafafc;cursor:pointer;overflow:hidden}#selfservice #selfimage input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;overflow:hidden}#selfservice #save{margin-top:50px;margin-left:80%;border-radius:50%}#selfservice #save button{border-radius:10px;font-size:10px}#selffull .profile-card{background-color:#e4e2e2;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;overflow:hidden}#selffull .profile-header{height:120px;position:relative}#selffull #editicon{position:absolute;left:90%;top:10%;cursor:pointer;overflow:hidden;color:#f7f7f7;background-color:#201d5a;padding:3px 6px!important;border-radius:50%}#selffull #editicon input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;overflow:hidden}#selffull #cover img{width:100%;height:135px}#selffull #profile img{border-radius:50%;border:4px solid #fff;width:80px;height:80px;position:absolute;top:50%;left:50%;margin-top:10%;transform:translate(-50%)}#selffull #selfimage{position:absolute;padding:3px 6px!important;left:60%;top:100%;border-radius:50%;background-color:#201d5a;color:#fafafc;cursor:pointer;overflow:hidden}#selffull #selfimage input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;overflow:hidden}#selffull #save{margin-top:30px;margin-left:80%;border-radius:50%}#selffull #save button{border-radius:10px;font-size:10px}.profile-header h2{margin:60px 0 10px;font-size:18px}.profile-header p{margin:5px 0;font-size:14px;color:#d4f3f5}.profile-complete{font-size:12px}#progress{width:70%;margin:auto}.profile-complete .progress-bar{background-color:#201d5a;border-radius:5px;height:6px;position:relative;margin-top:5px}.profile-complete .progress{background-color:green;height:100%;width:64%;border-radius:5px}.profile-details{padding:20px 20px 5px}.profile-details .h5{font-weight:700;font-size:14px}.profile-details .detail{margin-bottom:5px;font-size:12px}.profile-department{padding:10px 20px}.profile-department img{border-radius:50%;width:30px;height:30px;margin-right:3px}.profile-department span{font-size:12px;color:#007b8f;font-weight:500}#mobileversion .mshortimage{margin-left:50%;transform:translate(-35%);padding-top:10px}#mshortimage img{height:120px;width:12opx}#meditimage{position:absolute;left:58%;top:60%;background-color:#201d5a;cursor:pointer;overflow:hidden;color:#f7f7f7;border-radius:50%;padding:3px 6px!important}#meditimage input{position:absolute;opacity:0;cursor:pointer;overflow:hidden;top:0}#mcontent{margin-left:15%;transform:translate(-10%);padding-top:7%}#administration{background-color:#faf4f0}#administration .card-header{text-align:center;padding:10px;font-size:15px;background-color:#1b1853;color:#fff}#administration .row{background-color:transparent}.org-modal{width:200px!important;height:400px!important}.boc-edit-form{display:none!important}.boc-edit-form-header{height:120px!important;background-color:#1b1754!important}.boc-dark h1,.boc-light h1{font-size:14px!important;line-height:1}svg.boc-edit-form-close{position:absolute;right:5px;top:5px;width:35px!important;height:30px!important;cursor:pointer}div#boc-avatar{width:70px;height:70px}div#boc-avatar svg{width:60px;height:60px;padding:5px}.boc-img-button{height:30px!important;width:30px!important;background-color:#1b1754!important}.boc-img-button svg{height:20px!important;width:20px!important;margin-top:-25px;padding:2px}.boc-form-field{font-size:12px;text-transform:capitalize}.boc-form-field input{font-size:12px!important}hr{margin:5px}#tree image{width:50px;height:50px;clip-path:circle(40% at 50% 50%);transform:translate(10px,10px)}[data-edit-from-btn=edit]{display:none!important}.node rect{fill:#fff}.olivia-f0{font-size:12px!important}.modal-backdrop{display:none}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;top:0;left:28%;transform:translate(-50%);height:100%;width:4px;background:#e0e0e0}.timeline-step{position:relative;margin-bottom:40px}.timeline-step .circle{position:absolute;top:80%;left:29%;transform:translate(-50%);width:20px;height:20px;background:#0d6efd;border-radius:50%;z-index:1}.timeline-step .content{position:relative;padding-left:20px}.timeline-step .label{position:relative;left:50%;top:-10%;transform:translate(-50%);background-color:#6c757d;color:#fff;padding:5px 10px;border-radius:5px}.timeline-step p{position:absolute;top:90%;left:15%;border-radius:50%;z-index:1}.timeline-step .status input{position:relative;top:70%;right:30%;z-index:1}.bio-icon{background-color:#b4babb;padding:5px 7px;border-radius:50%;height:25px;width:25px}.tab-pane .text-end button{border-radius:5px 0 0 50px;font-size:12px;margin-bottom:2px;background-color:#0f2a7e}#modaltable table{font-size:10px}#modaltable .modal{width:450px;left:50%;transform:translate(-50%)}.tab-content table{font-size:12px}.tab-content table tr th{padding:5px}.tab-content table tr td{padding:3px}#example tr th{padding-bottom:1px}#example tr td{padding-bottom:0}.progress-circle{width:50px;height:50px;background:conic-gradient(var(--progress-color, #4CAF50) calc(var(--progress, 0) * 1%),#eaeaea 0);border-radius:50%;display:inline-block;position:relative;line-height:100px;text-align:center;font-size:20px;color:#333}.progress-circle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}[data-progress="40"]{--progress: 40;--progress-color: #ff4081}[data-progress="30"]{--progress: 30;--progress-color: #8BC34A}[data-progress="70"]{--progress: 70;--progress-color: #FF9800}.boc-search{position:absolute;display:none}#orgcard-br{height:1px;background-color:#ededf0;margin-bottom:10px}#orgcard{margin-top:-25px}#orgcard-count{background-color:#dfe4e4;width:17px;height:17px;position:relative;left:95%;bottom:-40%;border-radius:5px}a.logo.logo-light{background-color:#190f4e!important}#expand{margin-bottom:-1%}#expand i{color:#9e9e9e;background-color:#fff;border-radius:50%;border:1px solid #D1D1D1;padding:3px}#empmodal h5{margin-bottom:-15px}#employeeTabs li{padding:-5px;font-size:11px}#employeeTabsContent input{padding:2px;margin-top:-15px}#employeeTabsContent .tab-pane{margin-top:-15px}#employeeTabsContent .text-start p{margin-bottom:2px;font-size:10px}#employeeTabsContent img{width:50px}#comHier p{margin-bottom:4px}#comHier input{padding:3px}#orgchart:hover{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.plus-minus{background-color:#fff;margin:auto;margin-top:-1rem;border-radius:5px;width:20px;border:1px solid #D1D1D1}#treeWrapper{background-color:#717374;height:50em}#overtime input{width:100px;height:20px;margin-left:5px}#example input{padding:0}#showShift tr th{width:30vh}#card_content{font-size:18px}#card_icon{border-radius:50%;padding:10px;margin-top:5px;font-size:25px}#admin_card .card{border-radius:10px}#admin_card .card:hover{transform:scale(1.01);box-shadow:-3px 3px 15px #0003}
