@charset "UTF-8";

/* Alert */
.ui-alert .close:focus { outline: none;}
.ui-alert.red { color: #fff; background-color: #d97777e3 !important;}
.ui-alert.red .close:hover { color: #fff; opacity: 1;}
.ui-alert.yellow { color: #242424; background-color: #f6b719ad !important;}
.ui-alert.green { color: #242424; background-color: #b0efbf;}

.ui-icon-check, .ui-icon-closethick{display:none !important;}

.page-link {
    position: relative !important;
    display: block !important;
    padding: 0.5rem 0.75rem !important;
    margin-left: -1px !important;
    line-height: 1.25 !important;
    color: #007bff !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}

/* Text */
.ui-tx-10 { font-size: 10px !important;}
.ui-tx-11 { font-size: 11px !important;}
.ui-tx-13 { font-size: 13px !important;}
.ui-tx-12 { font-size: 12px !important;}
.ui-tx-14 { font-size: 14px !important;}
.ui-tx-15 { font-size: 15px !important;}
.ui-tx-16 { font-size: 16px !important;}
.ui-tx-18 { font-size: 18px !important;}
.ui-tx-20 { font-size: 20px !important;}
.ui-tx-22 { font-size: 22px !important;}
.ui-tx-24 { font-size: 24px !important;}
.ui-tx-30 { font-size: 30px !important;}
.ui-tx-cyan, .ui-tx-theme { color: #1f3966 !important;}
.ui-tx-purple { color: #5b4785 !important;}
.ui-tx-dark { color: #292d33 !important;}
.ui-tx-yellow { color: #f6b719 !important;}
.ui-tx-red { color: #d97777 !important;}
.ui-tx-red-tr td {color: #d97777 !important;}
.ui-tx-gray { color: #606060 !important;}
.ui-tx-blue { color: #3382bb !important;}
.ui-tx-navi { color: #337ab7 !important;}
.ui-tx-muted { color: #ababab !important;}
.ui-tx-white { color: #fff !important;}
.ui-tx-green { color: #71be34 !important;}
.ui-fw-400 { font-weight: 400 !important;}
.ui-fw-500 { font-weight: 500 !important;}
.ui-fw-700 { font-weight: 700 !important;}
.ui-fw-900 { font-weight: 900 !important;}
.ui-tx-lato { font-family: 'Lato', 'Montserrat', sans-serif !important;}

/* Margins*/
.ui-mt--1 { margin-top: -1px;}
.ui-mt--2 { margin-top: -2px;}
.ui-mt--3 { margin-top: -3px;}
.ui-mt--4 { margin-top: -4px;}
.ui-mt--5 { margin-top: -5px;}
.ui-mt--6 { margin-top: -6px;}
.ui-mt--7 { margin-top: -7px;}
.ui-mt--8 { margin-top: -8px;}
.ui-mt--9 { margin-top: -9px;}
.ui-mt--10 { margin-top: -10px;}

.ui-mb-6rem { margin-bottom: 6rem;}
.ui-mb--1 { margin-bottom: -1px;}
.ui-mb--2 { margin-bottom: -2px;}
.ui-mb--3 { margin-bottom: -3px;}
.ui-mb--4 { margin-bottom: -4px;}
.ui-mb--5 { margin-bottom: -5px;}
.ui-mb--6 { margin-bottom: -6px;}
.ui-mb--7 { margin-bottom: -7px;}
.ui-mb--8 { margin-bottom: -8px;}
.ui-mb--9 { margin-bottom: -9px;}
.ui-mb--10 { margin-bottom: -10px;}


.ui-cursor-pointer { cursor: pointer;}
.ui-box-lg { max-width: 920px;}
.avatar { position: relative; width: 42px; height: 42px; background-size: 42px; border-radius: 4px;}
.avatar img { width: 100%; height: 100%; object-fit: cover;}
.hidden { overflow: hidden;}

/* Positions */
.ui-top-1 { top: 1px;}
.ui-top-2 { top: 2px;}
.ui-top-3 { top: 3px;}
.ui-top-4 { top: 4px;}
.ui-top-5 { top: 5px;}
.ui-top-6 { top: 6px;}
.ui-top-7 { top: 7px;}
.ui-top-8 { top: 8px;}
.ui-top-9 { top: 9px;}
.ui-top-10 { top: 10px;}
.ui-right-0{right:0;}
.ui-left-5{left:5px;}
.ui-text-center{text-align: center;}

.watermark {
    color: rgba(63, 63, 63, 0.4) !important;
    opacity: 1 !important;
}
.navbar-nav.app-top-right .dropdown-toggle[type="button"],
.navbar-nav.app-top-right .dropdown-toggle[type="reset"],
.navbar-nav.app-top-right .dropdown-toggle[type="submit"] {
    background-color: transparent;
}
/* Forms */
.ui-employee-form-wrapper { padding: 20px;}
.ui-form-title { margin: -5px 0px 12px; padding: 0px 0px 8px; font-size: 18px; font-weight: 500; border-bottom: 1px solid #ababab;}
.ui-form .form-control-label { margin: 0px 0px 2px; font-size: 14px; font-weight: 900;}
.ui-form .required .form-control-label::after { content:"*"; color: #f50a0a;}
/* .ui-form .form-control:read-only { border: solid 1px rgba(196, 196, 196, 0.75); background-color: rgba(233, 232, 231, 0.8);} */
.ui-form .form-control, .ui-form .datepicker .form-control:read-only { font-size: 14px; color: #242424; font-weight: 500; border-radius: 5px; border: solid 1px #c4c4c4; background-color: transparent; /*background-color: rgba(51, 122, 183, 0.08);*/}
.ui-form textarea.form-control:read-only{ background-color: rgba(51, 122, 183, 0.08) !important;}
.ui-form .form-control:focus { box-shadow: none; border: solid 1px #7d7d7d !important;}
.ui-form .form-control::placeholder { color: rgba(63, 63, 63, 0.4); opacity: 1;}
.ui-form .form-control:-ms-input-placeholder { color: rgba(63, 63, 63, 0.4); opacity: 1;}
.ui-form .form-control::-ms-input-placeholder { color: rgba(63, 63, 63, 0.4); opacity: 1;}
.ui-form select.form-control { cursor: pointer !important;}
.ui-form select.form-control option { padding: 10px 15px !important; display: block !important; font-size: 14px; font-weight: 500; border: none; border-top: 1px solid #e9e8e7; background-color: #fff; height: 40px !important;}
.ui-form select.form-control option:hover { background-color: #eff1f3 !important;}
.ui-form select.form-control:disabled { border: solid 1px rgba(196, 196, 196, 0.75) !important; background-color: rgba(233, 232, 231, 0.8) !important; cursor: default !important;}
.select-hidden { display: none; visibility: hidden; padding-right: 10px;}
.ui-select { cursor: pointer; position: relative; width: 100%; height: 35px;}
.ui-single-select { font-size: 14px; color: #242424; font-weight: 500; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; border: solid 1px #e9e8e7; background-color: rgba(51, 122, 183, 0.08); position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0.375rem 2rem 0.375rem 0.75rem; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.ui-single-select:after { content: ""; position: absolute; top: 35%; right: 14px; border: solid #2c393a; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.ui-single-select:active:after, .ui-single-select.active:after { top: 45%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.ui-single-select.active { -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgb(0 0 0 / 10%);}
.ui-select .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; border: solid 1px #e9e8e7; border-top: none; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgb(0 0 0 / 10%); max-height: 200px; overflow: hidden; overflow-y: auto;}
.ui-select .select-options li { margin: 0; padding: 0.5rem 0.75rem; font-size: 14px; font-weight: 500; text-transform: uppercase; border-top: 1px solid #e9e8e7; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in;}
.ui-select .select-options li:hover, .ui-select .select-options li.is-selected { background-color: #eff1f3;}
.ui-select .select-options li[rel="hide"] { display: none;}
.ui-checkbox { padding-left: 20px; position: relative;}
.ui-checkbox input[type="checkbox"], .ui-checkbox input[type="radio"] { margin: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; position: absolute; margin-left: -20px; line-height: normal; cursor: pointer; display: none;}
.ui-checkbox label { min-height: 20px; margin-bottom: 0 !important; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: middle; position: relative; padding-left: 10px;}
.ui-checkbox label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; top: 2px; margin-left: -20px; border: 2px solid #ababab; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.ui-checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #337ab7;}
.ui-checkbox input[type="checkbox"]:checked + label::after { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 4px;border-bottom: 3px solid #337ab7; border-right: 3px solid #337ab7; left: 7.5px; top: 5.8px;}
.ui-checkbox input[type="checkbox"]:checked + label::before { border: 2px solid #337ab7; background-color: #f6f8fb;}
.ui-checkbox.radio { padding-left: 25px;}
.ui-checkbox.radio label { padding-left: 0px;}
.ui-checkbox.radio label::before { border-radius: 100%; width: 18px; height: 18px; margin-left: -15px; top: 3px; left: -10px;}
.ui-checkbox.radio input[type="radio"]:checked + label::before { border: 2px solid #337ab7;}
.ui-checkbox.radio input[type="radio"]:checked + label::after { content: ''; width: 8px; height: 8px; border-radius: 100%; background-color: #337ab7; top: 8.15px; left: 0px;}
.ui-checkbox.radio.square { padding-left: 30px;}
.ui-checkbox.radio.square label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: -15px; top: 2px; border: 2px solid #ababab; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.ui-checkbox.radio.square label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #337ab7;}
.ui-checkbox.radio.square input[type="radio"]:checked + label::before { /*margin-left: -25px; top: 0px;*/ width: 20px; height: 20px;  border: 2px solid #337ab7; border-radius: 3px; background-color: #f6f8fb;}
.ui-checkbox.radio.square input[type="radio"]:checked + label::after { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 4px; border-bottom: 3px solid #337ab7; border-right: 3px solid #337ab7; left: -2.5px; top: 5px; background-color: transparent; border-radius: 0;}
.ui-checkbox.custom-checkbox { position: relative;}
.ui-btn { padding: 10px 25px; display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 0.16px; text-align: center; color: rgba(96, 96, 96, 0.8); line-height: 1.25; border-radius: 4px; border: solid 1px rgba(196, 196, 196, 0.75); background-color: #fff; cursor: pointer; outline: none; transition: all .15s ease;}
.ui-btn-sm { padding: 0.375rem 0.5rem; font-size: 14px !important; line-height: 1.5 !important;}
.ui-btn:focus { outline: none !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
table .ui-btn:focus { box-shadow: none !important;}
.ui-btn:hover { color: #3f3f3f; border: solid 1px rgb(175 175 175); transform: translateY(-1px);}
.ripple { position: relative; overflow: hidden;}
.ripple:after { content: ""; background: rgb(233 232 231); display: block; position: absolute; border-radius: 50%; left: 0; right: 0; top: 0; bottom: 0; width: 450px; height: 450px; margin: auto; opacity: 0; transition: all 1s; z-index: -1;}
.ripple:active:after { height: 10px; width: 10px; opacity: .3; transition: 0s;}
.ui-btn-icon { display: inline-block; width: 40px; height: 40px; min-width: 40px; position: relative; background-color: rgba(51, 122, 183, 0.1);}
.ui-btn-icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ui-btn.white { color: rgba(96, 96, 96, 0.8); border: solid 1px #ababab; background-color: #fff;}
.ui-btn.white:hover { color: #3f3f3f; border: solid 1px rgb(175 175 175);}
.ui-btn.theme { color: #fff; background-color: #1f3966; border: 1px solid #1f3966;}
.ui-btn.theme:hover { color: #fff; background-color: #1f3966;}
.ui-btn.red { color: #fff; background-color: #d97777; border: 1px solid #d97777;}
.ui-btn.red:hover { color: #fff; background-color: #d97777;}
.ui-btn.blue { color: #fff; background-color: #337ab7; border: 1px solid #337ab7;}
.ui-btn.blue:hover { color: #fff; background-color: #337ab7;}
.ui-btn.green { color: #fff; background-color: #0acf97; border: 1px solid #0acf97;}
.ui-btn.green:hover { color: #fff; background-color: #09b080; border: 1px solid #09b080;}
.ui-btn.yellow { color: #fff; background-color: #f6b719; border: 1px solid #f6b719;}
.ui-btn.yellow:hover { color: #fff; background-color: #ebac0e; border: 1px solid #ebac0e;}
.ui-btn.teal { color: #fff; background-color: #4696b2; border: 1px solid #4696b2;}
.ui-btn.teal:hover { color: #fff; background-color: #4696b2; border: 1px solid #4696b2;}
.ui-btn-link { border: none; background-color: transparent;}
.ui-btn-link:hover { border: none; transform: translateY(0px);}
.ui-form-divider { margin: 15px 0px; height: 1px; width: 100%; border-bottom: 1px solid #c4c4c4;}
.ui-form-filter { margin: 0px -15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ui-form-filter .ui-checkbox { margin: 0px 15px 20px;}
.ui-file-input { position: absolute; width: 100%; height: 100%;}
.ui-file-input input { width: 100%; height: 100%; opacity: 0; overflow: hidden; position: absolute; z-index: 10; cursor: pointer;}
.ui-file-input label { width: 100%; height: 100%; position: absolute; cursor: pointer;}
.ui-file-input label span { margin: 0px; cursor: pointer; width: 30px; height: 30px; position: absolute; right: -10px; bottom: -10px; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 8%); background-color: #f6f8fb; border-radius: 100%;}
.ui-file-input label span i { display: block; width: 18px; height: 18px; background-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ui-search-group input { border: 1px solid #ababab;}
.ui-search-group input:focus { box-shadow: none; border: 1px solid #337ab7 !important;}
.ui-search-group .ui-btn { border: none; border-bottom-left-radius: 0px; border-top-left-radius: 0px; width: 38px; position: relative;}
.ui-search-group .ui-btn:hover { transform: translateY(0px);} 
.ui-search-group .ui-btn i { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ui-form-horizontal-divider .col-md-6:nth-child(1) { border-right: solid 1px #ababab;}
.ui-select-disabled .ui-select .ui-single-select { display: none;}
.ui-select-disabled .select-options { display: none !important;}
.ui-select-disabled .select-hidden { display: block !important; visibility: visible !important; color: #242424 !important; border: solid 1px #e9e8e7 !important; background-color: rgba(196, 196, 196, 0.25) !important;}
.ui-checkbox-small.ui-checkbox label::before{margin-left: 10px;width: 16px;height: 16px;}
.ui-checkbox-small.ui-checkbox label::after {height: 8px;width: 2px;border-bottom: 2px solid #337ab7;border-right: 2px solid #337ab7;left: 36px;top: 5.5px;}    
.ui-checkbox-small.ui-checkbox input[type="checkbox"]:checked + label::after {height: 8px;width: 2px;border-bottom: 2px solid #337ab7;border-right: 2px solid #337ab7;left: 36px;top: 2.5px;}
input[type="time"]::-webkit-calendar-picker-indicator { background: none;}
.ui-checkbox-md.ui-checkbox label::before {width: 16px; height: 16px;}
.ui-checkbox-md input[type="checkbox"]:checked + label::after {content: "";display: inline-block;transform: rotate(45deg);height: 10px;width: 4px;border-bottom: 3px solid #337ab7;border-right: 3px solid #337ab7;left: 5px;top: 3px;}
.ui-checkbox-md label{padding-left: 0px;}
.ui-checkbox-md.radio label{line-height: 2.3;}
.ui-column { padding-right: 25px;padding-left: 25px;max-width: 20%;}
.ui-shadow { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);}
.datepicker .form-control { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.ui-checkbox input[type="checkbox"][disabled] { cursor: default !important;}
.ui-checkbox input[type="checkbox"][disabled] + label::before { background-color: rgba(233, 232, 231, 0.8) !important; cursor: default !important; opacity: .5;}
.app-brand img{height: 50px;width: 140px;background-size: 140px 50px;}
.name-truncate { overflow: hidden; max-width: 60ch; white-space: nowrap; text-overflow: ellipsis; display:inherit;}
.ajax__scroll_none { overflow: inherit !important;}
.combodropdownicon table { margin-bottom: 0px !important;}
table.ui-tabs-left td .ui-checkbox input[type="checkbox"] { display: none;}
.handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input { padding: 1px 6px; box-sizing: border-box; width: 100%; font-size: 12px;}
.handsontable tr:first-child td, .handsontable tr:first-child th { border-top: 1px solid #ccc; font-size: 12px;}
.ui-tooltip .m-0 i { vertical-align: baseline !important;}

/* Gokul R Css */
.app-top-right .dropdown-menu { padding: 15px 0px; border: none; position: absolute; border-radius: 5px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%); background-color: #fff; z-index: 999; top: 45px; min-width: 230px;}
.ui-company-dropdown .dropdown-menu { width: 250px;}
.ui-company-dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #d9d9d9;}
.ui-notification-dropdown .dropdown-menu { width: 300px;}
.ui-dropdown-profile .dropdown-menu { top: 60px;}
.app-top-right .dropdown-toggle::after { display: none;}
.app-top-right .nav-item.dropdown.show .icon-arrow-down { transform: rotate( 180deg); -webkit-transform: rotate(180deg);}
.app-top-right .nav-item.dropdown.show .icon-dot-square { background: url(../img/icons/dot-square-yellow.svg) no-repeat;}
.app-top-right .nav-item.dropdown.show .icon-users { background: url(../img/icons/users-yellow.svg) no-repeat;}
.app-top-right .nav-item.dropdown.show .icon-building { background: url(../img/icons/building-yellow.svg) no-repeat;}
.app-top-right .nav-item.dropdown.show .icon-notification { background: url(../img/icons/notification-yellow.svg) no-repeat;}
.app-top-right .dropdown-item { line-height: 18px; white-space: break-spaces;}
.app-top-right .dropdown-item:hover { color: #3382bb; background-color: rgba(51, 130, 187, 0.1); font-weight: 900 !important;}
.drop-down-body { max-height: 250px; overflow: hidden; overflow-y: auto;}
.drop-down-body::-webkit-scrollbar { width: 6px;}
.drop-down-body::-webkit-scrollbar-track { background: #e8f2fa; border-radius: 9px}
.drop-down-body::-webkit-scrollbar-thumb { background: #606060; border-radius: 9px}
.ui-search-group.circle .form-control { font-size: 13px; line-height: 1; border-bottom-left-radius: 25px; border-top-left-radius: 25px;}
.ui-search-group.circle .input-group-append .ui-btn { border-bottom-right-radius: 25px; border-top-right-radius: 25px;}
.ui-btn-hide .ui-table-sort th.sort::before{display: none;}
.ui-table-sort td+td{border-left: 1px solid #c4c4c4 !important;}
.ui-card.ui-btn-hide{min-height: 419px;}
.ui-btn-hide .table-responsive{border: none;}
.ui-btn-hide .ui-table-sort{border-top: none !important;}
.ui-btn-hide .ui-table-sort th, .ui-btn-hide .ui-table-sort td, .ui-btn-show .ui-table-sort th, .ui-btn-show .ui-table-sort td{font-size: 12px;}
.ui-btn-hide .ui-table-sort th.sort::after, .ui-btn-show .ui-table-sort th.sort::after{margin-top: 0em;}
.ui-btn-hide .nav-item .nav-link { color: #606060; background: none !important; padding: 5px 9px; font-size: 13px; background-size: 100% 38px; margin: 0px; border: none !important;}
.ui-btn-hide .nav-item .nav-link.active{ color: #3382bb; padding: 5px 9px; font-weight: 500; font-size: 13px; background: #eef4fa !important; background-size: 100% 38px; margin: 0px; border: none !important; border-radius:5px !important;}
.ui-btn-hide .nav-item .nav-link:hover{border: none;}
.ui-btn-hide .nav.nav-tabs { margin: 0 auto; width: 98%;}
.ui-btn-hide tr{border-bottom:1px solid #c4c4c4;}
.ui-btn-hide tr:last-child{border: none !important;}
.ui-btn-hide .nav-tabs{border-bottom:none !important;}
.ui-checkbox-chart input{width: 18px; height: 18px; position: relative; top: 3px;margin-right: 5px;}
.ui-checkbox-chart{position: absolute !important; width: 146px; padding: 8px 0px; background: #fff;margin-right: 5px; z-index: 999;}
.ui-select-chart{width: 100%; margin-top: 10px;}
.ui-select-chart .ui-single-select{font-weight: 900; font-size: 12px;}
.ui-select-chart .ui-select{height: 30px;}
.ui-select-chart .ui-checkbox-chart label{font-size: 14px;padding: 0px 5px;}
.ui-multiselect {width: 145px;}
.ui-selectBox {position: relative;}
.ui-selectBox select {width: 100%;font-weight: bold;}
.ui-overSelect {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#ui-checkboxes {display: none;border: 1px #dadada solid;}
#ui-checkboxes label {display: block;}
#ui-checkboxes label:hover {background-color: #e6eef6;}
.ui-chart-body #week-1{height: 190px !important;}
.ui-chart-body #week-2{height: 160px !important;}
.ui-chart-body #week-3{height: 190px !important;}
.ui-chart-body #week-4{height: 190px !important;}
.ui-btn-show{min-height: 320px;}
.ui-btn-hide .table-responsive{height: 133px;overflow: auto;}
.ui-btn-hide .table-responsive::-webkit-scrollbar {width: 4px;}
.ui-btn-hide .table-responsive::-webkit-scrollbar-track {border-radius: 50px;}
.ui-btn-hide .table-responsive::-webkit-scrollbar-thumb {background: #606060; border-radius: 10px;}
.ui-btn-hide .table-responsive::-webkit-scrollbar-thumb:hover {background: #606060;}
.ui-btn-hide .nav-tabs .nav-item { margin-bottom: 5px;}
.ui-dropdown-square-menu .ui-menu-icon::after{display: none;}
.ui-chart-table-sec td { font-size: 12px !important;}
.ui-chart-table-sec tr td{position: relative;}
.ui-btn-hide .ui-chart-table-sec tr td:after {content: ''; height: 16px; width: 1px; position: absolute; right: 0; top: 7px; background-color: #c4c4c4;}
.ui-btn-hide .ui-data-table .dataTables_scrollHead th, .ui-btn-hide .ui-data-table .dataTables_scrollHead td{padding:5px 10px !important;}
.ui-btn-hide thead .ui-bg-light-blue th::before, .ui-btn-hide thead .ui-bg-light-blue th::after{bottom:0.6em !important;}
.ui-bg-light-blue{background-color: #eff4f9;}
.ui-btn-hide .dataTables_scroll{border: 1px solid #c4c4c4; border-radius: 8px;}
.ui-btn-hide .sorting:first-child{border-top-left-radius: 8px !important;}
.ui-btn-hide .sorting:last-child{border-top-right-radius: 8px !important;}
.ui-btn-hide .ui-chart-table-sec tr td:last-child::after {display: none;}
.ui-btn-hide .ui-chart-table-sec tr td{padding: 6px 10px !important;}
.ui-btn-hide .nav-item .nav-link:hover{color: #3382bb;font-weight: 500;font-size: 13px;}
.ui-app-permission .ui-chart-select.dropdown-toggle::after{position: inherit !important;}
.ui-option-select{width: auto !important;}
.ui-divider { float: left; width: 100%;margin-bottom: 10px;}
.ui-option-select .dropdown-menu.show{min-width: 9rem !important;padding-bottom: 0px !important;}
.ui-option-select .dropdown-menu .ui-checkbox{padding: 0px 10px 8px 25px !important;}
.ui-chart-2 .ui-chart-header{margin: 0px auto 10px !important;}
body.ui-login-page, html {height: 100%;}
body.ui-login-page {background-image: url(/contents/images/imgpsh_fullsize_anim.png);background-repeat: no-repeat;background-size: 100%;width: 100%;display: table !important;}
.ui-login-page .website-link{width: 100%;text-align: center;float: left;color: #337ab7;font-size: 12px;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 500;}
.ui-login-page input {outline: none;border: none;}
.ui-login-page textarea {outline: none;border: none;}
.ui-login-page textarea:focus, input:focus {border-color: transparent !important;}
.ui-login-page button {outline: none !important;border: none;background: transparent;}
.ui-login-page button:hover {cursor: pointer;}
.ui-login-page .txt1 {font-family: Lato-Medium;font-size: 14px;line-height: 1.4;color: #337ab7;text-decoration: none;}
.ui-login-page .forgot_pw{text-align: center;margin-top: 10px;}
.ui-login-page .txt2 {font-size: 19px;line-height: 1.4;color: #3c4852;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;}
.ui-login-page .maintenance{text-align: center;padding-top: 9px;line-height: 12px;color: #646464;padding-left: 23px;padding-right: 23px;background-color: rgba(233, 232, 231, 0.5);padding-bottom: 10px;}
.ui-login-page .login-form-design2 {
    padding-bottom: 14px;
    background: #ffffff;
    width: 100%;
    margin: 0 auto;
}
.ui-login-page .System-Maintenance{font-size: 12px !important;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 400;}
.ui-login-page .text-style-2{font-weight: bold;}
* {margin: 0px; padding: 0px; box-sizing: border-box;}
.ui-login-page .text-style-1{width: 100%;display: inline-block;text-align: center;color: #e22424;}
.ui-login-page .limiter {width: 100%;margin: 0 auto;}
.ui-login-page .container {width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;background: #f2f2f2;display: table-cell !important;vertical-align: middle !important;background: transparent !important;}
.ui-login-page .wrap {width: 100%;background: #fff;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items: stretch;flex-direction: row-reverse;}
.ui-login-page .login-more {width: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;z-index: 1;background-size: cover;background-position-x: 0px;padding-right: 50px;}
.ui-login-page .social-icons{position: relative;top: 40px;left: 40px;}
.ui-login-page .social-icons a{padding-right: 5px;}
.ui-login-page .login-more::before {content: "";display: block;position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.1);}
.ui-login-page .login-form {width: 50%;min-height: 100vh;display: block;background-color: transparent;}
.ui-login-page .login-form-title {width: 100%;display: block;font-size: 30px;color: #333333;line-height: 1.2;position: relative;left: 31px;}
.ui-login-page .wrap-input {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items: flex-end;width: 100%;height: 53px;position: relative;border: 1px solid #e6e6e6;border-radius: 4px;margin-bottom: 33px;}
.ui-login-page .input {display: block;width: 100%;background: transparent;font-size: 18px;color: #555555;line-height: 1.2;padding: 0 26px;}
.ui-login-page input.input {height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.ui-login-page .input:focus + .focus-input {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ui-login-page .input:focus {height: 48px;}
.ui-login-page .input:focus + .focus-input + .label-input {top: 14px;font-size: 13px;}
.ui-login-page .has-val + .focus-input + .label-input {top: 14px;font-size: 13px;}
.ui-login-page .input-checkbox:checked + .label-checkbox::before {color: #6675df;}
.ui-login-page .container-login-form-btn {width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;}
.ui-login-page .login-form-btn {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;padding: 0 20px;width: 100%;height: 40px;border-radius: 4px;background: #1f3966;margin-top: 4px;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;font-size: 16px;color: #fff;line-height: 1.2;text-transform: uppercase;letter-spacing: 1px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.ui-login-page .validate-input {position: relative;}
.ui-login-page .find-us{font-size: 12px;text-align: center;color: #ababab;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 500;width: 71px;text-align: center;display: inline-block;background: #fff;}
.ui-login-page .find-over{text-align: center;position: relative;top: -12px;}
.ui-login-page .border-findus{border-bottom: 1px solid #e7e8e9;padding-top: 23px;}
.ui-login-page .login_design_2 .wrap-input{border-bottom: 2px solid #c4c4c4 !important;border: none;border-radius: 0px;}
.ui-login-page .login2_wrap{padding: 59px 72px 59px 72px;background: #ffffff !important;border-radius: 5px;box-shadow: 0 4px 8px 0 rgb(31 57 102 / 12%);}
.ui-login-page .login2_wrap .login-more::before{background: transparent;}
body.ui-login-page{padding: 100px 147px 100px 151px;background-size: 100% 100%;background-repeat: no-repeat;}
.ui-login-page .login_design_2{padding-left: 92px;}
.ui-login-page .login-form-padding_2{background: #fff;padding: 58px 0px 30px 0px;border-radius: 5px;margin-top: 8px;}
.ui-login-page .wrap.login2_wrap .input{padding: 0px !important;font-size: 14px;}
.ui-login-page .description{font-style: oblique;line-height: 1.25;color: #337ab7;font-family: 'AvenirLTStd-65';font-weight: 500;font-size: 20px;width: 65%;}
.ui-login-page .title-txt span{font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;font-size: 28px;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #3c4852;}
.ui-login-page .find_more button a{font-size: 14px !important;text-decoration: none !important;}
.ui-login-page .find_more button{width: 194px;height: 45px;flex-grow: 0;margin-top: 10px;font-size: 20px;font-weight: 800;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: center;color: #fff;font-family: Lato-Black;border-radius: 25px;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);background-color: #feffff;color: #337ab7;padding: 6px 20px;}
.ui-login-page .login-form-title img{width: 190px;}
.ui-login-page .social-icons_2{position: relative;text-align: center;}
.ui-login-page .wrap.login2_wrap .login-form-title{width: 50%;float: left;position: inherit;}
.ui-login-page .social-icons_2 img{width: 45px;margin: 0px 3px;}
.ui-login-page .login-form-padding_2 .wrap-input{margin-bottom: 12px !important;height: 50px !important;}
.ui-login-page .login-image img{width:90%;}
.ui-login-page .login-image{text-align: center;width: 100%;}
.ui-login-page .login-form-padding_2 input::placeholder{color: #606060;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;}
.ui-login-page .login-form-padding_2 .login-form-btn{margin-top: 40px;height: 45px !important;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;}
.ui-login-page .title-txt{margin-bottom: 20px;width: 75%;}
.ui-login-page .login-form {min-height: auto !important;}
.ui-login-page .login_screen_2 .container{min-height: auto !important;}
.ui-login-page .login-form-btn{cursor: pointer;}
.lock-image {text-align: center;float: left;width: 100%;}
.lock-image img {width: 110px;}
.login_design_2 .modal-content {font-size: 14px;}
.mobile-right img {height: 180px;}
.otp-box input {border: none;width: 32px;height: 24px;border: none !important;border-radius: 3px;box-shadow: 0 4px 4px 0 rgb(0 0 0 / 15%);background-color: #fff;margin: 0 7px 0 0;}

.ui-checkbox.custom-checkbox input { min-height: 20px; margin-bottom: 0; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: middle; position: relative; padding-left: 10px;width:auto !important;}
.ui-checkbox.custom-checkbox input::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 17px; top: 0px; margin-left: -20px; border: 2px solid #ababab; border-radius: 3px; background-color: #fff;}
.ui-checkbox.custom-checkbox input::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #337ab7;}
.ui-checkbox.custom-checkbox input[type="checkbox"]:checked::after { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 4px;border-bottom: 3px solid #337ab7; border-right: 3px solid #337ab7; left: 24.5px; top: 4px;}
.ui-checkbox.custom-checkbox input[type="checkbox"]:checked::before { border: 2px solid #337ab7; background-color: #f6f8fb;}
.ui-checkbox.custom-checkbox input[type="checkbox"]{ opacity: 1; left: -17px; margin-left: 0px !important; height: 22px;}
.ui-checkbox.custom-checkbox label{ padding-left: 5px;}
.ui-checkbox.custom-checkbox label::before{ display: none;}

.breakwords td span{max-width: -webkit-fill-available;word-break: break-word;}
.ui-data-table td{font-size: 12px !important;}
.ui-data-table th.sorting::after{right: 0.5em;content: "↓";position: absolute;bottom: 1em;display: block;opacity: 0.3;cursor: pointer;}
.ui-data-table th.sorting::before{right: 1em;content: "↑";position: absolute;bottom: 1em;display: block;opacity: 0.3;cursor: pointer;}
.sorting{position: relative;padding-right: 25px !important;}
.ui-data-table th, .ui-data-table td{padding: 10px 5px;vertical-align: middle;}
/* .ui-filter-search i { position: relative; top: 0px !important;} */
.ui-data-table table tbody tr{border-bottom: 1px solid #dee2e6;}
.ui-data-table table tbody tr:last-child{border-bottom:none !important;}
.ui-data-table.bordered th, .ui-data-table.bordered td, .ui-data-table.bordered .table-bordered { border: 1px solid #bdbdbd !important;}
.ui-data-table.bordered table tr:last-child td table td { border: none !important;}
.ajax__tab_body .ajax__tab_panel table td a{color: #242424 !important;}
.ui-sys-parameter .ui-checkbox-table td{line-height: 24px !important; font-size: 14px !important;}
.ui-sys-parameter .col-lg-5 .table.table-bordered.ui-table{border-style: hidden !important;box-shadow: 0 0 0 1px #ababab !important;border-radius: 5px !important;}
.ui-include-days{padding-bottom: 0.5rem!important;padding-top: 0.5rem!important;}
.ui-sys-parameter .col-lgg-1-5 .ui-checkbox label{padding-left: 0px !important;}
.ui-sys-parameter .ui-checkbox.checkbox-inline label{font-size: 14px !important;font-weight: 700 !important;}
.ui-sys-parameter .ui-sys-tab-leavesetting table td{width: 100% !important;display: block !important;margin-bottom: 5px !important;}
.ui-sys-parameter .ui-sys-tab-leavesetting h4{font-size: 18px !important; font-weight: 900 !important;}
.ui-sys-tab-phdaysetting h4{font-size: 18px !important; font-weight: 900 !important;}
.ui-sys-tab-attsetting h5{font-size: 18px !important; font-weight: 900 !important;}
.ui-sys-parameter .ui-sys-tab-setting h4{font-size: 18px !important; font-weight: 900 !important;}
.ui-sys-parameter .ajax__tab_tab > span{padding: 0px 13px !important;}
.ui-sys-parameter .ajax__tab_default .ajax__tab_tab { overflow: inherit !important;}
.ui-calender-es > thead > tr > th {font-size: 12px !important;font-weight: 900;text-align: center;}
.ui-calender-es tbody > tr > td {background-color: #f6f8fb;}
.ui-calender-es tbody table td{border: none !important;}
.ui-calender-es tbody td{padding: 0.3rem !important;}
.ui-calender-es thead tr th{padding: 0.5rem !important;}
.ui-calender-es tbody table td select{padding: 0px !important;}
.ui-table-sticky-header thead{position: sticky;top: 0; z-index: 9;}
.ui-shift-batchupdate table td{width:70px !important;}
.ui-checkbox .ui-shift-batchupdate tr td{width:70px !important;font-size: 14px !important;}
.ui-checkbox .ui-shift-batchupdate tr td label{padding-left: 5px !important;}
.ui-checkbox .ui-shift-batchupdate tr td label::after{left: 7px !important;top: 3.8px !important;}
.ui-checkbox .ui-shift-batchupdate tr td label::before{left: 0 !important;top: 0px !important;}
/* .ui-checkbox.ui-shift-checkbox-days td label{padding-left: 0px !important;} */
.ui-checkbox.ui-shift-checkbox-days td{width: 110px;}
.ui-checkbox.ui-shift-checkbox-days td label::before{top: 0px !important;}
.ui-checkbox.ui-shift-checkbox-days td label::after{left: 6.5px !important; top: 3.8px !important;}
.ui-adv-setting-content .ui-vertical-scroll-table { height: 250px; overflow-y: auto !important;}
.ui-adv-setting-content .ui-vertical-scroll-table th a{color: #323232 !important;}
.ui-shift-batchupdate td span input{width: auto !important;}
.ui-adv-setting-header a{color:#323232 !important;}
#ContentPlaceHolder1_divEdit #ContentPlaceHolder1_Panel1{position: fixed;z-index: 100001;left: 0px !important;top: 0px !important;width: 100% !important;height: 100% !important;background: #00000038 !important;}
.ui-checkbox.radio.prorate-leave input[type="radio"]:checked + label::after{background-color: #abb0b7 !important;}
.ui-checkbox.radio.prorate-leave input[type="radio"]:checked + label::before{border: 2px solid #abb0b7 !important;}
.ui-sys-tab-emailformat .icon.icon-info-yellow{position: relative;top: 2px;}
.ui-bg-white{background-color: #ffffff !important;}
.ui-clocklocationshift .ajax__tab_outer a{overflow: inherit !important;}
.ui-calender-bs .ui-heading-center th{text-align: center !important;}
.ui-calender-bs .ui-heading-center th span{font-weight: 900 !important;}
.ui-calender-bs .ui-heading-center th a{color: #323232 !important;}
.ui-atd-newtab-head{border: 1px solid #dee2e6;border-bottom: none !important;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.ui-atd-newtab-content{border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;border-bottom-right-radius: 5px !important;border-bottom-left-radius: 5px !important;}
.ui-rounded-0 { border-radius: 0px !important;}
.dataTables_wrapper>.row .col-md-6 { min-height: 0px;}
.ui-calender-es > tbody > tr > th{text-align: center;}
.ui-calender-es tbody > tr > td{text-align: right;}
.ui-ws-jqgrid .ui-jqgrid{width: 100% !important;}
.ui-ws-jqgrid .ui-jqgrid-view {width: 100% !important;}
.ui-ws-jqgrid .ui-jqgrid-hdiv.ui-state-default{width:100% !important;}
.ui-ws-jqgrid .ui-jqgrid-bdiv{width:100% !important;}
.ui-ws-jqgrid .ui-jqgrid-pager.ui-state-default.ui-corner-bottom{width:100% !important;}
.ui-ep-card-align .col-lg-3.col-md-6{max-height: 150px; min-height: 140px;}
.ui-ep-card-align .col-lg-3.col-md-6 .card.ui-rounded-5{min-height: 130px;max-height: 130px;}
.ui-ep-table-lastrow tr:nth-last-child(-n+3){border-bottom:none !important;}
.ui-lr-0{border-top-left-radius: 0px !important;border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 0px !important;}
.ui-userchoose-btn .custom-file-label{width: 43px;height: 35px;color: #fff;background-color: #1f3966;border: 1px solid #1f3966; cursor: pointer;}
.ui-userchoose-btn{width: 45px !important;float: left !important;}
.ui-userchoose-btn .custom-file .custom-file-label::after{display: none !important;}
.ui-weekpick-arrow{position: relative;}
.ui-weekpick-arrow .previous-weekPickDiv{position: absolute;left: -10px;top: 25px;}
.ui-weekpick-arrow .next-weekPickDiv{position: absolute;right: -10px;top: 25px;}
.ui-weekpick-arrow input{width:100% !important;}
.ui-form-title .ui-popover span{font-size: 14px !important;}
.ui-mainline .card.d-block .card-body .fa-solid {margin-right: 10px !important;}
.ui-pay-sf .border-bottom{border-bottom: 1px dotted #dee2e6!important;}
.ui-pay-sf.ui-data-table table tbody tr:last-child{border-bottom: 1px solid #dee2e6 !important;}
.ui-emp-leave-report .ui-checkbox input{display: none !important;}
.ui-top-minus-5{top:-5px;}
.ui-radiolist-space{width: 300px !important;}
.ui-radiolist-space_1{width: 120px !important;}
.ui-insurance-radio td{width: 100%;float: left;padding-left: 25px;}
.ui-left-tab-arrow a.active::after {content: "";position: absolute;top: 25px;left: 100%;height: 0;width: 0;border: 22px solid transparent;border-right-width: 0;z-index: 1;border-left-color: #007bff;margin: 0;}
.ui-left-tab-arrow a{min-height: 98px !important;display: flex;align-items: center!important;font-size: 16px !important;}
.handsontableInputHolder .autocompleteEditor.handsontable{padding-right: 0px !important;}
.htMenu.htDropdownMenu.handsontable .ht_master.handsontable .wtHolder{height: auto !important;overflow-y: hidden !important;}
.EmpBg{background-color: #eaeaea !important;}
.ActualBg{background-color: #fec7cc !important;}
.RequestedBg{background-color: #c7d2fe !important;}
.ApproverBg{background-color: #fef5c7 !important;}
.ui-ep-btn-tab input{color: #ffffff !important;}
.ui-ep-btn-tab .Selected{background-color: #1f3966 !important;border-radius: 0px !important;}
.input-group.ui-userchoose-btn .custom-file input::-webkit-file-upload-button{background: transparent;border: none;color: transparent;}
.input-group.ui-userchoose-btn .custom-file input{z-index: 999; cursor: pointer;}
.ui-dont-show label{font-weight: 900;}
.multiselect-native-select .multiselect {border: solid 1px #c4c4c4 !important;}
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show li label{padding-left: 10px !important;padding-right: 10px;}
.pt-10, .py-10{padding-top: 10rem!important;}
.lstBoxReportColumns{padding-left: 10px !important;}
.ui-user-access-tabs {overflow: auto !important;}
.app-menu-desktop.infoMenuStyle > ul {margin-top: 15px;}
li.nav-item.ui-cus-name {max-width: 500px;}
.ui-table-space td{width: 100px !important;}

@media screen and (min-width: 1200px) and (max-width: 1550px) { 
.ui-sys-parameter .ui-shiftbased{flex: 0 0 23% !important; max-width: 23% !important; padding-right: 10px !important; padding-left: 15px !important;}
.ui-sys-parameter .ui-fixnrm{flex: 0 0 10.333333% !important; max-width: 10.333333% !important; padding-right: 10px !important; padding-left: 10px !important;} .ui-sys-parameter .ui-showupto{flex: 0 0 15.666667% !important; max-width: 15.666667% !important; padding-right: 10px !important; padding-left: 10px !important;} .ui-sys-parameter .ui-fixlunch{flex: 0 0 10.333333% !important; max-width: 10.333333% !important; padding-right: 10px !important; padding-left: 10px !important;} .ui-sys-parameter .ui-otpreset{flex: 0 0 22% !important; max-width: 22% !important;padding-right: 10px !important; padding-left: 10px !important;} .ui-sys-parameter .ui-override{flex: 0 0 15.666667% !important; max-width: 15.666667% !important;padding-right: 10px !important; padding-left: 10px !important;}
}
@media screen and (min-width: 760px) and (max-width: 1249px){.ui-table-paydaygroup{width: 600px; margin:0 auto;}}
@media screen and (min-width: 1250px) and (max-width: 1299px){.ui-table-paydaygroup{width: 1100px;margin:0 auto;}}
@media screen and (min-width: 1300px) and (max-width: 1339px){.ui-table-paydaygroup{width: 1100px;margin:0 auto;}}
@media screen and (min-width: 1340px) and (max-width: 1399px){.ui-table-paydaygroup{width: 1200px;margin:0 auto;}}
@media screen and (min-width: 1400px) and (max-width: 1439px){.ui-table-paydaygroup{width: 1250px;margin:0 auto;}}
@media screen and (min-width: 1440px) and (max-width: 1500px){.ui-table-paydaygroup{width: 1300px;margin:0 auto;}}
@media screen and (min-width: 1501px) and (max-width: 1550px){.ui-table-paydaygroup{width: 1350px;margin:0 auto;}}
@media screen and (min-width: 1551px) and (max-width: 1650px){.ui-table-paydaygroup{width: 1400px;margin:0 auto;}}
@media screen and (min-width: 1651px) and (max-width: 1750px){.ui-table-paydaygroup{width: 1500px;margin:0 auto;}}
@media screen and (min-width: 1751px) and (max-width: 1850px){.ui-table-paydaygroup{width: 1600px;margin:0 auto;}}
/* Gokul R Css Ends */

/* Lokesh Css start*/
.ui-btn.disabled, .ui-btn[disabled], fieldset[disabled] .ui-btn { cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
input.form-control[type="password"]:disabled{border: solid 1px #e9e8e7;background-color: rgba(196, 196, 196, 0.25);}
/* Lokesh Css end */

/* sravani CSS start */
.combodropdownicon > i {color: #fff !Important;display: block;margin: 0px;padding: 0px;z-index: 1;position: absolute;top: 0px;right: 0px;width: 34px;height: 35px;font-size: 20px;text-align: center;background-color: rgb(51, 122, 183);line-height: 30px;font-weight: bold;border-radius: 0px 5px 5px 0px;}
.ui-color-blue {color: #357ab7;}
.ui-table-nopadding{margin-bottom: 0px !important;}
.ui-table-nopadding td{padding: 1px 10px !important;}
.form-control-sm{border: 1px solid #656667;}
.inputpicker-wrapped-list .table .thead{ background-color:#efefef; color: black; font-weight: 700;} 
.inputpicker-wrapped-list .inputpicker-active{ background-color: #f6f8fb !important;} 
.ui-wizard-header ul li a:hover { position: relative; padding: 10px 20px; color: #ffffff !important; font-weight: 500; background-color: #337ab7; border-color: #337ab7; display: block;}
.ui-height-325{height: 325px !important;}
.ui-table-tx{color: White;font-size: 13pt;font-weight: bold;width: 100%;border-collapse: collapse;}
.ui-month-tx{width:70%;}
.ui-prevnext{color: White;font-size: 11pt;font-weight: bold;width: 15%;padding: 10px;}
.ui-prevnext a{color:white;}
.ui-week{color: #333333;background-color: #CCCCCC;font-size: 10pt;font-weight: bold;height: 20pt; text-align:center}
.ui-day-tx{color: black;background-color: #EBEBEB;border-color: #D2D2D2;height: 100px;width: 14%;}
.ui-weekend-tx{background-color: Azure;width: 14%;border-color: #D2D2D2;}
.ui-pending{background-color: #fbb900 ;}
.ui-success{background-color: rgb(64,143,2);}
.ui-reject{background-color: rgb(134,134,134);}
.ui-width-150{width:150px;}
.ui-width-110{width:110px;}
.entry-title{font-weight: 800;padding-bottom: 10px;}
.pull-right{float: right;}
.ajax__htmleditor_editor_default .ajax__htmleditor_editor_editpanel {border-width: 0px;border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;padding: 10px;}
#ContentPlaceHolder1_rblTotal tr td {display: revert;padding-right: 1rem!important;}
#ContentPlaceHolder1_rblTotal tr {display: contents;}   
/* sravani Css End */

/* Ui Charts */
.ui-chart-header { margin: 0px auto 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.ui-chart-header .ui-chart-tabs .btn-group { border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08); background-color: #fff;}
.ui-chart-header h4 { margin: 0px auto; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 800; line-height: 1.43; letter-spacing: 0.14px; text-align: center; color: #2c393a;}
.ui-chart-header .ui-chart-tabs .btn-group button { padding: 10px 15px; border: none;}
.ui-chart-header .ui-chart-tabs .btn-group button i { display: block; width: 18px; height: 18px; background-size: 18px !important;}
.ui-chart-header .ui-chart-tabs .btn-group button:hover, .ui-chart-actions button:hover { transform: translateY(0px); border: none;}
.ui-chart-header .ui-chart-tabs .btn-group button.active { background-color: #f6f8fb;}
.ui-chart-header .ui-chart-tabs .btn-group button.active i.icon-bar-chart { background: url(../img/icons/bar-chart-blue.svg) no-repeat;}
.ui-chart-header .ui-chart-tabs .btn-group button.active i.icon-bar-chart-2 { background: url(../img/icons/bar-chart-blue-2.svg) no-repeat;}
.ui-chart-actions { margin: 0px -3px;}
.ui-chart-actions button { margin: 0px 3px; padding: 5px 2px; border: none;}
.ui-chart-actions button i { display: block; width: 20px; height: 20px; background-size: 20px !important;}
.ui-chart-body { margin: 0px auto 10px;}
.ui-chart-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ui-chart-footer legend { margin: 0px; display: inline-block; font-family: 'Lato',sans-serif; font-size: 8px; font-weight: 600; line-height: 2.5; letter-spacing: 0.08px; color: #2c393a; position: relative; text-align: center;}
.ui-chart-footer legend::before { content: ''; margin: 0px 8px 0px 0px; display: inline-block; width: 6px; height: 6px; background-color: #1f3966;}

/* Widgets */
.ui-card { margin: 0px 0px 25px; border-radius: 8px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); background-color: #fff; position: relative; border: solid 1px #e9e8e7;}
.ui-app-permission { width: 240px; position: relative;}
.ui-app-permission .dropdown-toggle { display: block; padding: .7039rem 0.75rem; font-size: 14px; color: #242424; font-weight: 500; text-align: left; border: solid 1px #ababab; width: 100%; background-color: rgba(246, 248, 251, 0.9);}
.ui-app-permission .dropdown-toggle::after { position: absolute; right: 15px; top: 20px;}
.ui-app-permission .dropdown-toggle:hover { transform: translateY(0px);}
.ui-app-permission .dropdown-toggle:hover::after { right: 15px; top: 20px;}
.ui-app-permission .dropdown-menu { left: 0px; right: 0px;}
.ui-app-permission .dropdown-menu .ui-checkbox { padding: 8px 20px 8px 35px; display: block; font-size: 14px; cursor: pointer; position: relative;}
.ui-app-permission .dropdown-menu .ui-checkbox input[type="checkbox"] { width: 100%; top: 0px; left: 0px; height: 100%; margin: 0px; cursor: pointer;}
.ui-two-divided-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.ui-two-divided-row .col+.col { border-left: 1px solid #c4c4c4;}
.ui-filter-search { max-width: 579px; width: 100%; display: -ms-flexbox; display: flex; margin-left: auto;}
.input-group-append { position: relative;}
.ui-filter-search input { font-size: 14px; font-weight: 500; background-color: #fff !important; text-transform: uppercase; }
.ui-filter-search input:focus { box-shadow: none;}
.ui-filter-search input::placeholder { color: #ababab; text-transform: uppercase;}
.ui-filter-search i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.ui-filter-search .ui-btn { border: none; border-bottom-left-radius: 0px; border-top-left-radius: 0px; width: 28px;}
.ui-filter-search .ui-btn:hover { border: none; transform: translateY(0px); border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.ui-selected-list { padding: 6px 12px; border: 1px solid #c4c4c4; border-radius: 8px; min-height: 100px;}
.ui-tag { margin: 6px 2px; padding: 0px 12px; display: inline-block; font-size: 12px; line-height: 24px; font-weight: 500; border-radius: 5px; background-color: rgba(51, 122, 183, 0.1); position: relative;}
.ui-tag .tag-close { margin-left: 10px; padding: 0px; font-size: 16px; opacity: .5; border: none; cursor: pointer; background-color: transparent;}
.ui-tag .tag-close:hover { opacity: 1;}
.ui-tag .tag-close:focus { outline: none;}
.ui-profile-thumb { position: relative;}
.ui-profile-thumb figure { display: block; width: 120px; height: 145px; background: url(../img/profile-default.png) no-repeat; background-size: cover; background-position: center; border-radius: 8px; border: 1px solid #bcbcbc;}
.ui-profile-thumb figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}

/* UI Border Properties */
.ui-border { border: solid 1px #e9e8e7;}
.ui-border-left { border-left: solid 1px #ababab;}
.ui-border-right { border-right: solid 1px #ababab;}
.ui-border-muted { border: solid 1px #ababab;}
.ui-border-bottom { border-bottom: solid 1px #ababab;}
.ui-rounded-2 { border-radius: 2px !important;}
.ui-rounded-3 { border-radius: 3px !important;}
.ui-rounded-4 { border-radius: 4px !important;}
.ui-rounded-5 { border-radius: 5px !important;}
.ui-rounded-6 { border-radius: 6px !important;}
.ui-rounded-8 { border-radius: 8px !important;}
.ui-rounded-10 { border-radius: 10px !important;}
.ui-rounded-100 { border-radius: 100% !important;}


/* UI Background Properties */
.ui-bg-blue { background-color: rgb(51, 122, 183);}
.ui-bg-yellow { background-color: #f9cd5e;}
.ui-bg-navi { background-color: #41577d;}
.ui-bg-theme { background-color: #1f3966;}
.ui-bg-red { background-color: #d97777;}
.ui-bg-red-light { background-color: rgba(217, 119, 119, 0.12);}
.ui-bg-red-light-light { background-color: rgba(255, 0, 0, 0.12);}
.ui-bg-yellow-light { background-color: rgba(246, 183, 25, 0.12) !important;}
.ui-bg-purple-light { background-color: rgba(91, 71, 133, 0.12);}
.ui-bg-bluemine-light { background-color: rgba(25, 95, 119, 0.12);}
.ui-bg-blue-light { background-color: rgba(51, 122, 183, 0.1);}
.ui-bg-light { background-color: #efefef;}
.ui-bg-light-2 { background-color: #f6f8fb;}
.ui-bg-light-red{background-color: #ff00008c;}
.ui-bg-upcoming { background-color: #ffa500 !important;}
.ui-bg-ongoing { background-color: #ffff00 !important;}
.ui-bg-completed { background-color: #008000 !important;}
.ui-bg-orange-light { background-color: #ffeadf !important;}
.ui-bg-success-light { background-color: #e7fde1 !important;}
.ui-bg-purple-light { background-color: #ffeadf !important;}
.ui-bg-pink-light { background-color: #ffb5ef !important;}
.ui-bg-green-light { background-color: #c7f6b6 !important}
.clsOTDiff { background-color: #ffd700 !important;}
.htUIMultipleSelectHot.handsontable { overflow-y: auto !important;}

/* UI Navigation */
.ui-fill-nav { background-color: #337ab7; margin: 0px; padding: 0px; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.ui-fill-nav li { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 16.666667%;}
.ui-fill-nav li a { padding: 0px; display: block; text-align: center; font-size: 16px !important; line-height: 48px; font-weight: 500 !important; color: #fff !important;}
.ui-fill-nav li a:hover { color: #fff !important; background-color: #1f3966 !important; border: none !important;}
.ui-fill-nav li a.active, .ui-fill-nav ul li a.active:hover { color: #fff !important; font-weight: 900; background-color: #1f3966 !important; border: none;}
.nav-tabs .nav-link { border: none; border-radius: 0px !important; color: #242424; font-weight: 500; opacity: 1; border-bottom: 3px solid transparent !important;}
.nav-tabs .nav-link.active { font-weight: 900; border-bottom: 3px solid #4886bc !important;}
.ui-tab-nav { margin: 0px; padding: 0px; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e9e8e7;}
.ui-tab-nav li a { padding: 0px 25px; display: block; text-align: center; font-size: 16px; line-height: 48px; font-weight: 500; color: #242424;}
.ui-tab-nav li a.active, .ui-tab-nav li a.active:hover { font-weight: 900; border-bottom: 3px solid #4886bc !important; opacity: 1;}
.ui-tab-nav li a:hover { opacity: .8;}
.ui-nav-btn li a { font-size: 16px; font-weight: 500; color: #242424;}
.ui-nav-btn li a.active, .ui-nav-btn li a.active:hover { font-weight: 900; background-color: #1f3966 !important;}
.emp-edit-tab .nav-item { display: none;}
.emp-edit-tab .nav-item.active { display: block !important;}
.highlight { background-color: #e6eef6;}
.ui-tabs-left { border-bottom: none;}
.ui-tabs-left>li { display:block; width: 200px;}
.tabVertical .ajax__tab_header { background-color: #337ab7; margin: 0px; padding: 0px; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; border-bottom: none;}
.tabVertical>.ajax__tab_header span { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 16.666667%; text-align: center; line-height: 51px;}
.tabVertical .ajax__tab_outer, .tabVertical .ajax__tab_inner, .tabVertical a span { display: block; max-width: 100% !important; padding: 0px;text-align: center; color: #fff;}
.tabVertical .ajax__tab_active a > span { border-bottom: none; background-color: #1f3966;}
.tabVertical a span:hover { background-color: #1f3966; opacity: 1;}
.ajax__tab_outer { display: block;}
.ajax__tab_inner { display: block;}
.ajax__tab_tab { display: block; line-height: 48px;}
.ajax__tab_tab > span { display: block; font-size: 16px; font-weight: 500; padding: 0px 15px; color: #242424; border-bottom: 3px solid transparent;}
.ajax__tab_tab > span:hover { opacity: .8;}
.ajax__tab_active a > span { font-weight: 900; border-bottom: 3px solid #4886bc;}
.ajax__tab_active a > span:hover { opacity: 1;}
.ajax__tab_body .ajax__tab_header {background-color: transparent !important;}
.ajax__tab_header { border-bottom: 1px solid #e9e8e7 !important; height: 51px;}
.ajax__tab_body>span, .ajax__tab_header>span { display: inline-block;}
.tabVertical .ajax__tab_body .ajax__tab_active a > span { font-weight: 900; background-color: transparent !important; border-bottom: 3px solid #4886bc; opacity: 1;}
.tabVertical .ajax__tab_body a span { padding: 0px 15px; color: #242424; font-size: 14px; font-weight: 500; text-transform: capitalize; max-width: 100% !important; border-bottom: 3px solid transparent;}
.tabVertical .ajax__tab_body a span:hover { background-color: transparent !important; opacity: .8;}
.ui-form-title span { font-size: 18px; font-weight: 500;}
.gk-checkbox label { font-weight: normal;}
.ajax__tab_default .ajax__tab_tab, .ajax__tab_default .ajax__tab_inner, .ajax__tab_default .ajax__tab_outer { display: block !important;}
.hide { display: none !important;}
.fullscreen { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; background: #D0DFEA; z-index: 99999 !important; background: rgba(237, 233, 233, 0.5);}
.centered { width: 100px; background-color: transparent !important; padding: 10px; height: 100px; position: absolute; margin-top: -50px; margin-left: -50px; top: 50%; left: 50%;}
.ui-wizard-header ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; background-color: #337ab7;}
.ui-wizard-header ul li { position: relative; padding: 0; max-width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center;}
.ui-wizard-header ul li a { position: relative; padding: 10px 20px; color: #ffffff; font-weight: 500; background-color: #337ab7; border-color: #337ab7; display: block;;}
.ui-wizard-header ul li::after, .ui-wizard-header ul li > *::after { content: ""; position: absolute; top: 0; left: 100%; height: 0; width: 0; border: 22px solid transparent; border-right-width: 0;}
.ui-wizard-header ul li a::after { z-index: 1; border-left-color: #337ab7; margin: 0;}
.ui-wizard-header ul li a.currentStep { background-color: #1f3966;}
.ui-wizard-header ul li a.currentStep::after { border-left-color: #1f3966;}
.ui-wizard-header ul li:last-child a:after, .ui-wizard-header ul li:last-child:after { content: ""; border: none;}
.ui-wizard-header .nav-tabs .nav-link { color: #fff; border-bottom: none !important;}
.ui-wizard-header .nav-tabs .nav-link.active { border-bottom: none !important; color: #fff; background-color: #1f3966;}
.ui-wizard-header .nav-tabs .nav-link.active::after { border-left-color: #1f3966;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link label { margin: 0px;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link div { font-size: 13px;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link { padding: 5px 5px 5px 20px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
.ui-wizard-header.ui-custom-wizard ul li::after { border: 30px solid transparent; border-left-color: #fff; left: 100%; z-index: 1; top: -3px;}
.ui-wizard-header.ui-custom-wizard ul li > *::after { border: 27px solid transparent; z-index: 2;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-warning::after { border-left-color: #ffc107;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-warning:hover::after { border-left-color: #d39e00;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-danger::after { border-left-color: #dc3545;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-danger:hover::after { border-left-color: #bd2130;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-success::after { border-left-color: #28a745;}
.ui-wizard-header.ui-custom-wizard .nav-tabs .nav-link.bg-success:hover::after { border-left-color: #1e7e34;}
.w-75p { width: 75px;}
/* Tables */
.table-borderless { border: none !important;}
.ui-table th { font-size: 12px; font-weight: 900; color: #323232; vertical-align: middle; border: none !important;}
.ui-table td { font-size: 12px; font-weight: 500; color: #323232; vertical-align: middle;}
.ui-data-table th > a { color: #323232;}
.ui-table-border { border: solid 1px #c4c4c4;}
.ui-table th+th { border-left: 2px solid #fff !important;}
input.form-control[type="text"]:disabled, .datepicker input.form-control[type="text"]:disabled,input.form-control[type="number"]:disabled, input.form-control[type="text"]:read-only, .datepicker input.form-control[type="text"]:read-only, input.form-control[type="number"]:read-only { border: solid 1px #e9e8e7; background-color: rgba(196, 196, 196, 0.25) !important;}
.input-group-addon.disabled { cursor: default; background-color: #c4c4c4;}
.ui-table-sort { border: solid 1px #c4c4c4;}
.ui-table-sort thead { width: 100%;}
.ui-table-sort th, .ui-table-sort td { padding: 5px 10px; font-size: 14px; font-weight: 900; color: #323232; position: relative; border: none !important}
.ui-table-sort th.sort::before, .ui-table-sort th.sort::after { border: 0.35em solid transparent; content: ''; height: 0; position: absolute; right: 0.65em; top: 50%; transform: translateY(-50%); transition: border-color 0.2s ease-in-out; width: 0; cursor: pointer; opacity: .5;}
.ui-table-sort th.sort::before { content: ''; border-top: 0; margin-top: -0.30em; border-bottom-color: rgb(0, 0, 0);}
.ui-table-sort th.sort::after { content: ''; border-bottom: 0; border-top-color: rgb(0, 0, 0); margin-top: 0.30em;}
.ui-table-sort th.sort:hover::before, .ui-table-sort th.sort:hover::after { opacity: 1;}
.ui-table-sort th+th { border-left: 2px solid #fff !important;}
.ui-table-sort td { font-weight: 500;}
.ui-table-sort .ui-checkbox label::before { margin-left: 10px; width: 16px; height: 16px;}
.ui-table-sort .ui-checkbox input[type="checkbox"]:checked + label::after { height: 8px; width: 2px; border-bottom: 2px solid #337ab7; border-right: 2px solid #337ab7; left: 36px; top: 3px;}
.ui-table-sort .ui-checkbox input[type="checkbox"], .ui-table-sort .ui-checkbox input[type="radio"] { margin-left: 0px;}
.ui-table-sort .ui-checkbox label { padding-left: 0px;}
.ui-table-sort tr.selected { background-color: rgba(51, 122, 183, 0.05);}
.ui-table-rounded { border-radius: 8px; -moz-border-radius: 8px !important; border-collapse: separate; border-spacing: 0px;}
.ui-table-rounded th:first-child { border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0 !important;}
.ui-table-rounded th:last-child { border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0 !important;}
.ui-table-rounded tr:last-child td:first-child { border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px !important;}
.ui-table-rounded tr:last-child td:last-child { border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0 !important;}
.ui-data-table th, .ui-data-table td { padding: 10px; font-size: 12px; color: #323232; vertical-align: middle; border: none;}
.ui-data-table th { font-weight: 900; border-bottom: none !important;}
.ui-data-table td { font-size: 13px; font-weight: 500;}
.ui-data-table .dataTables_paginate td { padding: 5px;}
.ui-data-table tbody tr:hover { background-color: #f6f8fb;}
.ui-data-table th+th { border-left: 2px solid #fff !important;}
.ui-vertical-scroll-table { height: 250px; overflow-y: scroll;}
.ui-vertical-scroll-table::-webkit-scrollbar { width: 6px;}
.ui-vertical-scroll-table::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(51, 130, 187, 0.1); border-radius: 10px;}
.ui-vertical-scroll-table::-webkit-scrollbar-thumb { background: #606060; border-radius: 10px;}
.ui-vertical-scroll-table-537 { height: 537px; overflow-y: scroll;}
.ui-vertical-scroll-table-537::-webkit-scrollbar { width: 6px;}
.ui-vertical-scroll-table-537::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(51, 130, 187, 0.1); border-radius: 10px;}
.ui-vertical-scroll-table-537::-webkit-scrollbar-thumb { background: #606060; border-radius: 10px;}
.ui-vertical-scroll-table-537 tbody { height: auto !important;}
table:not(.gvEscapeformbackground) .form-control:not(.ui-bg-burlywood):not(.ui-bg-tomato):not(.ui-bg-darkkhaki):not(:disabled), table .ui-form .datepicker .form-control:read-only { background-color: #fff;} 
.ui-bg-burlywood, table .ui-bg-burlywood {background-color: #deb887 !important}
.ui-bg-tomato, table .ui-bg-tomato {background-color: #ff6347 !important}
.ui-bg-darkkhaki, table .ui-bg-darkkhaki {background-color: #bdb76b !important}
.table-borderless th { border: 0px !important;}
.ui-y-auto .table-responsive { height: 245px; overflow: hidden; overflow-y: auto;}
.ui-y-unset {overflow-y: unset !important;}
.ui-country-code { max-width: 135px;}
div.table-responsive > div.dataTables_wrapper > div.row .col-sm-12.col-md-6 { min-height: 0px;}
.ui-tooltip { position: relative; cursor: pointer; vertical-align: middle;}
.ui-tooltip i { vertical-align: super;}
.ui-popover { padding: 15px; color: #242424; font-size: 14px; font-weight: 500; border-radius: 6px; background-color: #fff3cd; min-width: 350px; box-shadow: rgb(0 0 0 / 10%) 1.95px 1.95px 2.6px; z-index: 999; max-height: 350px; overflow: hidden; overflow-y: auto;}
.ui-popover::-webkit-scrollbar { width: 8px;}
.ui-popover::-webkit-scrollbar-track { background: #d7c58d; border-radius: 10px;}
.ui-popover::-webkit-scrollbar-thumb { background: #7a6b3b; border-radius: 10px;}
.ui-popover { display: none;}
.ui-popover[data-show] { display: block;}
.ui-tooltip .arrow, .ui-tooltip .arrow::before { position: absolute; width: 8px; height: 8px; background: inherit; z-index: -1;}
.ui-tooltip .arrow { visibility: hidden;}
.ui-tooltip .arrow::before { visibility: visible; content: ''; transform: rotate(45deg);}
.ui-popover[data-popper-placement^='top'] > #arrow { bottom: -4px;} 
.ui-popover[data-popper-placement^='bottom'] > #arrow { top: -4px;}
.ui-popover[data-popper-placement^='left'] > #arrow { right: -4px;}
.ui-popover[data-popper-placement^='right'] > #arrow { left: -4px;}
.ui-popover table { border-collapse: collapse;}
.ui-popover table th { font-weight: 900;}
.ui-popover table th, .ui-popover table td { padding: 5px 10px; border: 1px solid #666; border-collapse: collapse;}
.ui-list-alpha { margin: 0px; padding: 0px 0px 0px 20px; list-style: lower-alpha;}
.ui-list-alpha li { margin: 0px 0px 10px; padding: 0px 0px 0px 5px; font-size: 15px; font-weight: 500; line-height: 24px;}
.ui-list-alpha li::marker { font-size: 16px;}
.ui-modal { max-width: 700px;}
.ui-modal-sm { max-width: 500px;}
.ui-modal-md { max-width: 600px;}
.ui-modal-lg { max-width: 800px;}
.ui-modal-xl { max-width: 1140px;}
.ui-modal-xxl { max-width: 1250px;}
.ui-modal-fluid { max-width: 100%; padding: 0px 20px;}
.modal-header { border-bottom: 1px solid #e9e8e7;}
.modal-footer { border-top: 1px solid  #e9e8e7;}
.modal-title { font-size: 18px; font-weight: 900; color: #242424;}
.modal-header .close { outline: none; font-size: 32px; font-weight: 500;}
.modal-open .modal { padding-right: 0px !important;}
.ui-shift-group .col-xl-2+.col-xl-2 { border-left: 1px solid #c4c4c4;}
.ui-pay-group .col-xxl-2, .ui-pay-group .col-xxl-6 { border-right: 1px solid #c4c4c4;}
.ui-pay-group .col-xxl-2:last-child { border-right: none}
.ui-days-group { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 30px; border-left: 1px solid #c4c4c4;}
.ui-shift-table .form-control { width: 52px; padding: 2px 10px; font-size: 14px; font-weight: 500;}
.ui-shift-table .ui-select { height: 27px;}
.ui-shift-table .ui-single-select { padding: 4px 10px; width: 75px;}
.ui-shift-table .ui-select .select-options { width: 75px;}
.ui-shift-table th, .ui-shift-table td { padding: 5px 8px; vertical-align: middle !important;}
.ui-reader-table th, .ui-reader-table td { padding: 8px 10px; font-size: 14px;}
.ui-reader-table .form-control { padding: 2px 10px; font-size: 14px; font-weight: 500;}
.ui-reader-integration { border-left: 1px solid #c4c4c4;}
.ui-weekly-checkbox .ui-checkbox { padding: 5px 0px 5px 36px;}
.ui-checkbox-table { border-collapse: separate; border-spacing: 0px;}
.ui-checkbox-table td { padding: 0px 0px; border-top: 0px;}
.ui-checkbox-table td .ui-checkbox { padding: 8px 8px 8px 35px;}
.ui-checkbox-table td+td { border-left: 1px solid #c4c4c4;}
.ui-email-format .ui-vertical-scroll-table { height: 223px;}
.col-auto { max-width: none !important;}
.inputpicker-div { width: 100% !important;}
.inputpicker-overflow-hidden { position: relative;}
.input-clear { position: absolute; top: 30px; right: 15px; font-weight: 900; opacity: .3; cursor: pointer;}
.input-clear:hover { opacity: 1;}
.status-dot { width: 16px; height: 16px; min-width: 16px; position: relative; top: 3px;}
.status-dot.red-outline { background-color: transparent; border: 1px solid #d97777;}
.status-dot.red { background-color: #d97777;}
.status-dot.pink { background-color: #ffc0ff;}
.status-dot.green { background-color: #92e881;}
.make-me-red { background-color: #d97777 !important; color: #fff !important;}
.make-me-pink { background-color: #ffc0ff !important;}
.make-me-green { background-color: #92e881 !important;}
.handsontableInputHolder { width: 49px; overflow: visible;}
.handsontable textarea { width: 46px !important;}
.ht_master.handsontable { padding-right: 0px !important;}
ul.multiselect-container { max-height: 250px; width: 300px; overflow: hidden scroll;}
ul.multiselect-container > li { border: 1px solid #f0f0f0 !important;}
/* .wtHider, .handsontable .wtSpreader, .handsontable table.htCore { width: 100% !important;} */
.htColumnHeaders { overflow: visible !important;}
.ht_master { overflow: hidden !important;}
.ht_master .wtHolder { overflow: auto !important;}
.wtHolder { min-width: 350px !important;}
.handsontable.autocompleteEditor { border: 1px solid #AAAAAA; box-shadow: 10px 10px 15px #aaaaaa; background-color: white; min-width: 350px;}
.handsontable.listbox { bottom: 100% !important; position: absolute;}
.handsontable.autocompleteEditor.handsontable { padding-right: 0px;}
.autocompleteEditor .htCore { -webkit-box-shadow: none !important; box-shadow: none !important; min-width: 330px !important;}
.handsontable.listbox .ht_master table { border: none !important; position: relative !important; display: block;}
.handsontable td, .handsontable th { word-wrap: break-word;}


.modal-body { max-height: calc(100vh - 200px); overflow-y: auto;}
.tb-radiobox td { padding: 0px 30px 0px 0px;}
.tb-radiobox td:last-child { padding: 0px;}
.tb-radiobox td input[type="radio"] { appearance: none;}
.tb-radiobox td input[type="radio"] + label { cursor: pointer; position: relative; padding-left: 30px; font-weight: 900; line-height: 20px;}
.tb-radiobox td input[type="radio"] + label::before { content: ""; display: inline-block; width: 18px; height: 18px; aspect-ratio: 1; border: 2px solid #ababab; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 1; transition: all 0.3s;}
.tb-radiobox td input[type="radio"] + label::after { content: ""; display: inline-block; width: 8px; aspect-ratio: 1; border: 1px solid #337ab7; background: #337ab7; border-radius: 50%; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s;}
.tb-radiobox td input[type="radio"]:checked + label::before { border: 2px solid #337ab7;} 
.tb-radiobox td input[type="radio"]:checked + label::after { opacity: 1;}
#releaseContent .card { overflow: auto;}
.inputpicker-arrow { top: 7px !important;}
.ui-char-m-y { display: inline-block; position: relative; margin: 0px auto; width: 300px; height: 42px;}
.ui-char-m-y .ui-widget.ui-widget-content { display: inline-block; border: none !important; box-shadow: none !important; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0px; float: none;} 
.ui-char-m-y .ui-datepicker .ui-datepicker-header { margin: 0px; padding: 0px;}
.ui-char-m-y .ui-datepicker .ui-datepicker-title { font-weight: 500; font-size: 18px;}
.ui-char-m-y .ui-datepicker-calendar, .ui-char-m-y .ui-datepicker .ui-datepicker-prev, .ui-char-m-y .ui-datepicker .ui-datepicker-next { display: none !important;}


/* 528109910302 */
.ui-pg-button > .ui-icon { background-image: url('') !important;}
.s-ico > .ui-icon { text-indent: -999px !important;}
.ui-jqgrid .ui-jqgrid-view { z-index: 10 !important;}
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-paging-info, .ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-pg-table { font-size: 13px;}
.ui-jqgrid .ui-jqgrid-title { float: left; margin: 2px;}
.ui-jqgrid .ui-jqgrid-title-rtl { float: right; margin: 2px;}
.ui-jqgrid-view > .ui-jqgrid-titlebar { height: 40px; line-height: 24px; color: #FFF; background: #307ECC; padding: 0; font-size: 15px; display:none;}
.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child { border-right: none; border-left: 1px solid #E1E1E1;}
.ui-jqgrid .ui-jqgrid-hdiv { background-color: #efefef; border: 1px solid #D3D3D3; border-width: 1px 0 0 1px; line-height: 15px; font-weight: 700;color: #777; text-shadow: none; width: 100% !important;}
.ui-jqgrid .ui-jqgrid-hbox { padding-right: 0px !important;}
.ui-jqgrid .ui-jqgrid-htable { width: 100% !important;}
.ui-jqgrid .ui-jqgrid-htable thead, .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar { background-color: #efefef;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { background-color: #efefef !important; padding-top:10px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column:hover { background-color: #efefef !important;}
.clearsearchclass { padding: 0px 0px 0px 0.5em !important; font-size: 14px !important; font-weight: 900; opacity: .7;}
.clearsearchclass:hover { opacity: 1;}
.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize { height: 25px !important;}
.ui-jqgrid .ui-jqgrid-htable th div { padding: 5px 10px; margin: 0px 0px !important; overflow: visible; white-space: break-spaces; text-align: center;font-weight: 900; font-size: 12px; color: #323232 !important;}
.ui-jqgrid .ui-th-column>div.ui-jqgrid-sortable { padding: 0px 15px !important; display: flex;}
.ui-jqgrid-titlebar { position: relative; top: 1px; z-index: 1;}
.ui-jqgrid tr.jqgrow, .ui-jqgrid tr.ui-row-ltr, .ui-jqgrid tr.ui-row-rtl { border: none; height: auto; overflow: hidden; padding-right: 4px; padding-top: 2px; position: relative; vertical-align: text-top; white-space: normal !important;}
.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td { border-bottom: 1px solid #E1E1E1; padding: 10 !important; border-color: #E1E1E1 !important;white-space: normal !important; height: auto; vertical-align: text-top; padding-top: 2px;}
.ui-search-clear { width: 15px;}
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td { border-right-color: #C7D3A9;}
.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td { border-left-color: #C7D3A9;}
.ui-widget-content { color: black !important;}
#jqgh_list_rn .s-ico, #jqgh_list_cb .s-ico, #jqgh_TblAssignEmployee_cb .s-ico  {display : none !important;}
#jqgh_list_cb, #jqgh_TblAssignEmployee_cb, div[id*='jqgh_'][id$='cb'] { padding: 0px !important;}
#jqgh_tblFilters_rn .s-ico {display : none !important;}
.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary { background-image: none; background-color: #F9F9F9; opacity: 1;}
.ui-jqgrid-btable .ui-widget-content.ui-state-hover { background-image: none; background-color: #EFF4F7; opacity: 1; color: black !important;}
.ui-jqgrid-btable .ui-widget-content.ui-state-highlight { background-color: #E4EFC9;}
.ui-jqgrid .ui-jqgrid-pager { line-height: 15px; height: 55px !important; padding-top: 10px !important; padding-bottom: 10px !important;background-color: #EFF3F8 !important; border-bottom: 1px solid #E1E1E1 !important; border-top: 1px solid #E1E1E1 !important; z-index: 20;}
.ui-jqgrid .ui-pg-input { font-size: inherit; width: 24px; height: 20px; line-height: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; padding-top: 1px; padding-bottom: 1px;}
.ui-jqgrid .ui-pg-selbox { display: block; height: 24px; width: 60px; margin: 0; padding: 1px; line-height: normal;}
.ui-jqgrid .ui-pager-control { height: 50px; position: relative; padding-left: 9px; padding-right: 9px;}
.ui-jqgrid .ui-jqgrid-toppager { height: auto !important; background-color: #EFF3F8; border-bottom: 1px solid #E1E1E1 !important;}
.ui-pg-table .navtable .ui-corner-all { border-radius: 0;}
.ui-jqgrid .ui-pg-button .ui-separator { margin-left: 4px; margin-right: 4px; border-color: #C9D4DB;}
.ui-jqgrid .ui-jqgrid-btable { border-left: 1px solid #E1E1E1; width: 100% !important;}
.ui-jqgrid .ui-jqgrid-bdiv { border-top: 1px solid #E1E1E1; overflow-x: hidden !important; width: 100% !important;}
.ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; height: auto; z-index: 111; padding: 6px; margin: 5px; text-align: center; font-weight: 700; font-size: 12px; background-color: #FFF; border: 2px solid #8EB8D1; color: #E2B018;}
.ui-jqgrid .ui-jqgrid-labels { border-bottom: none; border-left: 1px solid #E1E1E1 !important;}
.ui-jqgrid .s-ico { margin: 0px 0px 0px 5px !important; display: inline-table; width: 12px !important; height: 24px !important;}
.ui-jqgrid .s-ico .ui-icon-triangle-1-n { width: 0 !important; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; top: 6px !important; margin-left: 0px !important;}
.ui-jqgrid .s-ico .ui-icon-triangle-1-s { width: 0 !important; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; margin-left: 0px !important; top: 8px !important;}
.ui-jqgrid>.ui-jqgrid-view, .ui-jqgrid { width: 100% !important;}
.ui-state-default, .ui-widget-content .ui-state-default {height: auto !important;}
.ui-jqgrid .ui-jqgrid-htable th div {height: auto !important;}
.ui-search-table tr td {padding: 0px !important;}
.ui-jqgrid .ui-jqgrid-labels th { border-right: 1px solid #E1E1E1 !important; text-align: left !important;}
.ui-jqgrid-labels th[id*="_cb"]:first-child > div { padding-top: 0; text-align: center !important;}
.ui-jqgrid-sortable { padding-left: 4px; font-size: 13px; color: black !important; font-weight: 700;}
.ui-jqgrid-sortable:hover { color: black !important;}
th[aria-selected=true] { background-image: -webkit-linear-gradient(top, #EFF3F8 0, #E3E7ED 100%); background-image: -o-linear-gradient(top, #EFF3F8 0, #E3E7ED 100%); background-image: linear-gradient(to bottom, #EFF3F8 0, #E3E7ED 100%); background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);}
th[aria-selected=true] .ui-jqgrid-sortable { color: black !important;}
.ui-jqgrid .ui-icon { text-indent: 0; color: #307ECC; float: none; right: 2px;}
.rtl .ui-jqgrid .ui-icon { right: auto; left: 2px;}
.ui-jqgrid .ui-icon.ui-state-disabled { color: #BBB;}
.ui-jqgrid .ui-icon.ui-state-disabled:hover { padding: 0;}
.ui-grid-ico-sort:before { display: inline; font-size: 12px;}
.ui-icon-asc:before { content: "\f0d8"}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon { display: inline-block; padding: 0; width: 24px; height: 24px; line-height: 22px; text-align: center; position: static; float: none; margin: 0 2px !important; color: grey; border: 1px solid #CCC; background-color: #FFF; border-radius: 100%}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover { color: #699AB5; border-color: #699AB5; }
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before { width: 20px; text-align: center; display: inline-block;}
.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon { color: #B0B0B0; background-color: #F7F7F7; border-color: #DDD; -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);}
.ui-jqgrid-btable input, .ui-jqgrid-btable select, .ui-jqgrid-btable textarea { padding: 2px; width: auto; max-width: 100%; margin-bottom: 0;}
.ui-jqgrid-btable select { padding: 1px; height: 25px; line-height: 25px;}
.ui-pg-div .ui-icon { display: inline-block; width: 18px; float: none; position: static; text-align: center; opacity: .85; -webkit-transition: all .12s; -o-transition: all .12s; transition: all .12s; margin: 0 1px; vertical-align: middle; cursor: pointer; font-size: 17px;}
.ui-pg-div .ui-icon:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; position: static; margin: 0 1px;}
.ui-pg-div .ui-icon:before { font-family: FontAwesome; display: inline;}
.ui-jqgrid .ui-pg-button:hover, .ui-jqgrid .ui-state-disabled:hover { padding: 0 1px; border-style: none !important;}
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon, .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator { margin-left: 4px; margin-right: 4px;}
.ui-jqgrid>.ui-jqgrid-view button { position: relative; background-color: #fff; border: 1px solid rgb(221,221,221); min-height: 30px;}
.ui-jqgrid .ui-multiselect span.ui-icon-triangle-1-s { width: 0 !important; height: 0 !important; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #787878; position: absolute; top: 50%; right: 5px !important;}
.ui-multiselect-header a { display: flex; align-items: center; color: #fff; font-weight: 500; font-size: 14px;}
.ui-multiselect-header span.ui-icon-check { margin-right: 4px; border-radius: 2px; width: 16px; height: 16px; background-color: #fff;}
.ui-multiselect-header .ui-icon-circle-close { width: 16px; height: 16px; background-size: 16px; border-radius: 100%; right: 10px; position: relative;top: 1px;}
.ui-multiselect-header .ui-icon-circle-close::after { content: 'X'; display: block; font-size: 12px; font-weight: 900; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ui-multiselect-checkboxes label input { margin-right: 5px;}
.ui-multiselect-checkboxes label span { font-size: 13px; font-weight: 500;}
.ui-search-input input { height: 30px; width: 100%;}
.ui-multiselect-header { background-color: #307ECC !important; min-height: 25px !important;}
.ui-jqgrid tr.jqfoot > td, .ui-jqgrid tr.jqgroup > td, .ui-jqgrid tr.jqgrow > td { font-weight: 500 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px;}
.ui-helper-hidden { display: none;}
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;width: 1px;}
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse;}
.ui-helper-clearfix:after { clear: both;}
.ui-helper-clearfix { min-height: 0;}
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }


.accordion .card{ border: 1px solid rgb(51 122 183) !important;}
.combodropdown { background: #fff; font-size: 13px; table-layout: fixed;}
.combodropdownicon { position: relative;}
.combodropdownicon > i { color: #fff !Important; display: block; margin: 0px; padding: 0px; z-index: 1; position: absolute; top: 0px; right: 0px; width: 34px; height: 35px; font-size: 20px; text-align: center; background-color: rgb(51, 122, 183); line-height: 30px; font-weight: bold;}
.combodropdownicon > i:before { content: ""; position: absolute; top: 35%; right: 12px; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.combodropdown > div { width: 100% !important; height: auto !important; max-height: 160px;}
.combodropdowntable table { width : 100% !important;table-layout: fixed;}
.transparentCover { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; z-index: 100;}
.loading { display: none; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #0f3c74; border-right: 16px solid #fab900; border-bottom: 16px solid #0f3c74; border-left: 16px solid #fab900; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; left: 50%; top: 50%; z-index: 101; width: 150px; height: 150px; margin: -75px 0 0 -75px; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 5s linear infinite; background: transparent url('../../../../../shared/assets/img/brand.png') no-repeat center; background-size: 90px;}
.text-underline { text-decoration: underline !important;}


/* Report View start*/
.centerDiv { display: inline-block;}
.reportHeaderBG { width: 100%; float: left; background-color: #b8d4ec;}
.centerAlign { text-align: center;}
.centerAlign { text-align: center;}
.reportHeaderStyle { width: 100%; margin: auto !important; min-height: 45px; height: auto; overflow: hidden; padding: 0px; list-style-type: none; background-color: #b8d4ec; float: left;}
.reportHeaderStyle li { width: auto; height: 50px; margin: 0 2px; padding: 6px 0 0 0; float: left; line-height: 36px; font-size: 12px;  font-weight: 800;}
.imBtnFirstPage { background-image: url(/Artifacts/images/Report_Btns/FirstPage_button.jpg); width: 30px; height: 38px; float: left; background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnPreviousPage { background-image: url(/Artifacts/images/Report_Btns/PreviousPage_button.jpg); width: 30px; height: 38px; float: left; background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.ShowPageCount { width: 100px; height: 38px; float: left; border: 0px; font-size: 12px; font-weight: 800;}
.imBtnNextPage { background-image: url(/Artifacts/images/Report_Btns/NextPage_button.jpg); width: 30px; height: 38px; float: left; border: 0px; background-repeat: no-repeat; background-color: #b8d4ec;}
.imBtnLastPage { background-image: url(/Artifacts/images/Report_Btns/LastPage_button.jpg); width: 30px; height: 38px; float: left; border: 0px; background-repeat: no-repeat; background-color: #b8d4ec;}
.imBtnGrouping { width: 83px; height: 40px; float: left; background-image: url(/Artifacts/images/Report_Btns/Group_button.jpg); border: 0px; background-repeat: no-repeat; background-color: #b8d4ec;}
.imBtnRefresh { width: 90px; height: 38px; float: left; background-image: url(/Artifacts/images/Report_Btns/Refresh_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnExcelExport { width: 90px; height: 38px;  float: left; background-image: url(/Artifacts/images/Report_Btns/Excel_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnCSvExport { width: 80px; height: 38px; float: left; background-image: url(/Artifacts/images/Report_Btns/CSV_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnPDFExport {  width: 80px; height: 38px; float: left; background-image: url(/Artifacts/images/Report_Btns/PDF_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnWordExport { width: 90px; height: 38px; float: left; background-image: url(/Artifacts/images/Report_Btns/word_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnPrint { width: 90px; height: 38px; float: left; background-image: url(/Artifacts/images/Report_Btns/Print_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.imBtnClose { width: 84px; height: 38px; float: left; background-image: url(/Artifacts/images//Report_Btns/Exit_button.jpg); background-repeat: no-repeat; border: 0px; background-color: #b8d4ec;}
.table-scrollable { overflow: hidden; overflow-x: auto;}
/* Report View end*/
table.dataTable > thead {
width: 100% !important;
}
table.dataTable > thead > tr > th:matches(.sorting),
table.dataTable > thead > tr > td:matches(.sorting),
table.dataTable > tbody > tr > th:matches(.sorting) {
    padding-right: 30px;
}

.white-space-noWrap{
    white-space: nowrap !important;
}
/* table.dataTable > thead > tr > th:not(.sorting_disabled),
table.dataTable > thead > tr > td:not(.sorting_disabled) {
    padding-right: 30px;
} */

table.dataTable > thead .sorting,
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc,
table.dataTable > thead .sorting_asc_disabled,
table.dataTable > thead .sorting_desc_disabled,
table.dataTable > tbody .sorting,
table.dataTable > tbody .sorting_asc,
table.dataTable > tbody .sorting_desc,
table.dataTable > tbody .sorting_asc_disabled,
table.dataTable > tbody .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

    table.dataTable > thead .sorting:before,
    table.dataTable > thead .sorting:after,
    table.dataTable > thead .sorting_asc:before,
    table.dataTable > thead .sorting_asc:after,
    table.dataTable > thead .sorting_desc:before,
    table.dataTable > thead .sorting_desc:after,
    table.dataTable > thead .sorting_asc_disabled:before,
    table.dataTable > thead .sorting_asc_disabled:after,
    table.dataTable > thead .sorting_desc_disabled:before,
    table.dataTable > thead .sorting_desc_disabled:after,
    table.dataTable > tbody .sorting:before,
    table.dataTable > tbody .sorting:after,
    table.dataTable > tbody .sorting_asc:before,
    table.dataTable > tbody .sorting_asc:after,
    table.dataTable > tbody .sorting_desc:before,
    table.dataTable > tbody .sorting_desc:after,
    table.dataTable > tbody .sorting_asc_disabled:before,
    table.dataTable > tbody .sorting_asc_disabled:after,
    table.dataTable > tbody .sorting_desc_disabled:before,
    table.dataTable > tbody .sorting_desc_disabled:after {
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3;
    }

        table.dataTable > thead .sorting:before,
        table.dataTable > thead .sorting_asc:before,
        table.dataTable > thead .sorting_desc:before,
        table.dataTable > thead .sorting_asc_disabled:before,
        table.dataTable > thead .sorting_desc_disabled:before
        table.dataTable > tbody .sorting:before,
        table.dataTable > tbody .sorting_asc:before,
        table.dataTable > tbody .sorting_desc:before,
        table.dataTable > tbody .sorting_asc_disabled:before,
        table.dataTable > tbody .sorting_desc_disabled:before {
            right: 1em;
            content: "↑";
        }

    table.dataTable > thead .sorting:after,
    table.dataTable > thead .sorting_asc:after,
    table.dataTable > thead .sorting_desc:after,
    table.dataTable > thead .sorting_asc_disabled:after,
    table.dataTable > thead .sorting_desc_disabled:after,
    table.dataTable > tbody .sorting:after,
    table.dataTable > tbody .sorting_asc:after,
    table.dataTable > tbody .sorting_desc:after,
    table.dataTable > tbody .sorting_asc_disabled:after,
    table.dataTable > tbody .sorting_desc_disabled:after {
        right: 0.5em;
        content: "↓";
    }

    table.dataTable > thead .sorting_asc:before,
    table.dataTable > thead .sorting_desc:after, 
    table.dataTable > tbody .sorting_asc:before,
    table.dataTable > tbody .sorting_desc:after {
        opacity: 1;
    }

    table.dataTable > thead .sorting_asc_disabled:before,
    table.dataTable > thead .sorting_desc_disabled:after,
    table.dataTable > tbody .sorting_asc_disabled:before,
    table.dataTable > tbody .sorting_desc_disabled:after {
        opacity: 0;
    }


@media screen and (max-width: 619px) { 
.ui-fill-nav ul, .ui-tab-nav ul { display: block; overflow-x: scroll; white-space: nowrap;} .ui-fill-nav ul li, .ui-tab-nav ul li { display: inline-block;} .ui-fill-nav ul li a { padding: 0px 20px;} .ui-fill-nav ul::-webkit-scrollbar, .ui-tab-nav ul::-webkit-scrollbar { display: none;} .ui-tab-nav ul li a { padding: 0px 15px; font-size: 16px; line-height: 48px;} .ui-profile-box { display: block;} .ui-profile-box .thumb { display: block; margin: 0px auto 20px;} .ui-profile-box .description { padding: 0px; text-align: center;} .ui-profile-actions { margin-right: auto; justify-content: center;} .ui-profile-actions .ui-btn { margin: 0px 0px 15px !important; width: 100%; max-width: 240px;}

} 

@media screen and (min-width: 576px) { 
.w-sm-auto { width: auto !important;}

}


@media screen and (max-width: 767px) {  
.ui-employee-form-wrapper { padding: 15px;} .ui-form-title { margin: 0px 0px 15px;} .ui-form-filter { flex-direction: column; -ms-flex-direction: column;} .ui-table-sort .ui-checkbox label::before { margin-left: -10px;} .ui-table-sort .ui-checkbox input[type="checkbox"]:checked + label::after { left: 16px; top: 5px;} .ui-login-page .wrap.login2_wrap .login_design_2 {padding-left: 0px !important;} 

.ui-jqgrid .ui-jqgrid-pager { height: 90px;} .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control { height: 85px; padding-top: 10px !important;}
.ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td { vertical-align: top;} .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center { width: 0 !important; position: static;} .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table { margin: 36px auto 0; position: absolute; right: 0; left: 0; text-align: center;} .ui-jqgrid .ui-jqgrid-pager .navtable { height: auto;}

}


@media screen and (min-width: 768px) and (max-width: 991px) { 
.ui-employee-form-wrapper { padding: 30px;} .ui-filter-search { max-width: 450px;}  .ui-tab-nav li a { padding: 0px 5px; font-size: 14px;} table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) { padding-right: 36px;} .ui-days-group { margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px solid #c4c4c4; border-left: none;} .ui-reader-integration { border-top: 1px solid #c4c4c4; border-left: none;}

}

@media screen and (max-width: 1023px) { 
.ajax__tab_header { display: inline-block; white-space: nowrap; overflow-x: scroll; width: 100%;} .ajax__tab_header::-webkit-scrollbar { display: none;}

}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
.ui-tab-nav li a { padding: 0px 12px;} 

}

@media screen and (max-width: 1199px) { 
.ui-modal-xl { max-width: 95%;} .ui-shift-group .col-xl-2:nth-child(4) { border-left: none;} .ajax__tab_tab > span { padding: 0px 12px;}

}


@media screen and (min-width: 1200px) and (max-width: 1439px) {  
.d-xxl-block { display: block !important;} .pl-xxl-0 { padding-left: 0px !important;}
.ui-shift-group .d-xxl-block .pl-xxl-0{padding-left: 2rem!important;}
}

@media screen and (min-width: 1440px) { 
.col-xxl-1-5 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 1000%;} .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;     padding-right: 15px; padding-left: 15px;} .col-xxl-6 { padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

}

@media only screen and (min-width: 1921px){
.ui-login-page .container{width: 1440px !important;height: 800px !important;margin: auto !important;display: block !important;position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .ui-login-page .containernew {width: 1440px !important;height: 800px !important;margin: auto !important;display: block !important;position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .ui-login-page .title-txt{width: 100% !important;} .ui-login-page .description{width: 100% !important;}

}


@media only screen and (max-width: 768px) and (min-width: 480px){
body.ui-login-page {padding: 20px 20px 20px 20px !important;background-size: 100% 100%;} .ui-login-page .wrap.login2_wrap{padding: 20px 20px 20px 20px;margin-top: 0px !important;} .ui-login-page .login-more{padding: 50px;width: 100%;} .ui-login-page .login_design_2 {padding-left: 0px;} .ui-login-page .find_more{text-align: center;} .ui-login-page .login-form{width: 100%;} .ui-login-page .login-image img{width: 70%;padding-top: 20px;} .ui-login-page .login-form-padding_2{padding: 0px 0px 0px 0px;} .ui-login-page .login-form-design2{padding: 0px 50px 40px 50px;} .ui-login-page .title-txt{width:100% !important;} .ui-login-page .description{width:100% !important;} .ui-login-page .wrap.login2_wrap .login_design_2 {padding-left: 0px !important;}

}


@media only screen and (max-width: 479px){
body.ui-login-page {padding: 20px 20px 20px 20px !important;background-size: 100% 100%;height: auto !important;} .ui-login-page .wrap.login2_wrap .login_design_2 {padding-left: 0px !important;} html{height: auto !important;} .ui-login-page .title-txt{width:100% !important;} .ui-login-page .description{width:100% !important;} .ui-login-page .System-Maintenance{font-size: 9px !important;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 400;} .ui-login-page .wrap.login2_wrap{padding: 20px 20px 0px 20px;} .ui-login-page .login-more{padding: 20px 0px;width: 100%;text-align: center;} .ui-login-page .login_design_2 {padding-left: 0px;} .ui-login-page .find_more{text-align: center;} .ui-login-page .login-form{width: 100%;} .ui-login-page .login-image img{width: 100%;} .ui-login-page .login-form-padding_2 {margin-top: 0px !important;padding: 0px 0px 36px 0px;} .ui-login-page .login-form-design2{padding: 13px 13px 13px 13px;} .ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 20px;}
.ui-login-page .title-txt span{font-size: 17px;} .ui-login-page .description{font-size: 12px;} .ui-login-page .title-txt {margin-bottom: 15px;}
.ui-login-page .forgot_pw {text-align: center;margin-top: 17px;} .ui-login-page .find_more button{margin-top: 10px;margin-bottom: 10px;} .ui-login-page .login-form-title img{padding-bottom: 20px !important;width:130px;} .ui-login-page .login-form-padding_2 .login-form-btn {height: 40px !important;}

}


@media only screen and (max-width: 1440px) and (min-width: 1024px){
.ui-login-page .login-form-padding_2 .wrap-input{height: 40px !important;} .ui-login-page .login-form-title img {width: 160px;} .ui-login-page .forgot_pw {text-align: center;margin-top: 15px !important;} body.ui-login-page{padding: 3% 5% !important;} .ui-login-page .title-txt span{font-size: 20px !important;} .ui-login-page .title-txt {margin-bottom: 10px;width: 100%;} .ui-login-page .description{width: 100%;font-size: 14px;}
.ui-login-page .find_more button {width: 155px;height: 34px;flex-grow: 0;margin-top: 14px;font-size: 14px;} .ui-login-page .login-image img {width: 70%;} .ui-login-page .login-form-title.p-b-43 img{padding-bottom: 30px !important;} .ui-login-page .login-form-padding_2{padding: 0px 0px 15px 0px;}
.ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 30px;height: 40px !important;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;} .ui-login-page .login2_wrap {padding: 35px 60px 35px 60px !important;}

}

@media only screen and (max-width: 1440px) and (min-width: 970px){
.ui-login-page .login_design_2 {padding-left: 40px; }

}


@media only screen and (max-width: 1549px) and (min-width: 1441px){
.ui-login-page .container{width: 1335px !important;height: 602px !important;margin: auto !important;display: block !important;position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .ui-login-page .login-image img {width: 75% !important;} .ui-login-page .login2_wrap {padding: 4% 5% 3% 5% !important;}
.ui-login-page .login-more{padding-right: 60px !important;} .ui-login-page .description {width: 100% !important;} .ui-login-page .title-txt{width: 100% !important;} .ui-login-page .border-findus{width: 100% !important;} .ui-login-page .find-over {width: 100% !important;} .ui-login-page .social-icons_2 {padding-right: 0px !important;} .ui-login-page .website-link{padding-right: 0px !important;} .ui-login-page .login-image {text-align: center !important;}

}


@media only screen and (max-width: 1920px) and (min-width: 1550px){
.ui-login-page .title-txt span {font-size: 24px !important;} .ui-login-page .border-findus{width: 100%;} .ui-login-page .description {font-size: 20px !important;width: 100% !important;} .ui-login-page .title-txt {margin-bottom: 20px;} .ui-login-page .wrap.login2_wrap .input {font-size: 18px;}
.ui-login-page .social-icons_2 {position: relative;text-align: center;padding-top: 11px;} .ui-login-page .login-form-padding_2 .login-form-btn{height: 60px !important;} .ui-login-page .login-form-padding_2 .wrap-input{margin-bottom: 30px !important;height: 40px !important;} .ui-login-page .System-Maintenance{font-size: 16px !important;} .ui-login-page .maintenance{line-height: 20px !important;padding-top: 15px;padding-left: 50px;padding-right: 50px;padding-bottom: 15px;} .ui-login-page .login-form-title img {width: 185px;} .ui-login-page .login2_wrap {padding: 3.5% 7%;}
.ui-login-page .login-image img {width: 75% !important;} .ui-login-page .login_design_2 {padding-left: 85px;} .ui-login-page .login-form-padding_2 {background: #fff;padding: 60px 0px 20px 0px;} .ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 20px;} .ui-login-page .txt1 {font-family: Lato-Medium;font-size: 18px;line-height: 1.4;color: #337ab7;text-decoration: none;} .ui-login-page .find_more button {width: 194px !important;height: 40px !important;margin-top: 32px;font-size: 18px !important;font-weight: 800;text-align: center;color: #fff;font-family: Lato-Black;border-radius: 25px;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);background-color: #feffff;color: #337ab7;padding: 9px 19.4px 13px 20px !important;} .ui-login-page .login-image {width: 100%;} .ui-login-page .login-form-title img{padding-bottom: 70px !important;} .ui-login-page .login-form-padding_2 .login-form-btn {height: 60px !important;} .ui-login-page .find-us {font-size: 16px;width: 90px;}

}


@media only screen and (max-width: 1219px) and (min-width: 1100px){
body.ui-login-page {padding: 75px 75px 75px 75px;background-size: 100% 100%;} .ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 25px;}
.ui-login-page .login-form-title img{padding-bottom: 25px;width:130px;} .ui-login-page .login-form-padding_2 {padding: 40px 0px 40px 0px;}

}


@media only screen and (max-width: 1099px) and (min-width: 970px){
body.ui-login-page {padding: 55px 55px 55px 55px;background-size: 100% 100%;} .ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 25px;}
.ui-login-page .login-form-title img{padding-bottom: 25px;width:130px;} .ui-login-page .login-form-padding_2 {padding: 15px 0px 15px 0px;} .ui-login-page .login2_wrap {padding: 55px 55px 55px 55px;}
}


@media only screen and (max-width: 969px) and (min-width: 769px){
body.ui-login-page {padding: 35px 35px 35px 35px !important;background-size: 100% 100%;} .ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 25px;} .ui-login-page .login-form-title img{padding-bottom: 25px;width: 130px;} .ui-login-page .login-form-padding_2 {padding: 35px 35px 35px 35px;} .ui-login-page .login-form-padding_2 {padding: 30px 30px 30px 30px;} .ui-login-page .login2_wrap {padding: 35px 35px 35px 35px;} .ui-login-page .login_design_2 {padding-left: 30px;} .ui-login-page .title-txt {width: 100%;} .ui-login-page .description {width: 100%;}

}

@media only screen and (max-width: 1600px) and (min-width: 1441px){
.ui-login-page .find_more button{height: 40px !important;margin-top: 5px !important;} .ui-login-page .description{font-size: 18px !important;width: 100% !important;} .login-more{padding-right: 50px !important;} .ui-login-page .border-findus{width: 100% !important;}

}


@media(min-height:900px) and (max-height:1079px) {
body.ui-login-page  {padding: 4% 6%;background-size: 100%;background-repeat: no-repeat;} .ui-login-page .title-txt {margin-bottom: 20px;width: 90%;}
.ui-login-page .description {font-size: 16px;width: 78%;} .ui-login-page .find_more button {width: 150px;height: 32px;margin-top: 19px;font-size: 14px;padding: 8px 19px;} .ui-login-page .login2_wrap {padding: 59px 72px 48px 72px;} .ui-login-page .login-image img {width: 91%;} .ui-login-page .border-findus{padding-top: 27px;} .ui-login-page .find-over{top: -10px;} .ui-login-page .login-form-title img {width: 131px;} .ui-login-page .social-icons_2 {padding-left: 68px !important;position: relative;text-align: center;padding-top: 5px;} .ui-login-page .social-icons_2 img {width: 45px;margin: 0px 3px;} .ui-login-page .login-form-padding_2 {background: #fff;padding: 62px 0px 30px 0px;border-radius: 5px;margin-top: 8px;}
.ui-login-page .login-form-padding_2 .login-form-btn {margin-top: 35px;height: 45px !important;font-family: 'AvenirLTStd-65'; font-style: normal; font-weight: 900;} .ui-login-page .login-form-title img{padding-bottom: 49px !important;} .ui-login-page .maintenance {text-align: center;padding-top: 9px;line-height: 12px;color: #646464;padding-left: 30px;padding-right: 30px;background-color: rgba(233, 232, 231, 0.5);padding-bottom: 10px;} .ui-login-page .forgot_pw {text-align: center;margin-top: 23px;}

}

@media(min-height:768px) and (max-height:899px) {
body.ui-login-page {padding: 60px 108px 55px 106px;background-size: 100% 100%;} .ui-login-page .login-image{padding-left: 5px;} .ui-login-page .title-txt span{font-size: 24px;} .ui-login-page .title-txt{margin-bottom: 20px;} .ui-login-page .description {font-size: 15px;} .ui-login-page .border-findus{padding-top: 18px;margin-left: 5px;} .ui-login-page .find-over{top: -10px;left: -15px;} .ui-login-page .social-icons_2{padding-right: 50px;padding-top: 10px;} .ui-login-page .website-link{padding-right: 50px;} .ui-login-page .login-form-padding_2 .wrap-input{height: 40px !important;}
.ui-login-page .social-icons_2 img{margin: 0px 3px;} .ui-login-page .login-form-padding_2{padding: 30px 0px 20px 0px;margin-top: 5px;} .ui-login-page .login-form-padding_2 .login-form-title img{padding-bottom: 30px !important;width: 140px;} .ui-login-page .login_design_2 {padding-left: 65px;}
.ui-login-page .login-form-padding_2 .login-form-btn{margin-top: 40px;} .ui-login-page .forgot_pw{margin-top: 20px;} .ui-login-page .maintenance{padding-bottom: 10px;padding-top: 9px;padding-left: 35px;padding-right: 35px;} .ui-login-page .find_more button{width: 150px;height: 33px;font-size: 13px;margin-top: 22px;padding: 10px 19px;}

}


@media(min-height:700px) and (max-height:767px) {
body.ui-login-page {padding: 72px 82px 68px 82px;background-size: 100% 100%;} .ui-login-page .login-form-padding_2 .wrap-input{margin-bottom: 2px !important;} .ui-login-page .login_design_2{padding-left: 60px;} .ui-login-page .login2_wrap{padding: 40px 57px 40px 50px;} .ui-login-page .title-txt span{font-size: 20px;margin-bottom: 15px;width: 100%;margin-top: 8px;} .ui-login-page .border-findus{padding-top: 8px;} .ui-login-page .social-icons_2 img{margin: 0px 3px;} .ui-login-page .social-icons_2{padding-top: 6px;} .ui-login-page .login-form-padding_2{padding: 30px 0px 20px 0px;margin-top: 5px;} .ui-login-page .login-form-padding_2 .login-form-title img{padding-bottom: 25px !important;width:160px;} .ui-login-page .forgot_pw{margin-top: 15px;} .ui-login-page .maintenance{padding-bottom: 10px;padding-top: 9px;} .ui-login-page .System-Maintenance{font-size: 11px !important;}

}
/* Login page css end */



@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/* forgot Password */
.fw-password .login-form-btn {
    text-transform: initial !important;
}

.fw-password .title-txt .fw-contain {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: Avenir-LT-55 !important;
}

.fw-red {
    color: #c74c4d;
    position: relative;
    padding-left: 15px;
    font-size: 14px !important;
}

.fw-green {
    color: #4caf50;
    position: relative;
    padding-left: 15px;
    font-size: 14px !important;
}

.fw-red span {
    color: #000000 !important;
    font-size: 30px !important;
    position: absolute;
    top: -14px;
    left: 0px;
}

.fw-green span {
    color: #000000 !important;
    font-size: 30px !important;
    position: absolute;
    top: -14px;
    left: 0px;
}

.fw-password .login-more {
    border-left: 2px solid #c4c4c4 !important;
}

.fw-strength {
    position: absolute;
    right: 0px;
    /*background: #c74c4d;*/
    color: #fff;
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 5px;
}

.pPoor {
    background-color: #c74c4d;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    padding: 2px 5px;
    border-radius: 5px;
}

.pExcellent {
    background-color: #4caf50;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    padding: 2px 5px;
    border-radius: 5px;
}

@media only screen and (max-width: 992px) and (min-width: 320px) {
    .login2_wrap.fw-password {
        padding: 20px 20px 20px 20px !important;
    }

    .fw-password .login_design_2, .fw-password .login-more {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        .fw-password .login_design_2 .login-form-padding_2 {
            padding: 10px 0px 0px 0px !important;
        }

    .fw-password .login-more {
        border-left: none !important;
    }
}