@charset "utf-8";

@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Krona+One&display=swap);

@font-face {
font-family: 'MLW-TTRevathi'; src: url('../fonts/MLW-TTRevathi-Normal.eot'); src: url('../fonts/MLW-TTRevathi-Normal.eot') format('embedded-opentype'),url('../fonts/MLW-TTRevathi-Normal.woff2') format('woff2'),url('../fonts/MLW-TTRevathi-Normal.woff') format('woff'),url('../fonts/ML_TT_Revathi.ttf') format('truetype'),url('../fonts/MLW-TTRevathi-Normal.svg') format('svg'); }

@font-face {
font-family: 'Noto Sans Malayalam',sans-serif; src: url('../fonts/NotoSansMalayalam-Regular.eot'); src: url('../fonts/NotoSansMalayalam-Regular.eot') format('embedded-opentype'),url('../fonts/NotoSansMalayalam-Regular.woff2') format('woff2'),url('../fonts/NotoSansMalayalam-Regular.woff') format('woff'),url('../fonts/NotoSansMalayalam.ttf') format('truetype'),url('../fonts/NotoSansMalayalam-Regular.svg') format('svg'); }

/* CSS Document */
::-moz-selection { background: #7b7d7f; color: #fff; text-shadow: none; }

::selection { background: #7b7d7f; color: #fff; text-shadow: none; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: 'Poppins',sans-serif,'Noto Sans Malayalam',sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { color: #212121; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow: hidden; overflow-y: scroll; }

a { text-decoration: none; transition: all 0.25s ease-out 0s; }

p, p span { font-family: 'Poppins',sans-serif,'Noto Sans Malayalam',sans-serif; }

img { border: 0; }

li, ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* * { -webkit-appearance: none; } */
::-webkit-input-placeholder { color: #000; }

::-moz-placeholder { color: #000; }

:-ms-input-placeholder { color: #000; }

:-moz-placeholder { color: #000; }

/*------------------- common style ---------------------------*/
a, button, input, select, textarea { outline: 0; }

select { -webkit-appearance: none; }

*, :after, :before { outline: 0; }

img { max-width: 100%; height: auto; }

iframe { border: 0; }

a:focus, a:hover { outline: 0; text-decoration: none; }

.btn { box-shadow: none; outline: none; }

.btn:focus { box-shadow: none; outline: none; }

section { width: 100%; float: left; }

.comman-anchor { width: 100%; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; height: 100%; }

/* header */

header { background-color: #131432; padding: 50px 0 15px; float: left; width: 100%; position: relative; }

.myHeader.fixed-menu { position: fixed; width: 100%; z-index: 99; transition: all 0.7s; animation: slide-down 0.7s; }

@keyframes slide-down {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0); }
}

header .navigation-wrap .container { height: 100%; }

header .navigation-wrap .container .row { height: 100%; }

header .navigation-wrap .navbar { padding: 0; height: 100%; }

.navigation-wrap { display: inline-block; width: 100%; height: 100%; }

.navigation-wrap .head-main { display: flex; justify-content: space-between; width: 100%; height: 100%; align-items: center; flex-wrap: wrap; }

.navigation-wrap .head-main .head-logo { width: 400px; display: inline-block; float: left; position: relative; margin: 0 0 0 20px; }

.navigation-wrap .head-main .head-logo .navbar-brand { padding: 0; margin: 0; display: block; }

.navbar-expand-lg .navbar-nav { align-items: center; }

.navigation-wrap .head-main .head-logo .navbar-brand img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 100%; }

.navbar-expand-lg .navbar-nav li.nav-item a { color: #000; font-size: 16px; font-weight: 500; transition: all .25s ease-in-out; padding: 0 20px!important; display: block; }

.navbar-expand-lg .navbar-nav ul.dropdown-menu, ul.dropdown-menu.show { top: 30px; }

.nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus { color: #e94646; }

.navbar-expand-lg .navbar-nav a.nav-link.login { color: #e94646; }

.navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { color: #e94646; padding: 10px 0 10px 15px!important; background: transparent; font-weight: normal; }

.navbar-expand-lg li.nav-item.login-btn a.nav-link.btn:hover { color: #545454; background: transparent; }

.navbar-expand-lg .navbar-nav li.nav-item.login-btn a.nav-link.btn { border: none; color: #e94646!important; }

.navbar-expand-lg .navbar-nav li.nav-item.login-btn a.nav-link.btn:hover { color: #545454; }

.navbar-expand-lg .navbar-nav li.nav-item { position: relative; transition: all .5s ease-in-out; display: inline-block; margin: 0 20px 0 0; }

.navbar-expand-lg .navbar-nav li { width: auto; display: inline-block;}

.navbar-expand-lg .navbar-nav li.nav-item:last-child { margin-right: 0; }

.navbar-expand-lg .navbar-nav li.nav-item.active a.nav-link { color: #e94646; transition: all .25s ease-in-out; background: rgb(233 70 70 / 10%); border-radius: 15px; padding: 10px 20px 20px; }

.navbar-expand-lg .navbar-nav li.nav-item a.nav-link:after { content: ""; position: absolute; width: 8px; height: 8px; max-height: 0; background: #e94646; bottom: 8px; left: 50%; transform: translateX(-50%); border-radius: 50%; transition: all .25s ease-in-out; }

.navbar-expand-lg .navbar-nav li.nav-item a.nav-link:hover { color: #e94646; transition: all .25s ease-in-out; background: rgb(233 70 70 / 10%); border-radius: 15px; padding: 10px 20px 20px; }

.navbar-expand-lg .navbar-nav li.nav-item a.nav-link:hover::after { max-height: 8px; transition: all .25s ease-in-out; }

.navbar-expand-lg .navbar-nav li.nav-item.active a.nav-link::after { max-height: 8px; transition: all .25s ease-in-out; }

.navbar-expand-lg .navbar-nav li.nav-item .nav-link.btn::after { display: none; }

.navbar-expand-lg .navbar-nav li.nav-item.login-btn { padding-left: 15px; }

.navbar-expand-lg .navbar-nav li.nav-item.login-btn:before { content: ""; position: absolute; background: #bfbfbf; width: 1px; height: 70%; left: 14px; top: 50%; transform: translateY(-50%); }

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop { padding-left: 29px; }

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop:before { content: ""; position: absolute; background: #000; width: 1px; height: 70%; left: 15px; top: 50%; transform: translateY(-50%); opacity: 25%; }

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop a.nav-link.profile-btn { display: flex; align-items: center; border-radius: 30px; border: 1px solid #37373740; padding: 5px 25px 5px 6px!important; cursor: pointer; }

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop a.nav-link.profile-btn span.profile-img { display: inline-block; float: left; width: 25px; height: 25px; margin-right: 5px; }

.dropdown-toggle::after { display: none; }

.dropdown-toggle { background: url('../images/chevron-down.svg') no-repeat!important; background-position-x: 97%!important; background-size: 18px!important; padding-right: 26px!important; background-position-y: 10px!important; }

.dropdown-toggle:focus, .dropdown-toggle:hover { background: url('../images/down.svg') no-repeat!important; background-position-x: 97%!important; background-size: 18px!important; padding-right: 26px!important; background-position-y: 10px!important; }

.navbar-expand-lg .navbar-nav .nav-link.profile-drop { display: flex; align-items: center; border-radius: 30px; border: 1px solid #37373740; }

.navbar-expand-lg .navbar-nav .nav-link.profile-drop span.profile-pic { display: inline-block; float: left; width: 40px; height: 40px; margin-right: 7px; }

.navbar-expand-lg .navbar-nav .nav-link.profile-drop span.profile-pic img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover .dropdown-menu { display: block!important; }

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu { background: #fff; padding: 10px 5px; opacity: 0; overflow: hidden; visibility: hidden; top: 45px; transition: ease all 0.5s; display: inline-block; border: 1px solid #ddd; border-radius: 10px; width: 185px; box-shadow: 0 5px 12px 0 #00000014; }

.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu { opacity: 1; overflow: visible; visibility: visible; top: 45px; }

.navbar-expand-lg .navbar-nav li.nav-item.dropdown.profile-dropdown ul.dropdown-menu { top: 60px!important; }

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li { width: 100%; }

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li a { padding: 7px 15px; color: #212121; }

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li a:hover { background: none!important; color: #e94646; }

.navigation-wrap .head-main .head-logo h2 a { color: #fff; }

.navigation-wrap .head-main .head-logo h2 { font-size: 20px; font-weight: 600; color: #fff; }

.login-wrapp { min-height: 100vh; display: flex; flex-wrap: wrap; position: relative; height: 100%; background: #131432; }

.login-wrapp .container { position: relative; }

.login-wrapp .login-content-wrapp { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; }

.login-wrapp .login-content-wrapp .login-row { justify-content: center; }

.login-wrapp .login-content-wrapp .login-content-left { width: 40%; float: left; position: relative; display: block; }

.login-wrapp .login-content-wrapp .login-content-right { width: 55%; float: right; position: relative; display: block; }

.login-wrapp .login-content-wrapp .login-content-right .head-logo { margin: 0 0 24px; }

.login-wrapp .login-content-wrapp .login-content-right .head-logo img { max-width: 300px; }

.login-wrapp .login-content-wrapp .login-content-left h2 { font-size: 32px; font-weight: 500; color: #fff; margin: 0 0 20px; }

.login-wrapp .login-content-wrapp .login-content-left p { color: #ffff; font-size: 16px; line-height: 24px; opacity: 80%; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp { width: 100%; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 16px 0 #00000014; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp h2 { font-size: 32px; font-weight: 600; margin: 0 0 20px; padding: 0 10px; color: #333; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields { width: 100%; display: flex; flex-wrap: wrap; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field { width: 50%; padding: 0 10px; margin: 0 0 20px; position: relative; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field.full-width { width: 100%; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field label { font-size: 16px; margin: 0 0 10px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field input { width: 100%; height: 45px; border: 1px solid #000; border-radius: 5px; padding: 12px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field input.pass-icon { padding-right: 35px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field input::placeholder { color: #000; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon { position: absolute; top: 47px; right: 20px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon .pswd-toggle { cursor: pointer; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon .show-icon { position: relative; display: block; width: 20px; height: 20px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon .show-icon .hide-icon { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon .show .show-icon .hide-icon { opacity: 1; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field .pswd-icon .show .show-icon>img { opacity: 0; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px; margin: 0 0 20px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn.right-align { justify-content: right; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn .forgot-pass a { color: #001740; font-weight: 400; text-decoration: underline; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn .forgot-pass a:hover { color: #e94646; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn .login-btn .btn { background: #001740; border: 1px solid #001740; padding: 8px 35px; border-radius: 30px; color: #ffff; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .form-btn .login-btn .btn:hover { color: #fff; background: #e94646; border-color: #e94646; }

.login-wrapp .login-left-img { position: absolute; left: 0; bottom: 100px; width: 130px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field.add { width: 100%; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field textarea { width: 100%; height: 100px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; resize: none; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields p a { color: #001740; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields p a:hover { color: #e94646; }

.inner-head { background: #fff; padding: 50px 0 50px; }

.inner-head .navigation-wrap .container { border-bottom: 1px solid #bfbfbf; padding-bottom: 30px; }

.navbar-expand-lg .navbar-nav li.nav-item.login-name { font-weight: 500; font-size: 18px; color: #333; text-align: right; line-height: 20px; }

.navbar-expand-lg .navbar-nav li.nav-item.login-name span { display: block; font-size: 14px; font-weight: normal; color: #fff; }

.navbar-expand-lg .navbar-nav li.nav-item.login-name span.user-logo { width: 80px; height: 80px; border-radius: 50%; margin-left: 10px; }

.navbar-expand-lg .navbar-nav li.nav-item.login-name span.user-logo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.admin-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 25px 0 0; position: relative; min-height: 72vh; }

.admin-wrapp .admin-row1 { width: 100%; display: block; margin: 0 auto; position: relative; float: left; padding: 0 0 0; }

.admin-wrapp .admin-row1 .admin-outer { width: 100%; display: flex; flex-wrap: wrap; position: relative; justify-content: left; margin: 0 auto; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1 { width: 22.75%; display: block; margin: 0 3% 3% 0; float: left; position: relative; border: 1px solid #bfbfbf; border-radius: 10px; padding: 25px 25px 20px 25px; background: #545454; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(4n) { margin-right: 0; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1:hover { background: #e94646; border: 1px solid #e94646; }

/* .admin-wrapp .admin-row1 .admin-outer .admin-col1:last-child { margin-right: 0; } */

.admin-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 { width: 100%; margin: 0 auto; position: relative; float: left; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg { width: auto; display: inline-block; margin: 0 0 60px; float: none; background: none; padding: 13px 10px; border-radius: 5px; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg img { width: 100%; display: block; margin: 0 0 0; height: auto; max-width: 45px; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 { width: 100%; float: left; font-size: 16px; line-height: 26px; font-weight: 500; color: #fff; background: url('../images/arrow-right.svg') center no-repeat; background-size: 25px; padding: 0 25px 0 0; background-position: 99% 50%; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1:hover .admin-box1 h2 { color: #fff; background: url('../images/arrow-right1.svg') center no-repeat; background-size: 25px; background-position: 99% 50%; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1.menu-list .admin-box1 .admin-boximg { margin: 0 0 20px; }

footer { background: #fff; width: 100%; float: left; padding: 30px 0; text-align: center; }

footer .copy-right { width: 100%; display: block; margin: 0 auto; position: relative; float: left; padding: 0; }

footer .copy-right p { font-size: 16px; color: #7f7f7f; display: block; margin: 0 auto; line-height: normal; }

.dash-wrapp { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 auto; padding: 0 0 50px; }

.dash-wrapp .container { max-width: 94%; }

.dash-wrapp .row { align-items: flex-start; }

.dash-wrapp .sidebar-wrapp { width: 23%; float: left; margin: 0 2% 0 0; background: #e94646; position: relative; display: block; border-radius: 15px; padding: 35px 20px; min-height: 94vh; }

.dash-wrapp .sidebar-wrapp .side-logo { width: auto; display: block; margin: 5px auto 30px 5%; position: relative; float: none; }

.dash-wrapp .sidebar-wrapp .side-logo img { width: 100%; display: block; margin: 0 0 0; max-width: 85%; height: auto; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; float: left; height: 90%; overflow-y: auto; }

.dash-wrapp .sidebar-wrapp .sibebar-row1::-webkit-scrollbar { display: none; }

.dash-wrapp.inner-dashboard .sidebar-wrapp { position: fixed; z-index: 99; margin: 0 0 0; left: -100%; -webkit-transition: all 0.8s; transition: all 0.8s; min-width: 300px; width: 20%; top: 0; height: 100vh; overflow: hidden; }

.button_container { position: absolute; top: 48%; left: 1.5%; transform: translateY(-50%); height: 20px; width: 30px; cursor: pointer; z-index: 100; transition: opacity 0.4 ease; }

.button_container:hover { opacity: .7; }

.button_container.active .top { -webkit-transform: translateY(11px) translateX(0) rotate(45deg); transform: translateY(11px) translateX(0) rotate(45deg); background: #e94646; }

.button_container.active .middle { opacity: 0; background: #e94646; }

.button_container.active .bottom { -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg); transform: translateY(-11px) translateX(0) rotate(-45deg); background: #e94646; }

.button_container span { background: #ffff; border: none; height: 2.5px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; }

.button_container span:nth-of-type(2) { top: 11px; }

.button_container span:nth-of-type(3) { top: 22px; }

.button_container.active span.bottom { display: inline-block; }

.dash-wrapp.inner-dashboard .sibebar-menu { -webkit-transition: all 0.8s; transition: all 0.8s; }

.dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 4%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li { width: 100%; display: block; position: relative; background: #e94646; border: 1px solid #e94646; border-radius: 10px; padding: 0 0 0; margin: 0 0 5px; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; color: #fff; font-size: 14px; line-height: 24px; letter-spacing: 0.5px; font-weight: 400; padding: 10px 15px 10px 15px; text-decoration: none; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu { color: #000; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span { width: 30px; display: block; margin: 0 10px 0 0; position: relative; float: left; transition: all 0.25s ease-out 0s; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.hover-img { position: relative; display: none; left: 0; transition: all 0.25s ease-out 0s; opacity: 0; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span img { width: 100%; display: block; margin: 0 0 0; height: auto; max-width: 100%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu span { display: none; opacity: 0; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu span.hover-img { display: block; opacity: 1; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover { background: #fff; border: 1px solid #e94646; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active .dask-menu { color: #000; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active { background: #fff; border: 1px solid #e94646; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active .dask-menu span { display: none; opacity: 0; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active .dask-menu span.hover-img { display: block; opacity: 1; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 .dash-footer { width: 100%; position: absolute; bottom: 12px; left: 0; right: 0; margin: 0 auto; text-align: center; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 .dash-footer p { font-size: 12px; color: #f4a3a3; display: block; margin: 0 auto; line-height: normal; }

.dash-wrapp .main-wrapp { width: 75%; float: right; display: block; margin: 0 0 0; position: relative; padding: 0 0 0; }

.dash-wrapp .inner-head { width: 100%; padding: 25px 0 25px; margin: 0 0 25px; position: relative; background: #131432; }

.dash-wrapp .inner-head .head-main .dash-tittle { width: auto; float: left; position: relative; }

.dash-wrapp .inner-head .head-main .dash-tittle h2 { font-size: 24px; font-weight: 500; text-align: center; color: #000; line-height: 34px; }

.dash-wrapp .inner-head .head-main .head-right { width: fit-content; position: relative; float: right; margin: 0 0 0; display: block; }

.dash-wrapp .inner-head .head-main .head-right .head-nav { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name { width: auto; position: relative; float: left; display: flex; flex-wrap: wrap; align-items: center; margin: 0; }

.dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user { display: inline-block; position: relative; border-radius: 8px; overflow: hidden; margin: 0 15px 0 0; }

.dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user img { width: 110px; display: block; max-width: 110px; height: 110px; margin: 0 auto; border-radius: 8px!important; object-fit: cover; }

.dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main { font-weight: 500; font-size: 16px; color: #fff; text-align: left; line-height: 22px; display: block; width: fit-content; margin: 0 10px 0 0; }

.dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main span { font-size: 13px; }

.dash-wrapp .inner-head .head-main .head-center { width: fit-content; position: relative; float: right; margin: 0 0 0; display: flex; flex-wrap: wrap; align-items: end; }

.dash-wrapp .inner-head .head-main .head-center .date-filter { display: flex; flex-wrap: wrap; align-items: end; }

.dash-wrapp .inner-head .head-main .head-center .date-filter li { width: 150px; margin: 0 10px 0 0; }

.dash-wrapp .inner-head .head-main .head-center .date-filter li .text-field { width: 100%; }

.dash-wrapp .inner-head .head-main .head-center .date-filter li .text-field label { color: #fff; margin: 0 0 5px; }

.head-center a { color: #fff!important; margin: 0 10px 0 0; font-size: 16px!important; font-weight: 600!important; cursor: pointer; border: 1px solid #fff; padding: 0 20px; border-radius: 8px; height: 45px; line-height: 45px; display: inline-block; }

.head-center a:hover { color: #e94646!important; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown { width: auto; display: block; margin: 0 auto; position: relative; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop { padding: 0 0 0; position: relative; display: inline-block; max-width: 150px; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop label { color: #ffff; font-size: 12px; margin-bottom: 5px; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:before { display: none; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop .nav-link.dropdown-toggle.profile-btn { border-radius: 0; border: 0; padding: 0 30px 0 0!important; background-position: 100% 50%!important; font-size: 14px; cursor: pointer; color: #000; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop .nav-link.dropdown-toggle.profile-btn:hover { color: #e94646; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop ul.dropdown-menu { top: 25px; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop ul.dropdown-menu li { width: 100%; display: block; margin: 0 0 0; position: relative; }

.dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop ul.dropdown-menu li a.dropdown-item { font-size: 14px; padding: 10px 10px!important; }

.dashboard-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 15px 0 0; position: relative; }

.dashboard-wrapp .dashboard-head { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; float: left; justify-content: space-between; }

.dashboard-wrapp .dashboard-head .user-box { width: fit-content; margin: 0 0 0; float: left; position: relative; display: block; }

.dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2 span.user_staff { display: inline-block; margin: 0 0 0 5px; }

.dashboard-wrapp .dashboard-head .user-box .user-id { width: 100%; height: auto; background: #fff; position: relative; cursor: pointer; float: left; display: block; }

.dashboard-wrapp .dashboard-head .user-box .user-id .user-name { width: 100%; padding: 0 0 0; float: left; font-size: 22px; font-weight: 500; text-align: left; color: #000; border: 0; cursor: pointer; line-height: 34px; position: relative; background: url('../images/chevron-down.svg') no-repeat!important; background-size: 20px!important; background-position: 100% 49%!important; padding-right: 35px!important; }

.dashboard-wrapp .dashboard-head .user-box .user-id .user-name:hover { color: #e94646; background: url('../images/down.svg') no-repeat!important; background-position: 100% 49%!important; background-size: 20px!important; }

.dashboard-wrapp .dashboard-head .user-box .user-id .user-name option { color: #000; font-weight: 500; transition: all .25s ease-in-out; font-size: 14px; padding: 10px 10px!important; }

.dashboard-wrapp .dashboard-head .user-box .user-id .user-name option:hover { color: #e94646; transition: all .25s ease-in-out; background: transparent; }

.dashboard-wrapp .dashboard-head .summary-row .summary-btn { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url('../images/paperclip.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.dashboard-wrapp .dashboard-head .summary-row .summary-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646 url('../images/paperclip.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; }

.dashboard-wrapp .dashboard-body { width: 100%; float: left; position: relative; margin: 0 0 0; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 { width: 100%; margin: 0 0 0; position: relative; float: left; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-days { width: 12.57%; margin: 0 2% 2% 0; font-size: 14px; color: #333; border: 1px solid #bfbfbf; border-radius: 5px; padding: 10px 10px; text-align: center; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-days:last-child { margin-right: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.weekend { color: #e94646; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates { width: 12.57%; margin: 0 2% 2% 0; font-size: 14px; color: #333; border: 1px solid #bfbfbf; cursor: pointer; border-radius: 5px; padding: 10px 10px; text-align: center; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates:hover { border: 1px solid #001740; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates:nth-child(7n) { margin-right: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.weekend { color: #e94646; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.un-valid { color: #bfbfbf; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.holiday:after { content: ""; position: absolute; background: #ff6b00; width: 8px; height: 8px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; bottom: 7px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.holiday { padding-bottom: 15px; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.marked:after { content: ""; position: absolute; background: #1faf38; width: 8px; height: 8px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; bottom: 7px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.marked { padding-bottom: 15px; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.not-marked:after { content: ""; position: absolute; background: #000; width: 8px; height: 8px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; bottom: 7px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.not-marked { padding-bottom: 15px; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.leave:after { content: ""; position: absolute; background: #e94646; width: 8px; height: 8px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; bottom: 7px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashboard-list li.list-dates.leave { padding-bottom: 15px; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 20px 0 20px; float: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note span { font-size: 14px; line-height: 24px; color: #000; display: block; margin: 0 25px 0 0; font-weight: 500; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note { width: fit-content; margin: 0 3% 0 0; padding: 0 0 0 15px; float: left; font-size: 14px; line-height: 24px; color: #333; border-radius: 5px; text-align: center; position: relative; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note.holiday:after { content: ""; position: absolute; background: #ff6b00; width: 8px; height: 8px; border-radius: 50%; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note.marked:after { content: ""; position: absolute; background: #1faf38; width: 8px; height: 8px; border-radius: 50%; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note.not-marked:after { content: ""; position: absolute; background: #000; width: 8px; height: 8px; border-radius: 50%; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note.leave:after { content: ""; position: absolute; background: #e94646; width: 8px; height: 8px; border-radius: 50%; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.dashboard-wrapp .dashboard-body .dashboard-box1 ul.dashbord-note li.list-note.halfday:after { content: ""; position: absolute; background: #5d3fd3; width: 8px; height: 8px; border-radius: 50%; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.dashboard-wrapp .dashboard-body .attendance-entry { width: 100%; display: block; margin: 0 auto; position: relative; float: left; border: 1px solid #bfbfbf; border-radius: 8px; padding: 25px 20px; background: #2c3e50; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 { width: 100%; display: block; margin: 0 auto; position: relative; float: left; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 h3 { font-size: 20px; font-weight: 500; color: #ffff; text-align: left; line-height: 28px; display: block; margin: 0 0 25px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .work-timeing { width: 100%; display: flex; flex-wrap: wrap; position: relative; align-items: center; justify-content: space-between; float: left; margin: 0 0 10px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .work-timeing h4 { font-size: 18px; font-weight: 500; color: #fff; text-align: left; line-height: 24px; display: block; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .work-timeing h4 span { color: #e94646; display: inline-block; margin: 0 0 0 10px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .work-timeing h2 { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #1faf38; border-radius: 30px; padding: 9px 20px 8px 20px; background: #1faf38; line-height: normal; font-size: 14px; margin: 0 0 15px; position: relative; cursor: pointer; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .time-warning { width: 100%; display: block; float: left; margin: 0 0 25px; position: relative; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .time-warning p { width: fit-content; border-radius: 8px; display: flex; flex-wrap: wrap; font-size: 16px; line-height: 28px; font-weight: 600; align-items: center; position: relative; color: #e94646; background: #fff1e6; padding: 13px 20px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .time-warning p span { width: 25px; display: block; margin: 0 10px 0 0; position: relative; float: left; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .time-warning p span img { width: 100%; display: block; margin: 0 0 0; height: auto; max-width: 100%; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form { width: 100%; display: block; margin: 0 0 25px; position: relative; float: left; padding: 0 0 20px; border-bottom: 1px solid #bfbfbf; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields { width: 100%; display: block; margin: 0 auto; position: relative; float: left; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .text-field { width: 100%; float: left; padding: 0 0 0; margin: 0 0 20px; position: relative; display: block; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .text-field label { font-size: 18px; font-weight: 500; color: #fff; text-align: left; line-height: 24px; display: block; margin: 0 0 5px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .text-field textarea { width: 100%; border: 1px solid #00000026; color: #000; border-radius: 5px; height: 100px; resize: none; padding: 10px 10px 10px 12px; font-size: 18px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .text-field textarea::placeholder { color: #000; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .text-field small.error.text-danger { font-size: 16px; color: #ffff!important; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .form-btn { width: 100%; float: left; padding: 0 0 0; margin: 0 0 0; position: relative; display: block; text-align: center; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .form-btn button { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #e94646; border-radius: 30px; padding: 11px 40px 11px 40px; background: #e94646; line-height: normal; font-size: 16px; font-weight: 500; margin: 0 0 5px; position: relative; outline: none; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .attendance-form .text-fields .form-btn button:hover { color: #fff; border: 1px solid #001740; background: #001740; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .ending-timeing { width: 100%; display: flex; flex-wrap: wrap; position: relative; align-items: center; justify-content: space-between; float: left; margin: 0 0 15px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .ending-timeing h4 { font-size: 18px; font-weight: 500; color: #fff; text-align: left; line-height: 24px; display: block; margin: 0 0 15px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .ending-timeing h4 span { color: #e94646; display: inline-block; margin: 0 0 0 10px; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .ending-timeing h2 { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #e94646; border-radius: 30px; padding: 9px 20px 8px 20px; background: #e94646; line-height: normal; font-size: 14px; margin: 0 0 15px; position: relative; cursor: pointer; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .ending-timeing h2:hover { background: #001740; border-color: #001740; }

.dashboard-wrapp .dashboard-body .attendance-entry .attend-box1:last-child .attendance-form { border: 0; margin: 0 0 0; padding: 0 0 0; }

.dash-wrapp.inner-dashboard .main-wrapp { width: 100%; }

.dash-wrapp.inner-dashboard .inner-head { margin: 0 0 12px; }

.dashboard-wrapp .dashboard-head .summary-row .download-btn { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url('../images/download.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.dashboard-wrapp .dashboard-head .summary-row .download-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646 url('../images/download.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; }

.dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2 { width: 100%; /*padding: 0 0 0 30px;*/ float: left; font-size: 20px; font-weight: 500; text-align: left; color: #000; border: 0; cursor: pointer; line-height: 34px; /*background: url('../images/arrow-left.svg') no-repeat!important; background-position: 0 50%!important; background-size: 22px!important;*/ }

.dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2 a { color: #000; }

.dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2:hover a { color: #e94646; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.staff-logout { display: none; }

/* .dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2:hover { color: #e94646; background: url('../images/arrow-left1.svg') no-repeat!important; background-position: 0 50%!important; background-size: 22px!important; } */

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul { width: 57%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 1% 15px 0; background: #545454; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 { margin-right: 0; width: 42%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul li { font-size: 16px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row1 { width: 16%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row2 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row3 { width: 18%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row4 { width: 18%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row5 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row1 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row2 { width: 36%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row3 { width: 22%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row4 { width: 15%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul { width: 57%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 1% 15px 0; background: #f0f0f0; border-radius: 8px; padding: 8px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 { margin-right: 0; width: 42%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul li { font-size: 18px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row1 { width: 16%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row2 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row3 { width: 18%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row4 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row5 { width: 18%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row1 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row2 { width: 36%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row3 { width: 37%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul li.list-row0 { width: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row0 { width: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.staff-text li.list-row4 { }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.late { background: #ffdede; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.late li.list-row2 { color: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.late li.list-row3 { color: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.early { background: #ffdede; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.early li.list-row1 { color: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.early li.list-row2 { color: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 { width: 100%; margin: 0 0 15px; background: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row1 { width: 19%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row2 { width: 11%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row3 { width: 76%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row4 { width: 11%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1.text-staff li.list-row5 { width: 40%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.text-staff li.list-row4 { width: 40%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1 li { color: #fff; }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul li a img.edit-time-entries-button { float: right; margin: 0 0 0 10px!important; width: 25px; }

.popup-box a { text-decoration: none; }

.popup-onload { width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 999; min-height: 100vh; }

.popup-onload .popup-box { width: 100%; max-width: 650px; min-height: auto; margin: 0 auto; background: #fff url(../images/popup-bg.png) no-repeat; background-size: contain!important; background-position: right center; position: absolute; z-index: 999; padding: 35px 30px; border-radius: 12px; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }

.popup-onload .popup-box p { font-size: 14px; font-weight: 400; color: #000; text-align: left; line-height: 24px; display: block; margin: 0 0 25px; }

.popup-onload .popup-box .x { float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; }

.popup-onload .popup-box .x:hover { cursor: pointer; }

.popup-onload .popup-box h2 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 25px; font-size: 18px; line-height: 26px; font-weight: 500; }

.popup-onload .popup-box h2 span { width: 40px; margin: 0 12px 0 0; float: left; position: relative; display: block; }

.popup-onload .popup-box h2 span img { width: 100%; display: block; margin: 0 auto; height: auto; }

.popup-onload .popup-box .close { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.popup-onload .popup-box .close:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.staffform-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.staffform-wrapp .search-box { width: 100%; display: block; padding: 12px 20px; border: 1px solid #e94646; border-radius: 8px; margin: 0 0 0; position: relative; float: left; background: #e94646; }

.staffform-wrapp .search-box .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: center!important; }

.staffform-wrapp .search-box .text-fields .text-field { width: 14%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.staffform-wrapp .search-box .text-fields .text-field:last-child { margin-right: 0; }

.staffform-wrapp .search-box .text-fields .text-field .input-field { width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 14px; }

.staffform-wrapp .search-box .text-fields .text-field .input-field::placeholder { color: #000; }

.staffform-wrapp .search-box .text-fields .text-field label { width: 100%; float: left; font-size: 14px; line-height: 24px; color: #ffff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.staffform-wrapp .search-box .text-fields .text-field select { background: #ffff url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 27px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 14px; }

.staffform-wrapp .search-box .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: right; padding: 30px 0 0 0;}

.staffform-wrapp .search-box .text-fields .filter-field .apply-btn { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-weight: 600; }

.staffform-wrapp .search-box .text-fields .filter-field .apply-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.staffform-wrapp .search-box .text-fields .radio-field { width: 20%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.staffform-wrapp .search-box .text-fields .radio-field label { width: 100%; float: left; font-size: 14px; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; height: 45px; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn { width: fit-content; display: block; position: relative; padding-left: 22px; margin: 0 9% 0 0; cursor: pointer; font-size: 15px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn input { position: absolute; opacity: 0; cursor: pointer; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn .checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: #001740; border: 1px solid #001740; border-radius: 50%; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn input:checked~.checkmark { background-color: #fff; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn .checkmark:after { content: ""; position: absolute; display: none; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn input:checked~.checkmark:after { display: block; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn .checkmark:after { top: 2.9px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #001740; }

.staffform-wrapp .search-box .text-fields .radio-field .radio-box .radio-btn:last-child { margin-right: 0; }

.dash-wrapp.inner-dashboard .main-wrapp .staff-wrapp .dashboard-head .user-box h2 { width: 100%; padding: 0; float: left; font-size: 22px; font-weight: 500; text-align: left; color: #000; border: 0; cursor: pointer; line-height: 34px; }

.dashboard-wrapp .dashboard-body .staff-row1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0; float: left; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 { width: 32.66%; float: left; display: block; margin: 0 1% 1% 0; position: relative; border: 1px solid #545454; border-radius: 12px; padding: 15px 15px; background: #545454; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1:nth-child(3n) { margin-right: 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; align-items: center; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 85px; float: left; display: block; margin: 0 2% 0 0; position: relative; border-radius: 5px; overflow: hidden;  position: absolute;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 100%; border-radius: 5px; overflow: hidden; min-height: 65px; object-fit: cover; object-position: top center; height: 104px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; float: left; display: block; margin: 0 2% 0 0; position: relative; padding-left: 95px;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details h2 { font-size: 18px; color: #fff; text-align: left; line-height: 22px; font-weight: 600; margin: 0 0 10px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li { width: fit-content; float: left; display: inline-block; font-size: 17px; line-height: 20px; color: #fff!important; text-align: left; position: relative; margin: 5px 0 5px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li a { color: #fff!important; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li:nth-child(2n) { padding-left: 8px; margin-left: 8px; }

/* .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp:before { content: "|"; position: absolute;left: -8px;color: #bfbfbf;} */

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone:before { content: "|"; position: absolute; left: 0; color: #bfbfbf; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding-left: 25px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.location { width: 100%; display: block; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.current { color: #1faf38; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist { color: #fff; width: 100%; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.resign { color: #fff; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp { position: relative; padding-left: 25px; margin: 0 10px 0 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp .wtsp-img { width: 20px; position: absolute; left: 0; top: -2px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%; float: left; display: block; margin: 0 0 0; position: relative; padding-left: 95px;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn { width: auto; display: inline-block; font-size: 16px; color: #fff; text-align: right; line-height: 18px; font-weight: 600; letter-spacing: -0.2px; text-decoration: underline;  margin: 0 10px 0 0;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn:hover { color: #e94646; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit { width: auto; display: inline-block; font-size: 16px; color: #fff; text-align: right; line-height: 18px; font-weight: 600; letter-spacing: -0.2px; margin: 10px 0 0; text-decoration: underline; margin: 0 10px 0 0;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit:hover { color: #e94646; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link { width: auto; display: inline-block; font-size: 16px; color: #fff; text-align: right; line-height: 18px; font-weight: 600; letter-spacing: -0.2px; margin: 0 0 0; text-decoration: underline; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link:hover { color: #e94646; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .view-bank { font-size: 15px; display: inline-block; color: #001740; text-align: left; line-height: 16px; font-weight: 500; letter-spacing: -0.2px; border-bottom: 2px solid #001740; margin: 0 11px 0 0; cursor: pointer; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .view-bank:nth-child(2n) { margin: 0 40px; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .view-bank:hover { color: #e94646; border-bottom: 2px solid #e94646; }

.addbank-wrapp { width: 100%; float: left; display: block; position: relative; border: 1px solid #e94646; background: #e94646; padding: 12px 20px; border-radius: 8px; }

.addbank-wrapp .addbank-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 10px 0 0; position: relative; float: left; }

.addbank-wrapp .addbank-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: normal; }

.addbank-wrapp .addbank-row .text-fields .text-field { width: 9%; float: left; display: block; margin: 0 1% 10px 0; position: relative; }

.addbank-wrapp .addbank-row .text-fields .text-field.bank_text { width: 13.835%; }

.addbank-wrapp .addbank-row .text-fields .text-field:last-child { margin-right: 0; }

.addbank-wrapp .addbank-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 14px; color: #000; font-weight: 500; font-size: 18px; }

.addbank-wrapp .addbank-row .text-fields .text-field .input-field::placeholder { color: #000; }

.addbank-wrapp .addbank-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.addbank-wrapp .addbank-row .text-fields .text-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #909090; font-weight: 400; cursor: pointer; font-size: 14px; }

.addbank-wrapp .addbank-row .text-fields .text-field.full-field.bank-remarks { width: 88%; }

.addbank-wrapp .addbank-row .text-fields .text-field textarea.input-field { height: 50px; max-height: 100px; }

.addbank-wrapp .addbank-row .text-fields .filter-field { width: 7.5%; display: flex; margin: 0 0 0; position: relative; float: right; max-width: 10%; }

.addbank-wrapp .addbank-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 10px 8px 10px; background: #001740; line-height: normal; font-size: 14px; margin: auto auto 22px; position: relative; outline: none; }

.addbank-wrapp .addbank-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row2 { width: 11%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row3 { width: 12%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row4 { width: 12%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row5 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row6 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row7 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box ul.addbank-list1 li.list-row8 { width: 9%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row2 { width: 11%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row3 { width: 12%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row4 { width: 12%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row5 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row6 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row7 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li.list-row8 { width: 9%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li span:last-child { margin-left: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-bal { background: #fff; text-align: right; display: block; padding-top: 0; padding-bottom: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-bal li.sublist { width: fit-content; font-size: 14px; color: #000; font-weight: 500; float: right; text-align: center; position: relative; right: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-bal li.sublist span { width: auto; display: block; color: #fff; background: #1faf38; border-radius: 5px; padding: 13px 30px 12px 30px; line-height: normal; font-weight: normal; margin: 0 0 0 20px; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field { width: 5.3%; float: left; display: flex; margin: 0; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn { width: fit-content; display: block; position: relative; padding-left: 0; margin: 0 0; cursor: pointer; font-size: 15px; line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn input { position: absolute; opacity: 0; cursor: pointer; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark { position: relative; display: block; top: 0; left: 0; height: 35px; width: 35px; background-color: #fff; border: 1px solid #909090; border-radius: 4px; margin: 10px 0 0;}

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn input:checked~.checkmark { background-color: #fff; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark:after { content: ""; position: absolute; display: none; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn input:checked~.checkmark:after { display: block; }

.addbank-wrapp .addbank-row .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark:after { top: 2.9px; left: 3px; width: 27px; height: 27px; border-radius: 1px; background: #001740; }

.popup { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000a8; display: none; }

.popup-content { font-weight: bolder; width: 90%; max-width: 1200px; min-height: auto; margin: 0 auto; background: #fff; position: absolute; z-index: 999; padding: 20px 20px; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; border: 5px solid #001740; border-radius: 15px; }

.show { display: block; }

.show1 { display: block; }

.popup .close { position: absolute; top: 30px; right: 30px; transition: all 200ms; font-size: 38px; line-height: 18px; font-weight: normal; text-decoration: none; color: #909090b5; cursor: pointer; z-index: 9; width: 25px; }

.popup .close:hover { color: #001740; }

.popup .popup-content .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: baseline; }

.popup .popup-content .text-fields .text-field { width: 12%; float: left; display: block; margin: 0 1.07% 1.07% 0; position: relative; }

.popup .popup-content .text-fields .text-field:last-child { margin-right: 0; }

.popup .popup-content .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.popup .popup-content .text-fields .text-field .input-field::placeholder { color: #000; }

.popup .popup-content .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup .popup-content .text-fields .text-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; }

.popup .popup-content .text-fields .filter-field { width: 7.5%; display: flex; margin: 0 0 10px; position: relative; float: right; max-width: 10%; }

.popup .popup-content .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 10px 8px 10px; background: #001740; line-height: normal; font-size: 14px; margin: auto 0; position: relative; outline: none; }

.popup .popup-content .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.popup .popup-content .text-fields .text-field.full-field.bank-remarks { width: 90%; }

.popup .popup-content .text-fields .text-field textarea.input-field { height: 85px; max-height: 100px; }

.popup .popup-content .text-fields .checkbox-field { display: flex; }

.popup .popup-content .text-fields .checkbox-field .checkbox-box { margin: auto 10px; }

.reminder-popup .popup-content { max-height: 85%; overflow: hidden; overflow-y: scroll; border: 5px solid #001740; border-radius: 15px; }

.reminder-popup .popup-content .popup-content-wrapp { width: 100%; overflow: hidden; overflow-y: auto; padding: 0 20px; }

.reminder-popup .popup-content .popup-content-wrapp::-webkit-scrollbar { width: 6px; }

.reminder-popup .popup-content .popup-content-wrapp::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }

.reminder-popup .popup-content .popup-content-wrapp::-webkit-scrollbar-thumb { background: #545454; border-radius: 10px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list1 li.list-row1 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list1 li.list-row2 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list1 li.list-row3 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list1 li.list-row4 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box ul.reminder-list1 li.list-row5 { width: 10%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li.list-row1 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li.list-row2 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li.list-row3 { width: 23%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li.list-row4 { width: 18%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li.list-row5 { width: 10%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li span:last-child { margin-left: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-bal { background: #fff; text-align: right; display: block; padding-top: 0; padding-bottom: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-bal li.sublist { width: fit-content; font-size: 14px; color: #000; font-weight: 500; float: right; text-align: center; position: relative; right: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .reminder-box1 ul.reminder-bal li.sublist span { width: auto; display: inline-block; color: #fff; background: #1faf38; border-radius: 5px; padding: 13px 30px 12px 30px; line-height: normal; font-weight: normal; margin: 0 0 0 20px; }

.popup.reminder-popup h2 { font-size: 22px; color: #333; text-align: left; line-height: 22px; font-weight: 600; margin: 0 0 15px; }

.popup.reminder-popup .popup-content .text-fields .text-field { width: 22.8%; margin: 0 2% 1% 0; }

.popup.reminder-popup .popup-content .text-fields .text-field.remarks-field { width: 97%; }

.popup.reminder-popup .popup-content .text-fields .text-field.full-field { width: 100%; }

.popup.reminder-popup .radio-field { width: 100%; float: left; display: block; margin: 0 0 2% 0; position: relative; }

.popup.reminder-popup .radio-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup.reminder-popup .radio-field .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; height: 45px; }

.popup.reminder-popup .radio-field .radio-box .radio-btn { width: auto; display: block; position: relative; padding-left: 22px; margin: 0 4% 0 0; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.popup.reminder-popup .radio-field .radio-box .radio-btn input { position: absolute; opacity: 0; cursor: pointer; }

.popup.reminder-popup .radio-field .radio-box .radio-btn .checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: transparent; border: 1px solid #00000026; border-radius: 50%; }

.popup.reminder-popup .radio-field .radio-box .radio-btn input:checked~.checkmark { background-color: #fff; border: 1px solid #001740; }

.popup.reminder-popup .radio-field .radio-box .radio-btn .checkmark:after { content: ""; position: absolute; display: none; }

.popup.reminder-popup .radio-field .radio-box .radio-btn input:checked~.checkmark:after { display: block; }

.popup.reminder-popup .radio-field .radio-box .radio-btn .checkmark:after { top: 2.9px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #001740; }

.popup.reminder-popup .radio-field .radio-box .radio-btn:last-child { margin-right: 0; }

.popup.edite-popup h2 { font-size: 25px; color: #333; text-align: left; line-height: 22px; font-weight: 600; margin: 0 0 25px; }

.popup.edite-popup .popup-content .text-fields .text-field { width: 15%; margin: 0 2% 2% 0; }

.popup.edite-popup .popup-content .text-fields .text-field.full-field { width: 100%; margin: 0 0 22px; }

.popup.edite-popup .radio-field { width: 100%; float: left; display: block; margin: 0 0 20px; position: relative; }

.popup.edite-popup .radio-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup.edite-popup .radio-field .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; height: 45px; }

.popup.edite-popup .radio-field .radio-box .radio-btn { width: fit-content; display: block; position: relative; padding-left: 22px; margin: 0 4% 0 0; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.popup.edite-popup .radio-field .radio-box .radio-btn input { position: absolute; opacity: 0; cursor: pointer; }

.popup.edite-popup .radio-field .radio-box .radio-btn .checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: transparent; border: 1px solid #00000026; border-radius: 50%; }

.popup.edite-popup .radio-field .radio-box .radio-btn input:checked~.checkmark { background-color: #fff; border: 1px solid #001740; }

.popup.edite-popup .radio-field .radio-box .radio-btn .checkmark:after { content: ""; position: absolute; display: none; }

.popup.edite-popup .radio-field .radio-box .radio-btn input:checked~.checkmark:after { display: block; }

.popup.edite-popup .radio-field .radio-box .radio-btn .checkmark:after { top: 2.9px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #001740; }

.popup.edite-popup .radio-field .radio-box .radio-btn:last-child { margin-right: 0; }

.popup.edite-popup .text-fields .checkbox-field { width: 8.5%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.popup.edite-popup .text-fields .checkbox-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn { width: fit-content; display: block; position: relative; padding-left: 22px; margin: 0 0; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 45px; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn input { position: absolute; opacity: 0; cursor: pointer; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: transparent; border: 1px solid #909090; border-radius: 4px; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn input:checked~.checkmark { background-color: #fff; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark:after { content: ""; position: absolute; display: none; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn input:checked~.checkmark:after { display: block; }

.popup.edite-popup .text-fields .checkbox-field .checkbox-box .checkbox-btn .checkmark:after { top: 2.9px; left: 3px; width: 9px; height: 9px; border-radius: 1px; background: #001740; }

.dash-wrapp .inner-head .head-main .back-tittle { width: auto; float: left; position: relative; }

.dash-wrapp .inner-head .head-main .back-tittle h2 { width: 100%; padding: 0 0 0 30px; float: left; font-size: 24px; font-weight: 500; text-align: left; color: #fff; border: 0; cursor: pointer; line-height: 34px; background: url('../images/arrow-left 2.svg') no-repeat!important; background-position: 0 50%!important; background-size: 22px!important; margin: 0 0 0 10px;  z-index: 1;position: relative;}

.dash-wrapp .inner-head .head-main .back-tittle h2 a { color: #fff; }

.dash-wrapp .inner-head .head-main .back-tittle h2:hover a { color: #e94646; }

.dash-wrapp .inner-head .head-main .back-tittle h2:hover { color: #e94646; background: url('../images/arrow-left1.svg') no-repeat!important; background-position: 0 50%!important; background-size: 22px!important; }

.salary-wrapp { width: 100%; float: left; display: block; position: relative; border: 1px solid #e94646; background: #e94646; padding: 6px 20px 10px; border-radius: 8px; }

.popup .salary-wrapp { background: none; padding: 0; border: none; }

.salary-wrapp .salary-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 10px 0 0; position: relative; float: left; }

.salary-wrapp .salary-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-start; }

.salary-wrapp .salary-row .text-fields .text-field { width: 10%; float: left; display: block; margin: 0 1% 15px 0; position: relative; }

.salary-wrapp .salary-row .text-fields .text-field.paid-val {
  width: 8%;
}

.salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 6%; }

.salary-wrapp .salary-row .text-fields .text-field.staff-val { width: 14%; }

.salary-wrapp .salary-row .text-fields .text-field.bal-amount { width: 9%; }

.salary-wrapp .salary-row .text-fields .text-field:nth-child(10) { /*margin-right: 0;*/ }

.salary-wrapp .salary-row .text-fields .text-field:last-child { margin-right: 0; }

.salary-wrapp .salary-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; margin: 0 0 0; }

.salary-wrapp .salary-row .text-fields .text-field .input-field::placeholder { color: #000; }

.popup.reminder-popup .popup-content .text-fields .text-field textarea { margin: 0 0 20px; line-height: 1.81; font-size: 18px; color: #000; }

.popup.reminder-popup .popup-content .text-fields .text-field textarea::placeholder { color: #000; }

.salary-wrapp .salary-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.salary-wrapp .salary-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 23px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.salary-wrapp .salary-row .text-fields .text-field.full-field { width: 100%; margin: 0 0 0; }

.salary-wrapp .salary-row .text-fields .text-field.full-field.remarks-field { width: 88%; margin: 0 10px 0 0; }

.salary-wrapp .salary-row .text-fields .text-field .input-field.text-none { background: #f2f2f2; pointer-events: none; }

.salary-wrapp .salary-row .text-fields .text-field textarea.input-field { width: 100%; height: 50px; resize: none; padding: 12px; margin: 0; }

.salary-wrapp .salary-row .text-fields .text-field textarea.input-field::placeholder { color: #000; }

.salary-wrapp .salary-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 10px; position: relative; float: right; }

.salary-wrapp .salary-row .text-fields .filter-field.sub-btn { top: 19px; }

.salary-wrapp .salary-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 15px auto; position: relative; outline: none; }

.salary-wrapp .salary-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.dashboard-wrapp .dashboard-head.statement-head { display: block; }

.dashboard-wrapp .dashboard-head.statement-head .statement-row { float: right; width: auto; position: relative; display: block; }

.dashboard-wrapp .dashboard-head .statement-row .statement-btn { width: auto; float: right; display: inline-block; color: #001740; border: 1px solid #001740; font-weight: 500; border-radius: 30px; padding: 8px 20px 8px 20px; background: transparent; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.dashboard-wrapp .dashboard-head .statement-row .statement-btn:hover { color: #fff; border: 1px solid #001740; background: #001740; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box .dataTables_wrapper { width: 100%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box .dataTables_wrapper table.salary-list1 td:nth-last-child(2) { width: 290px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row1 { width: 7%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row2 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row3 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row6 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row7 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row8 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row9 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row10 { width: 9%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box ul.salary-list1 li.list-row11 { width: 7%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row1 { width: 7%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row2 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row3 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row6 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row7 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row8 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row9 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row10 { width: 9%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li.list-row11 { width: 7%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li span:last-child { margin-left: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal { background: #fff; text-align: right; align-items: center; display: flex; justify-content: right; padding: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist { width: 25.5%; float: left; margin: 0 5.6% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist span { width: 35%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 10px 12px 10px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist1 { width: 22.5%; float: left; margin: 0 2.5% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist1 span { width: 39.668%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 10px 12px 10px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist2 { width: 7%; float: left; margin: 0 3% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist2 span { width: 100%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 10px 12px 10px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist3 { width: 7%; float: left; margin: 0 2% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist3 span { width: 100%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 10px 12px 10px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist4 { width: 7%; float: left; margin: 0 0 0; text-align: center; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .salary-box1 ul.salary-bal li.sublist4 span { width: 100%; display: inline-block; color: #fff; background: #1faf38; border-radius: 5px; padding: 13px 15px 12px 15px; line-height: normal; font-weight: normal; margin: 0 0 0 0; }

.salary-sate-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.salary-sate-wrapp .salary-row { width: 100%; display: block; border-radius: 8px; margin: 10px 0 15px; position: relative; float: left; border: 1px solid #e94646; background: #e94646; padding: 6px 20px 6px; }

.salary-sate-wrapp .salary-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; }

.salary-sate-wrapp .salary-row .text-fields .text-field { width: 16%; float: left; display: block; margin: 0 1.5% 0 0; position: relative; }

.salary-sate-wrapp .salary-row .text-fields .text-field:last-child { margin-right: 0; }

.salary-sate-wrapp .salary-row .text-fields .text-field .input-field { width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 12px; margin: 0 0 20px; }

.salary-sate-wrapp .salary-row .text-fields .text-field .input-field::placeholder { color: #000; }

.salary-sate-wrapp .salary-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.salary-sate-wrapp .salary-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 25px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row2 { width: 15%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row3 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row4 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row5 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row6 { width: 15%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box ul.statement-list1 li.list-row7 { width: 12%; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row2 { width: 15%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row3 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row4 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row5 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row6 { width: 15%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li.list-row7 { width: 12%; margin: 0 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li span:last-child { margin-left: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .statement-box1 ul.statement-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.salary-sate-wrapp .salary-row1 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0;  }

.salary-sate-wrapp .salary-row1 h3 { font-size: 22px; line-height: 28px; font-weight: 500; color: #33302e; }

.salary-sate-wrapp .salary-row1 .salary-box1 { width: fit-content; float: left; display: block; margin: 0 15px 10px 0; border-radius: 8px; position: relative; background: #fff1e6; padding: 13px 20px; }

.salary-sate-wrapp .salary-row1 .salary-box1 h3 span { color: #eb1c1c; padding: 0; font-weight: 700; }

.salary-sate-wrapp .salary-row1 .salary-box2 { width: fit-content; float: left; display: block; margin: 0 15px 10px 0; border-radius: 8px; position: relative; background: #fdeded; padding: 13px 20px; }

.salary-sate-wrapp .salary-row1 .salary-box2 h3 span { color: #eb1c1c; padding: 0; font-weight: 700; }

.salary-sate-wrapp .salary-row1 .salary-box3 { width: fit-content; float: left; display: block; margin: 0 15px 10px 0; border-radius: 8px; position: relative; background: #c7ebcd; padding: 13px 20px; }

.salary-sate-wrapp .salary-row1 .salary-box3 h3 span { color: #eb1c1c; padding: 0; font-weight: 700; }

.salary-sate-wrapp .salary-row1 .salary-box4 { width: fit-content; float: left; display: block; margin: 0 15px 10px 0; border-radius: 8px; position: relative; background: #302DAE40; padding: 13px 10px; }

.salary-sate-wrapp .salary-row1 .salary-box4 h3 { font-weight: 600; }

.salary-sate-wrapp .salary-row1 .salary-box5 { background: #e3e2c3; width: fit-content; float: left; display: block; margin: 0 0 10px 0; border-radius: 8px; position: relative; padding: 13px 10px; }

.salary-sate-wrapp .salary-row1 .salary-box5 h3 { font-weight: 600; }

.salary-sate-wrapp .salary-row1 .salary-box5 h3 span { color: #eb1c1c; padding: 0 0 0 8px; font-weight: 700; }

.salary-sate-wrapp .salary-row1 .salary-box4 h3 span { color: #eb1c1c; font-weight: 700; }

.daybook-wrapp { width: 100%; float: left; display: block; position: relative; }

.daybook-wrapp .daybook-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 10px 0 15px; position: relative; float: left; }

.daybook-wrapp .daybook-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; justify-content: right; }

.daybook-wrapp .daybook-row .text-fields .text-field { width: 16%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.daybook-wrapp .daybook-row .text-fields .text-field:last-child { margin-right: 0; }

.daybook-wrapp .daybook-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; margin: 0 0 0; }

.daybook-wrapp .daybook-row .text-fields .text-field .input-field::placeholder { color: #000; }

.daybook-wrapp .daybook-row .text-fields .text-field label { width: 100%; float: left; font-size: 12px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.daybook-wrapp .daybook-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: right; }

.daybook-wrapp .daybook-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.daybook-wrapp .daybook-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.daybook-wrapp .daybook-row .text-fields .text-field label { width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 24px; color: #000; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.daybook-wrapp .daybook-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.daybook-wrapp .daybook-row.pl-row .text-fields { width: 44.5%; float: right; }

.daybook-wrapp .daybook-row.pl-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; }

.daybook-wrapp .daybook-row.pl-row .pl-percentage-box { width: fit-content; float: none; display: inline-block; margin: 0 10px 0 0; border-radius: 8px; position: relative; background: #c7ebcd; padding: 8px 25px; }

.daybook-wrapp .daybook-row.pl-row .text-fields .text-field { width: 38%; margin: 0 4% 0 0; }

.daybook-wrapp .daybook-row.pl-row .text-fields .text-field:last-child { margin-right: 0; }

.daybook-wrapp .daybook-row.pl-row .pl-percentage-box p { font-size: 22px; line-height: 28px; font-weight: 600; color: #000; }

.daybook-wrapp .daybook-row.pl-row .pl-percentage-box p span { color: #e94646; padding: 0 0 0 7px; font-weight: 700; font-size: 18px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row1 { width: 8%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row2 { width: 39%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row3 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row4 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row5 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box ul.day-book-list1 li.list-row6 { width: 10%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row1 { width: 8%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row2 { width: 39%; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row3 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row4 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row5 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-list2 li.list-row6 { width: 10%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal { background: #fff; text-align: right; align-items: center; display: flex; padding: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist { width: 21.5%; float: left; margin: 0 26% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist span { width: fit-content; display: inline-block; color: #fff; background: #1faf38; border-radius: 5px; padding: 13px 30px 12px 30px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0 25px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist1 { width: 15.5%; float: left; margin: 0 2% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist1 span { width: fit-content; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 30px 12px 30px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0 25px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist2 { width: 9%; float: left; margin: 0 2% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist2 span { width: 100%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 25px 12px 25px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist3 { width: 11.5%; float: left; margin: 0 1% 0 0; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist3 span { width: 100%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 25px 12px 25px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist4 { width: 11.5%; float: left; margin: 0 0 0; text-align: center; font-weight: 500; color: #000; display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .day-book-box1 ul.day-book-bal li.sublist4 span { width: 100%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 25px 12px 25px; line-height: normal; font-weight: normal; margin: 0 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 { width: 43%; float: left; margin: 0 2% 30px 0; position: relative; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) { margin-right: 0;width: 55%;}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: end; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 8px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul li { font-size: 18px; color: #000; display: inline-block; float: left; position: relative; text-align: left; font-weight: 600; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul li.sublist-q.p-1 { padding: 0 !important;}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list1 li.list-row1 { width: 73%; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list1 li.list-row2 { width: 25%; margin: 0 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 { background: #fff; text-align: right; padding: 0; justify-content: space-between; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist { width: auto; font-size: 18px; color: #000; font-weight: 600; float: right; text-align: center; position: relative; display: flex; align-items: center; justify-content: right; margin: 0 0 0 auto; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist span { width: auto; display: inline-block; color: #000; background: #fdeded; border-radius: 5px; padding: 8px 10px 8px 10px; line-height: normal; font-weight: 600; margin: 0 0 0 5px; float: right; font-weight: 700; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist span span.align-net { padding: 0 0 0 7px; display: inline; width: auto; margin: 0; color: #e94646; }


.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 span.gst-p11 {  padding: 8px 10px 8px 10px;margin: 0 2% 0 0;display: block; width: max-content; background: #fdeded; border-radius: 8px; line-height: 28px;}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist-q span.bank-pl1 {color: #e94646;padding: 0 0 0 7px;font-weight: 700;}



.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:first-child { margin-top: 35px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list3 { background: #fff; text-align: right; align-items: center; display: flex; padding-top: 0; padding-bottom: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list3 li { font-size: 18px; color: #000; font-weight: 500; float: right; text-align: center; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list3 li.list-row1 { width: 18%; float: left; display: block; margin: 0 2% 0 42%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list3 li.list-row2 { width: 18%; float: left; display: block; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list1 li.list-row1 { width: 40%; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list1 li.list-row2 { width: 18%; float: left; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list1 li.list-row3 { width: 18%; float: left; text-align: center; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list1 li.list-row4 { text-align: center; width: 18%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist { width: fit-content; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist span { width: 61%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist.bal_list { background: #1faf38; border-radius: 5px; padding: 8px 30px 8px 30px; color: #fff; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist.bal_list span { padding: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 { background: #fff; text-align: right; padding: 0; justify-content: right; margin: 0 0 15px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1 { width: fit-content; float: left; display: block; margin: 0 3% 0 0; border-radius: 8px; position: relative; background: #fdeded; padding: 8px 20px; font-size: 18px; line-height: 28px; font-weight: 600; color: #000; text-align: center; flex-grow: 1; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1 span.bank-pl1 { color: #e94646; padding: 0 0 0 7px; font-weight: 700; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist2 { width: fit-content; float: left; display: block; margin: 0 0 0; border-radius: 8px; position: relative; background: #c7ebcd; font-size: 18px; line-height: 28px; font-weight: 600; color: #000; text-align: center; padding: 8px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist2 span.bank-pl2 { color: #e94646; padding: 0 0 0 7px; font-weight: 700; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist2 span.bank-bal { padding-left: 15px; margin-left: 15px; border-left: 2px solid #9fbca4; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist2 span.bank-bal span.bank-pl3 { color: #1faf38; padding: 0 0 0 7px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 0;}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 { width: 44%; float: left; margin: 0 2% 0 0; position: relative; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1:nth-child(2n) { margin-right: 0; width: 54%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1:nth-child(3) { float: right; margin: 0 0 0 auto; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list1 li.list-row1 { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list2 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list2 li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list2 li.list-row1 { width: 73%; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list2 li.list-row2 { width: 25%; margin: 0 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list3 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; border-radius: 8px; background: #fff; text-align: right; padding: 0; justify-content: right; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list3 li.sublist { width: 100%; font-size: 14px; color: #000; font-weight: 500; float: right; text-align: center; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 ul.pl-list3 li.sublist span { width: 33.5%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 15px 12px 15px; line-height: normal; font-weight: normal; margin: 0 0 0 20px; float: right; }

.pl-list-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.pl-list-wrapp .pl-list-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0; border-radius: 8px; margin: 10px 0 0; position: relative; float: left; }

.pl-list-wrapp .pl-list-row .pl-list-title { width: 24%; float: left; display: inline-block; margin: 0 2% 0 0; position: relative; }

.pl-list-wrapp .pl-list-row .pl-list-title h3 { font-size: 28px; line-height: 28px; font-weight: 600; color: #33302e; }

.pl-list-wrapp .pl-list-row .text-fields { width: 74%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; justify-content: right; }

.pl-list-wrapp .pl-list-row .text-fields form { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; }

.pl-list-wrapp .pl-list-row .text-fields .text-field { width: 20%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.pl-list-wrapp .pl-list-row .text-fields .text-field:last-child { margin-right: 0; }

.pl-list-wrapp .pl-list-row .text-fields .text-field .input-field { width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 12px; margin: 0 0 0; }

.pl-list-wrapp .pl-list-row .text-fields .text-field .input-field::placeholder { color: #000; }

.pl-list-wrapp .pl-list-row .text-fields .text-field label { width: 100%; float: left; font-size: 12px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.pl-list-wrapp .pl-list-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: right; }

.pl-list-wrapp .pl-list-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.pl-list-wrapp .pl-list-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.pl-list-wrapp .pl-list-row .text-fields .text-field label { width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.pl-list-wrapp .pl-list-row .text-fields .text-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row1 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row2 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row3 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row5 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row6 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row7 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row8 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box ul.pl-yearly-list1 li.list-row9 { width: 8%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.day-book-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row1 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row2 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row3 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row5 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row6 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row7 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row8 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box1 ul.pl-yearly-list2 li.list-row9 { width: 8%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal { width: 9%; border-radius: 0; background: #fff; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal li.sublist1 { font-weight: 600; text-align: right; width: 100%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 { width: 91%; background: #bfbfbf; text-align: right; align-items: center; display: flex; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li { color: #fff; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist1 { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; font-weight: 500; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist1 { width: 8%; margin: 0 1% 0 0; font-weight: 600; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist2 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist3 { width: 15%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist5 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist6 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist7 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist8 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-yearly-box2 ul.pl-yearly-bal2 li.sublist9 { width: 9%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul li { font-size: 11.5px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row1 { width: 7%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row2 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row4 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row5 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row6 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row7 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box ul.pl-monthly-list1 li.list-row8 { width: 8%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.day-book-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row1 { width: 7%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row2 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row4 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row5 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row6 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row7 { width: 7%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box1 ul.pl-monthly-list2 li.list-row8 { width: 8%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal { width: 9%; border-radius: 0; background: #fff; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal li.sublist1 { font-weight: 600; text-align: right; width: 100%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 { width: 91%; background: #bfbfbf; text-align: right; align-items: center; display: flex; padding-left: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li { color: #fff; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist1 { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; font-weight: 500; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist1 { width: 7%; margin: 0 1% 0 0; font-weight: 600; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist2 { width: 18%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist3 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist4 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist5 { width: 17%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist6 { width: 18%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist7 { width: 9%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box2 ul.pl-monthly-bal2 li.sublist8 { width: 8%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 10px 0 0 0; padding: 0; justify-content: space-between; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 8px 8px; font-size: 18px; line-height: 28px; font-weight: 600; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist { width: 32%; margin: 0 0 10px 0; background: #bfe4e7; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist span { color: #1fafaf; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist1 { width: 32%; margin: 0 0 10px 0; background: #f5e8e1; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist1 span { color: #ff6b00; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist2 { width: 32%; margin: 0 0 10px 0; background: #bfe4c9; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist2 span { color: #1faf38; padding: 0 0 0 7px; font-weight: 700; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist3 { width: 32%; margin: 0 0 0 0; background: #f3e4e8; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist3 span { color: #e94646; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist4 { width: 32%; margin: 0 0 0 0; background: #cbcbeb; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist4 span { color: #4d4cac; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist5 { width: 32%; margin: 0 0 0 0; background: #e3e2c3; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist5 span { color: #afa91f; padding: 0 0 0 7px; }

.voucher-form-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.voucher-form-wrapp .voucher-row { width: 100%; display: block; border-radius: 8px; margin: 0 0 0; position: relative; float: left; border: 1px solid #e94646; background: #e94646; padding: 20px; }

.popup .voucher-form-wrapp .voucher-row { background: none; border: none; padding: 0; }

.voucher-form-wrapp .voucher-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: normal; }

.voucher-form-wrapp .voucher-row .text-fields .text-field { width: 17%; float: left; display: block; margin: 0 1% 20px 0; position: relative; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 17%; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.check-outer {width: 3%;}

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 90%; margin: 0 1% 0 0; }

.voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 17%; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.per-col { width: 22%; }

.voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align { width: 9%; }

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(9) { /*margin-right: 0; */ }

.voucher-form-wrapp .voucher-row .text-fields .text-field:last-child { margin-right: 0; }

.voucher-form-wrapp .voucher-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; margin: 0 0 0; }

.voucher-form-wrapp .voucher-row .text-fields .text-field .input-field::placeholder { color: #000; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field input[type="checkbox"] {width: 35px; height: 35px;}

.voucher-form-wrapp .voucher-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup .voucher-form-wrapp .voucher-row .text-fields .text-field label { color: #000; }

.voucher-form-wrapp .voucher-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 67%; margin: 0 1% 0 0; }

.voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname { width: 13%;}

.voucher-form-wrapp .voucher-row .text-fields .text-field .input-field.text-none { background: #f2f2f2; pointer-events: none; }

.voucher-form-wrapp .voucher-row .text-fields .text-field textarea.input-field { width: 100%; height: 50px; resize: none; padding: 12px; }

.voucher-form-wrapp .voucher-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 10px 0 0; position: relative; float: right; }

.voucher-form-wrapp .voucher-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 35px 0 0 ; position: relative; outline: none; }

.voucher-form-wrapp .voucher-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.salary-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row1 span.tick { width: fit-content; display: block; margin: 0 0 0; position: relative; background: #e94646; padding: 6px 6px; border-radius: 4px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row1 span.tick img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 25px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row1 { width: 6%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row2 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row4 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row6 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row7 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row8 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box ul.voucher-list1 li.list-row9 { width: 8%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row1 span.tick { width: fit-content; display: block; margin: 0 0 0; position: relative; background: #e94646; padding: 6px 6px; border-radius: 4px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row1 span.tick img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 25px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row1 { width: 6%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row2 { width: 8%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row4 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row6 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row7 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row8 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.list-row9 { width: 8%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li span:last-child { margin-left: 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.bank-opt { color: #ff6b00; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-list2 li.bank-dir { color: #1faf38; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal { background: #fff; text-align: right; align-items: center; display: flex; padding: 0; justify-content: space-between; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist { width: fit-content; float: left; margin: 0 2% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist span { width: 35%; display: inline-block; color: #fff; background: #bfbfbf; border-radius: 5px; padding: 13px 10px 12px 10px; line-height: normal; text-align: center; font-weight: normal; margin: 0 0 0 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist1 { width: fit-content; margin: 0 0 0 0; background: #bfe4c9; float: right; display: block; border-radius: 8px; position: relative; padding: 13px 25px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; right: 22%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist1 span { color: #1faf38; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist .delete { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #e94646; border-radius: 30px; padding: 9px 20px 8px 40px; background: #e94646 url('../images/delete-icon.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-box1 ul.voucher-bal li.sublist .delete:hover { color: #fff; border: 1px solid #001740; background: #001740 url('../images/delete-icon.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.entry-head { display: flex; flex-wrap: wrap; align-items: center; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.entry-head ul.navbar-nav.dask-dropdown { display: inline-block; margin-right: 40px; float: left; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.entry-head .view-state { width: fit-content; float: left; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.entry-head .view-state:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.voucher-entry-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.voucher-entry-wrapp .entry-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 10px 0 0; position: relative; float: left; border: 1px solid #e94646; background: #e94646; padding: 20px; }

.voucher-entry-wrapp .entry-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; }

.voucher-entry-wrapp .entry-row .text-fields .text-field { width: fit-content; float: left; display: block; margin: 0 1% 0 0; position: relative; max-width: 9%; }

.voucher-entry-wrapp .entry-row .text-fields .text-field.cat-sub-field-stm {max-width: inherit;width: 16%;}

.voucher-entry-wrapp .entry-row .text-fields .text-field:last-child { margin-right: 0; }

.voucher-entry-wrapp .entry-row .text-fields .text-field .input-field { width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 12px; margin: 0 0 20px; }

.voucher-entry-wrapp .entry-row .text-fields .text-field .input-field::placeholder { color: #000; }

.voucher-entry-wrapp .entry-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.voucher-entry-wrapp .entry-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.voucher-entry-wrapp .entry-row .text-fields .text-field input { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.voucher-entry-wrapp .entry-row .text-fields .text-field input::placeholder { color: #000; }

.voucher-entry-wrapp .entry-row .text-fields .filter-field button.submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto 20px; position: relative; outline: none; }

.voucher-entry-wrapp .entry-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0 10px; position: relative; float: right; }

.voucher-entry-wrapp .entry-row .text-fields .filter-field button.submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.salary-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row1 { width: 5%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row2 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row4 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row6 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row7 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box ul.voucher-entry-list1 li.list-row8 { width: 11%; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row1 span.tick { width: fit-content; display: block; margin: 0 0 0; position: relative; background: #e94646; padding: 6px 6px; border-radius: 4px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row1 span.tick img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 25px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row1 { width: 5%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row2 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row4 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row5 { width: 10%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row6 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row7 { width: 12%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.list-row8 { width: 11%; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.bank-opt { color: #ff6b00; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .voucher-entry-box1 ul.voucher-entry-list2 li.bank-dir { color: #1faf38; }

.staff-pro-wrapp { float: left; display: block; background: #fff; padding: 0 0 0; position: relative; margin: 0 auto 0; width: 100%; }

.staff-pro-wrapp .staff-pro-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 0 0; border-radius: 8px; margin: 10px 0 15px; position: relative; float: left; }

.staff-pro-wrapp .staff-pro-row .staff-user { width: 70%; position: relative; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info { width: auto; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text { display: flex; flex-wrap: wrap; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text { width: 100%; margin: 0 0 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text:last-child { margin: 0; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; width: 80%; max-width: 755px; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align { width: 49%; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text { width: 49%; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text textarea { width: 100%; height: 117px; border: 1px solid #00000059; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 18px; background: none; max-width: 350px; resize: none; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text label { font-size: 16px; margin: 0 10px 0 0; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text input { width: 67%; height: 50px; border: 1px solid #00000059; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 18px; background: none; min-width: 190px; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text .error-text { width: 65%; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text .error-text input { width: 100%; }

.staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text label { width: 100%; }

.staff-pro-wrapp .staff-pro-row .staff-user .staff-img { width: 90px; height: 90px; border-radius: 8px; display: inline-block; margin: 0 3% 0 0; float: left; position: relative; }

.staff-pro-wrapp .staff-pro-row .staff-user .staff-img button.profile-image { position: absolute; top: -7px; right: -7px; background: #e94646; border: 1px solid #e94646; color: #fff; padding: 1px 5px 0; border-radius: 50%; font-size: 10px; }

.staff-pro-wrapp .staff-pro-row .staff-user .staff-img label { position: absolute; right: -7px; bottom: -7px; width: 30px; }

.staff-pro-wrapp .staff-pro-row .staff-user .staff-img img { width: 100%; height: 100%; object-fit: cover; display: block; max-width: 90px; margin: 0 0 0; border-radius: 8px; overflow: hidden; }

.staff-pro-wrapp .staff-pro-row .staff-user h2 { font-size: 18px; font-weight: 500; text-align: left; color: #000; line-height: 34px; }

.staff-pro-wrapp .staff-pro-row .staff-user h2 span.add-align { display: block; }

.staff-pro-wrapp .staff-pro-row .resume-row { width: auto; display: block; margin: 0 0 0; position: relative; float: right; }

.staff-pro-wrapp .staff-pro-row .resume-row .resume-file-btn { width: 70px; position: relative; margin: 10px auto 0; text-align: center; padding: 10px 0 0; }

.staff-pro-wrapp .staff-pro-row .resume-row .resume-file-btn .remove-re-btn { position: absolute; top: 0; right: 0; background: #e94646; border: 1px solid #e94646; padding: 1px 5px 0; border-radius: 50%; font-size: 10px; color: #fff; }

.staff-pro-wrapp .staff-pro-row .resume-row .view-btn { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url('../images/paperclip.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.staff-pro-wrapp .staff-pro-row .resume-row .view-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646 url('../images/paperclip.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; }

.staff-pro-wrapp .staff-pro-row .act-btn { position: absolute; right: 0; top: -15px; }

.staff-pro-wrapp .staff-pro-row .act-btn label { margin: 0 0 0 10px; }

.staff-pro-wrapp .staff-pro-row .resume-row .resume-file-btn .resume-file { display: none; }

.staff-pro-wrapp .staff-pro-row .resume-row .resume-file-btn img { width: 50px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile1 { width: 100%; display: block; margin: 0 0 20px; float: left; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 { width: 100%; display: block; margin: 0 0 20px; float: left; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 { width: 100%; display: block; margin: 0 0 20px; float: left; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 { width: 100%; display: block; margin: 0 0 20px; float: left; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile5 { width: 100%; display: block; margin: 0 0 0; float: left; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 10px 0; background: #545454; border-radius: 8px; padding: 8px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul li { font-size: 18px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul span { display: block; font-size: 11px; font-weight: 300; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row1 { width: 14%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row2 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row3 { width: 8%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row4 { width: 13%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row5 { width: 14%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row6 { width: 17%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul.staff-profile-list1 li.list-row7 { width: 18%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; float: left; margin: 0 0 0 0; background: #f0f0f0; border-radius: 8px; padding: 8px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li { font-size: 18px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; word-break: break-all; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li span { display: block; font-size: 16px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li textarea { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 6px 12px; color: #000; font-weight: 400; font-size: 18px; min-height: 100px; max-height: 150px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li input { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 18px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 5px 30px 5px 10px; color: #000; font-weight: 400; cursor: pointer; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .form-btn button.submit { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .form-btn button.submit:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 14%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 10%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 8%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 13%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row5 { width: 14%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row6 { width: 17%; margin: 0 1% 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul.staff-profile-list2 li.list-row7 { width: 18%; margin: 0 0 0 0; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row1 { width: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row2 { width: 12%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row3 { width: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row4 { width: 15%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row5 { width: 14%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row6 { width: 14%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 ul.staff-profile-list1 li.list-row7 { width: 15%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 12%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 12%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 15%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row5 { width: 14%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row6 { width: 14%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile2 .staff-profile-box1 ul.staff-profile-list2 li.list-row7 { width: 15%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 ul.staff-profile-list1 li.list-row1 { width: 24%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 ul.staff-profile-list1 li.list-row2 { width: 20%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 ul.staff-profile-list1 li.list-row3 { width: 20%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 ul.staff-profile-list1 li.list-row4 { width: 15%; text-align: left; margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 24%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 20%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 20%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 15%; text-align: left; margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 ul.staff-profile-list1 li.list-row3.exp-align { width: 38%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row3.exp-align { width: 38%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 ul.staff-profile-list1 li.list-row1 { width: 24%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 ul.staff-profile-list1 li.list-row2 { width: 20%!important; text-align: left!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 ul.staff-profile-list1 li.list-row3 { width: 20%!important; text-align: left!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 ul.staff-profile-list1 li.list-row4 { width: 17%!important; text-align: left!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 ul.staff-profile-list1 li.list-row5 { width: 15%; margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 24%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 17%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4 .staff-profile-box1 ul.staff-profile-list2 li.list-row5 { width: 15%; margin-right: 0!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li.field2 input { width: 100%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li.green { color: #1faf38; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile5 ul.staff-profile-list1 li.list-row1 { width: 100%; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile5 .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 100%; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass ul.staff-profile-list1 li.list-row1 { width: 65%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 65%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer { margin: 0 0 10px; width: 49%; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer label { font-size: 16px; margin: 0 0 5px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer .pswd-icon.password { top: 47px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row1 textarea { min-height: 141px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer:nth-child(2) { float: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3 .staff-profile-box1 ul.staff-profile-list2 li.list-row2.password.password-with-confirm { width: 33%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm ul.staff-profile-list1 li.list-row1 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm ul.staff-profile-list1 li.list-row2 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm ul.staff-profile-list1 li.list-row3 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-relm .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian ul.staff-profile-list1 li.list-row1 { width: 24%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian ul.staff-profile-list1 li.list-row2 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian ul.staff-profile-list1 li.list-row3 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian ul.staff-profile-list1 li.list-row4 { width: 17%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 24%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 20%!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.profile-guardian .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 17%!important; }

.add-main-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.add-main-wrapp .add-main-row { width: 100%; display: block; border-radius: 8px; margin: 10px 0 10px; position: relative; float: left; }

.add-main-wrapp .add-main-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-start; }

.add-main-wrapp .add-main-row .text-fields .text-field { width: 25%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.add-main-wrapp .add-main-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.add-main-wrapp .add-main-row .text-fields .text-field .input-field::placeholder { color: #000; }

.add-main-wrapp .add-main-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #000; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.add-main-wrapp .add-main-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: right; top: 35px; }

.add-main-wrapp .add-main-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 25px 8px 25px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.add-main-wrapp .add-main-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box ul.addmain-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box ul.addmain-list1 li.list-row1 { width: 100%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li.list-row1 { width: 74%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li.list-row2 { width: 25%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li span:last-child { margin-left: 4%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li .addlink { margin-right: 4%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li .addlink a { color: #001740; text-align: left; line-height: 16px; font-weight: 500; letter-spacing: -0.2px; text-decoration: underline; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addmain-box1 ul.addmain-list2 li .addlink a:hover { color: #e94646; }

.add-sub-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.add-sub-wrapp .add-sub-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 10px 0 35px; position: relative; float: left; }

.add-sub-wrapp .add-sub-row .sub-box { width: fit-content; margin: 0 auto; max-width: 250px; float: none; position: relative; display: block; }

.add-sub-wrapp .add-sub-row .sub-box .sub-row { width: 100%; height: auto; background: #fff; position: relative; cursor: pointer; float: left; display: block; }

.add-sub-wrapp .add-sub-row .sub-box .sub-row .sub-name { width: 100%; padding: 0 0 0; float: left; font-size: 14px; font-weight: 500; text-align: left; color: #000; border: 0; cursor: pointer; line-height: 34px; position: relative; background: url('../images/chevron-down.svg') no-repeat!important; background-size: 20px!important; background-position: 100% 49%!important; padding-right: 30px!important; }

.add-sub-wrapp .add-sub-row .sub-box .sub-row .sub-name:hover { color: #e94646; background: url('../images/down.svg') no-repeat!important; background-position: 100% 49%!important; background-size: 20px!important; }

.add-sub-wrapp .add-sub-row .sub-box .sub-row .sub-name option { color: #000; font-weight: 500; transition: all .25s ease-in-out; font-size: 14px; padding: 10px 10px!important; }

.add-sub-wrapp .add-sub-row .sub-box .sub-row .sub-name option:hover { color: #e94646; transition: all .25s ease-in-out; background: transparent; }

.add-sub-wrapp .add-sub-row .sub-cate-row { width: auto; display: block; margin: 0 0 0; position: relative; float: right; }

.add-sub-wrapp .add-sub-row .sub-cate-row .sub-btn { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url('../images/plus.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 15px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; }

.add-sub-wrapp .add-sub-row .sub-cate-row .sub-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646 url('../images/plus.svg') no-repeat!important; background-position: 15px 50%!important; background-size: 15px!important; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row1 { width: 20%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row2 { width: 15%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row4 { width: 20%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row5 { width: 14%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box ul.sub-cate-list1 li.list-row6 { width: 10%; margin: 0 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2.sub-center { align-items: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row1 { width: 20%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row2 { width: 15%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row3 { width: 16%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row4 { width: 20%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row5 { width: 14%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row6 { width: 10%; margin: 0 0 0 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span { width: fit-content; display: block; margin: 0 auto 5px; position: relative; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span:last-child { margin-bottom: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row5 span { margin: 0 0 5px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li.list-row5 span:last-child { margin-bottom: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span.delete { margin: 0 0 0 6%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span.edit { display: inline-block; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .sub-cate-box1 ul.sub-cate-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.bank-form-wrapp { width: 100%; float: left; display: block; position: relative; border: 1px solid #e94646; background: #e94646; padding: 20px; border-radius: 8px; }

.popup .bank-form-wrapp { background: none; border: none; padding: 0; }

.bank-form-wrapp .bank-form-row { width: 100%; display: block; padding: 0 0 0; border-radius: 8px; margin: 0; position: relative; float: left; }

.bank-form-wrapp .bank-form-row .text-fields { width: 100%; display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; justify-content: flex-start; }

.bank-form-wrapp .bank-form-row .text-fields .text-field { width: 16%; float: left; display: block; margin: 0 2% 0 0; position: relative; }

.bank-form-wrapp .bank-form-row .text-fields .text-field.all-per-col { width: 32%; }

.bank-form-wrapp .bank-form-row .text-fields .text-field.check-outer { display: flex; flex-direction: row-reverse; align-items: center; margin: 0 0 14px;  width: 14%;}

.bank-form-wrapp .bank-form-row .text-fields .text-field.check-outer label { margin: 0 0 0 10px; }

.bank-form-wrapp .bank-form-row .text-fields .text-field:last-child { margin-right: 0; }

.bank-form-wrapp .bank-form-row .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; margin: 0 0 0; }

.bank-form-wrapp .bank-form-row .text-fields .text-field .input-field::placeholder { color: #000; }

.bank-form-wrapp .bank-form-row .text-fields .text-field label { width: 100%; float: left; font-size: 12px; font-weight: 500; line-height: 24px; color: #333; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.bank-form-wrapp .bank-form-row .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: right; }

.bank-form-wrapp .bank-form-row .text-fields .text-field.check-outer input[type=checkbox] { width: 35px; height: 35px; }

.bank-form-wrapp .bank-form-row .text-fields .filter-field .submit-btn { width: 100%; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto 5px; position: relative; outline: none; }

.bank-form-wrapp .bank-form-row .text-fields .filter-field .submit-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.bank-form-wrapp .bank-form-row .text-fields .text-field label { width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.popup .bank-form-wrapp .bank-form-row .text-fields .text-field label { color: #000; }

.bank-form-wrapp .bank-form-row .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; margin: 0 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul.bank-sate-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul.bank-sate-list1 li.list-row1 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul.bank-sate-list1 li.list-row2 { width: 67%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul.bank-sate-list1 li.list-row3 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box ul.bank-sate-list1 li.list-row4 { width: 10%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul.bank-sate-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul.bank-sate-list2 li.list-row1 { width: 10%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul.bank-sate-list2 li.list-row2 { width: 67%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul.bank-sate-list2 li.list-row3 { width: 10%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box1 ul.bank-sate-list2 li.list-row4 { width: 10%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal { width: 100%; display: block; /* flex-wrap: wrap; */ /* align-items: center; */ position: relative; float: left; margin: 0 0 0 0; padding: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist { width: fit-content; margin: 0 2% 0 0; background: #f5e8e1; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist span { color: #ff6b00; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist1 { width: fit-content; margin: 0 2% 0 0; background: #f3e4e8; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist1 span { color: #e94646; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist2 { width: fit-content; margin: 0 2% 0 0; background: #cbcbeb; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist2 span { color: #4d4cac; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist3 { width: 31%; margin: 0 0 0 6%; background: #bfe4c9; float: right; display: flex; flex-wrap: wrap; justify-content: space-between; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist3 span { color: #1faf38; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist3 span.ta-one { width: 30%; margin: 0 3% 0 4%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-sate-box3 ul.bank-sate-bal li.sublist3 span.ta-two { width: 36%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul.all-bank-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul.all-bank-list1 li.list-row1 { width: 32%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul.all-bank-list1 li.list-row2 { width: 26%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul.all-bank-list1 li.list-row3 { width: 26%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box ul.all-bank-list1 li.list-row4 { width: 13%; margin: 0 0 0; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul.all-bank-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul.all-bank-list2 li.list-row1 { width: 32%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul.all-bank-list2 li.list-row2 { width: 26%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul.all-bank-list2 li.list-row3 { width: 26%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box1 ul.all-bank-list2 li.list-row4 { width: 13%; margin: 0 0 0; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0 0; padding: 0; justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li .sublist { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 600; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li .sublist span { font-weight: normal; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row1 { width: 26%; margin: 0 1% 0 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row2 { width: 24.5%; margin: 0 1% 0 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row3 { width: 18.5%; margin: 0 0 0; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row1 .sublist { width: fit-content; margin: 0 0 0; background: #f5e8e1; font-weight: 600; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row1 .sublist span { color: #ff6b00; padding: 0 0 0 7px; font-weight: normal; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row2 .sublist { width: fit-content; margin: 0 0 0; background: #cbcbeb; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row2 .sublist span { color: #4d4cac; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row3 .sublist { width: fit-content; margin: 0 0 0; background: #bfe4c9; float: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-box3 ul.all-bank-bal li.list-row3 .sublist span { color: #1faf38; padding: 0 0 0 7px; }

.bank-form-wrapp.bank-charges-wrapp .bank-form-row .text-fields { justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul.bank-charg-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul.bank-charg-list1 li.list-row1 { width: 57%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul.bank-charg-list1 li.list-row2 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul.bank-charg-list1 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box ul.bank-charg-list1 li.list-row4 { width: 12%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul.bank-charg-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul.bank-charg-list2 li.list-row1 { width: 57%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul.bank-charg-list2 li.list-row2 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul.bank-charg-list2 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box1 ul.bank-charg-list2 li.list-row4 { width: 12%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box3 ul.bank-charg-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0 0; padding: 0; justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box3 ul.bank-charg-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box3 ul.bank-charg-bal li.sublist { width: fit-content; margin: 0 0 0 0; background: #bfe4c9; display: flex; flex-wrap: wrap; justify-content: space-between; min-width: 23%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charg-box3 ul.bank-charg-bal li.sublist span { width: 41%; color: #1faf38; padding: 0 0 0 7px; display: inline-block; margin: 0 9% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul.all-bank-charg-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul.all-bank-charg-list1 li.list-row1 { width: 57%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul.all-bank-charg-list1 li.list-row2 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul.all-bank-charg-list1 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box ul.all-bank-charg-list1 li.list-row4 { width: 12%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul.all-bank-charg-list2 { margin-right: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul.all-bank-charg-list2 li.list-row1 { width: 57%; margin: 0 1% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul.all-bank-charg-list2 li.list-row2 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul.all-bank-charg-list2 li.list-row3 { width: 14%; margin: 0 1% 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box1 ul.all-bank-charg-list2 li.list-row4 { width: 12%; margin: 0 0 0; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box3 ul.all-bank-charg-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0 0; padding: 0; justify-content: flex-end; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box3 ul.all-bank-charg-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box3 ul.all-bank-charg-bal li.sublist { width: fit-content; margin: 0 0 0 0; background: #bfe4c9; display: flex; flex-wrap: wrap; justify-content: space-between; min-width: 23%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .all-bank-charg-box3 ul.all-bank-charg-bal li.sublist span { width: 41%; color: #1faf38; padding: 0 0 0 7px; display: inline-block; margin: 0 9% 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; position: relative; float: left; margin: 0 0 15px; padding: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal li.sublist { width: 35%; margin: 0 0 0; background: #cbcbeb; float: right; display: flex; flex-wrap: wrap; justify-content: space-between; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal li.sublist span { color: #4d4cac; padding: 0 0 0 7px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal li.sublist span.ta-one { width: 27%; margin: 0 1% 0 3%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box3 ul.bank-charge-bal li.sublist span.ta-two { width: 32%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box4 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box4 ul.bank-charge-bal { width: 100%; display: block; position: relative; float: left; margin: 0 0 0 0; padding: 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box4 ul.bank-charge-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 13px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box4 ul.bank-charge-bal li.sublist { width: fit-content; margin: 0 0 0; background: #bfe4c9; float: right; display: flex; flex-wrap: wrap; justify-content: space-between; min-width: 10%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .bank-charge-box4 ul.bank-charge-bal li.sublist span { color: #1faf38; padding: 0 0 0 7px; }

.income-form-wrapp { width: 100%; float: left; display: block; background: #fff; padding: 0 0 0; position: relative; }

.income-form-wrapp .income-form-box { width: 100%; display: block; margin: 0 0 16px; position: relative; float: left; border: 1px solid #e94646; background: #e94646; padding: 8px 20px 0; border-radius: 8px; }

.popup .income-form-wrapp .income-form-box { background: none; border: none; padding: 0; margin: 0; }

.income-form-wrapp .income-form-box .text-fields { width: 100%; /* display: flex; */ flex-wrap: wrap; float: left; position: relative; margin: 0 0 0; align-items: flex-end; }

.income-form-wrapp .income-form-box .text-fields .radio-field { width: 100%; float: left; display: block; margin: 0 0 0; position: relative; }

.income-form-wrapp .income-form-box .text-fields .radio-field label { width: 100%; float: left; font-size: 14px; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0; height: 45px; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn { width: fit-content; display: block; position: relative; padding-left: 22px; margin: 0 3% 0 0; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn input { position: absolute; opacity: 0; cursor: pointer; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn .checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: transparent; border: 1px solid #001740; border-radius: 50%; background: #fff; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn input:checked~.checkmark { background-color: #fff; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn .checkmark:after { content: ""; position: absolute; display: none; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn input:checked~.checkmark:after { display: block; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn .checkmark:after { top: 3px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #001740; }

.income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn:last-child { margin-right: 0; }

.income-form-wrapp .income-form-box .text-fields .text-field { width: 14%; float: left; display: block; margin: 0 2% 2% 0; position: relative; }

.income-form-wrapp .income-form-box .text-fields .add_bank .text-field.off-bank { width: 22%; }

.income-form-wrapp .income-form-box .text-fields .add_refund .text-field.off-bank { width: 19%; }

.income-form-wrapp .income-form-box .text-fields .text-field .input-field { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.income-form-wrapp .income-form-box .text-fields .text-field .input-field::placeholder { color: #000; }

.income-form-wrapp .income-form-box .text-fields .text-field select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 23px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; }

.income-form-wrapp .income-form-box .text-fields .text-field label { width: 100%; float: left; font-size: 16px; line-height: 24px; color: #fff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 52%; height: 50px; border: 0; border-radius: 0; padding: 10px 33px 10px 10px; color: #000; font-weight: 400; cursor: pointer; font-size: 18px; float: left; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox .input-field { width: 46%; float: right; border: 0; padding: 10px; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 39%; display: flex; flex-wrap: wrap; align-items: flex-end; position: relative; float: left; margin: 0 2% 2% 0; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox { width: 100%; height: auto; border: 1px solid #00000026; border-radius: 5px; padding: 0 0 0; color: #909090; font-weight: 400; font-size: 14px; position: relative; display: flex; flex-wrap: wrap; align-items: center; background: #fff; }

.income-form-wrapp .income-form-box .text-fields .filter-field { width: fit-content; display: block; margin: 0 0 0; position: relative; float: left; max-width: 10%; }

.income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 33px 0 0 0; position: relative; outline: none; }

.income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox span.barline { width: 1px; height: 17px; color: #fff; font-size: 25px; background: #00000026; display: block; float: left; margin: auto auto; }

.income-form-wrapp .income-form-box .text-fields .income-toptext { width: fit-content; float: right; display: inline-block; margin: -44px 0 0; }

.income-form-wrapp .income-form-box .text-fields .income-toptext p { width: fit-content; font-size: 12px; line-height: 16px; font-weight: 600; color: #ffff; text-align: left; position: relative; display: block; margin: 0 0 5px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 { width: 49%; float: left; margin: 0 2% 30px 0; position: relative; display: block; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1:nth-child(2n) { margin-right: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 8px 15px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; align-items: center; margin: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul.income-list1 { width: 54%; margin: 0 4% 0 0; padding: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul.income-list11 { width: 42%; float: right; padding: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li { font-size: 18px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row1 { width: 23%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row2 { width: 35%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row3 { width: 23%; margin: 0 1% 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row4 { width: 16%; margin: 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row5 { width: 37%; margin: 0 1% 0 0; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row6 { width: 36%; margin: 0 1% 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li.list-row7 { width: 25%; margin: 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; align-items: center; background: #f0f0f0; border-radius: 8px; padding: 8px 6px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul.income-list2 { width: 54%; margin: 0 2% 2% 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul.income-list22 { width: 44%; float: right; margin: 0 0 2%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li { font-size: 16px; color: #000; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row1 { width: 26%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row2 { width: 35%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row3 { width: 20%; margin: 0 1% 0 0; text-align: center; font-weight: 600; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row4 { width: 16%; margin: 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row5 { width: 42%; margin: 0 1% 0 0; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row6 { width: 31%; margin: 0 1% 0 0; text-align: center; font-weight: 600; font-size: 18px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li.list-row7 { width: 25%; margin: 0 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li span:last-child { margin-left: 6%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li span a { width: 23px; display: inline-block; margin: 0 auto 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .addmain-box1 ul.addmain-list2 li span { width: fit-content; display: inline-block; margin: 0 0 0; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .addmain-box1 ul.addmain-list2 li span:last-child { margin-left: 4%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .addmain-box1 ul.addmain-list2 li span a { width: 100%; display: block; margin: 0 auto; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .addmain-box1 ul.addmain-list2 li span img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 30px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .income-list3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .income-list3 ul.income-bal { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0 0; padding: 0; justify-content: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .income-list3 ul.income-bal li { width: fit-content; float: left; display: block; border-radius: 8px; position: relative; padding: 13px 20px; font-size: 22px; line-height: 28px; font-weight: 500; color: #33302e; text-align: center; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .income-list3 ul.income-bal li.sublist { width: fit-content; margin: 0 0 0 0; background: #f7d3bb; display: flex; flex-wrap: wrap; justify-content: space-between; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .income-list3 ul.income-bal li.sublist span { width: auto; color: #eb1c1c; padding: 0 0 0 7px; display: inline-block; font-weight: 700; font-size: 22px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 { width: 100%; display: block; position: relative; float: left; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 { width: 100%; display: block; margin: 0 0 20px; float: left; position: relative; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; float: left; margin: 0 0 15px 0; background: #000; border-radius: 8px; padding: 15px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul li { font-size: 13px; color: #fff; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li.list-row2 { width: 24%; text-align: center; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li.list-row3 { width: 24%; text-align: center; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li.list-row4 { width: 20%; text-align: center; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li.list-row5 { width: 15%; margin-right: 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li .inco-bank { width: 100%; display: flex; justify-content: center; position: relative; font-size: 12px; margin: 10px 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li .inco-bank span { width: 40%; margin: 0 0 0; position: relative; float: left; display: block; padding: 0 5%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box2 ul.income-list1 li .inco-bank span.inc-cred:after { content: ""; background: #ffffffa6; right: 0; position: absolute; width: 2px; height: 100%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 15px 0; background: #f0f0f0; border-radius: 8px; padding: 15px 20px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul li { font-size: 13px; color: #303030; display: inline-block; float: left; position: relative; text-align: left; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li.list-row1 { width: 13%; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li.list-row2 { width: 24%; margin: 0 1% 0 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li.list-row3 { width: 24%; text-align: center; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li.list-row4 { width: 20%; text-align: center; margin: 0 1% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li.list-row5 { width: 15%; margin-right: 0; text-align: center; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li .inco-bank { width: 100%; display: flex; justify-content: center; position: relative; margin: 0 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li .inco-bank span { width: 40%; margin: 0 0 0; position: relative; float: left; display: block; padding: 0 5%; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row2 .income-col2 .income-box3 ul.income-list2 li .inco-bank span.inc-cred:after { content: ""; background: #00000059; right: 0; position: absolute; width: 2px; height: 100%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown .reminders { display: none; padding: 0 15px; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown .dask-menu { background: url('../images/chevron-up-white.svg') no-repeat center; background-position-x: center; background-size: auto; background-position-x: center; background-size: auto; background-size: 20px; background-position-x: 95%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown.active .dask-menu { background: url('../images/chevron-up-red.svg') no-repeat center; background-size: 20px; background-position-x: 95%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown1 .dask-menu { background: url('../images/chevron-up-white.svg') no-repeat center; background-position-x: center; background-size: auto; background-position-x: center; background-size: auto; background-size: 20px; background-position-x: 95%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown1.active .dask-menu { background: url('../images/chevron-up-red.svg') no-repeat center; background-size: 20px; background-position-x: 95%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown .reminders li a { background: none!important; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.dropdown1 .settings li a { background: none!important; }

.table>thead th { background: #000; color: #fff; padding: 8px 12px!important; font-size: 18px!important; text-align: left; }

.table>thead th:first-child { border-radius: 8px 0 0 0; }

.table>thead th:last-child { border-radius: 0 8px 0 0; text-align: right; }

.table>tbody td { background: #fff; color: #000; padding: 4px 12px; font-size: 18px!important; vertical-align: middle; font-weight: 500; text-align: left; }

.table>tbody td:last-child { text-align: right; min-width: 109px; }

.edite-popup table tbody tr td:nth-child(5) { max-width: 518px; }

/* .table>tbody td:first-child { border-radius: 8px 0 0 8px; } */

/* .table>tbody td:last-child { border-radius: 0 8px 8px 0; } */
.dataTables_wrapper .dataTables_length label { display: flex; align-items: center; justify-content: left; font-weight: normal; }

.dataTables_wrapper .dataTables_length label select.form-select { width: 80px; margin: 0 15px; border-radius: 30px; }

.dataTables_wrapper div#voucher-table_filter { text-align: right; }

.dataTables_wrapper div#voucher-table_filter label { display: flex; align-items: center; justify-content: right; font-weight: normal; }

.dataTables_wrapper .row.dt-row { margin-top: 20px; }

.table>tbody td button { background: none; border: none; width: 30px; margin: 0 5px 0 0; height: 30px; vertical-align: middle; }

.table>tbody td button.add_sub { width: auto; color: #001740; font-weight: 600; text-decoration: underline; }

.table>tbody td button.add_sub:hover { text-decoration: none; }

.table>tbody td button:last-child { margin-right: 0; }

.dataTables_info { font-weight: normal; }

.dataTables_wrapper .dataTables_filter { text-align: right; }

.dataTables_wrapper .dataTables_filter label { display: flex; flex-wrap: wrap; float: right; font-weight: normal; width: 230px; }

.dataTables_wrapper .dataTables_filter label input { display: inline; float: right; width: 100%; border-radius: 30px; margin-left: 10px; flex: 1 0 0; align-self: stretch; }

.modal .modal-dialog .modal-content { padding: 20px 10px; border: 5px solid #001740; border-radius: 15px; overflow: hidden; max-height: 88vh; }

.modal .modal-dialog .modal-content .modal-content-wrapp { overflow-y: auto; padding: 0 20px; }

.modal .modal-dialog .modal-content .modal-content-wrapp::-webkit-scrollbar { width: 6px; display: none; }

.modal .modal-dialog .modal-content .modal-content-wrapp::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }

.modal .modal-dialog .modal-content .modal-content-wrapp::-webkit-scrollbar-thumb { background: #545454; border-radius: 10px; }

.modal .modal-dialog .modal-content .modal-header { padding: 0; border: none; margin: 0 0 20px; }

.modal .modal-dialog .modal-content .modal-body { padding: 0; }

.modal .modal-dialog .modal-content .modal-header button.close { background: none; border: none; width: 25px; }

.modal .modal-dialog .modal-content .modal-header h4 { font-size: 22px; font-weight: 600; }

.modal .modal-dialog .modal-content .modal-header h5 { font-size: 22px; font-weight: 600; }

.modal .modal-dialog .modal-content .dataTables_wrapper { position: relative; }

.modal .modal-dialog .modal-content .dataTables_wrapper .dataTables_processing.card { position: absolute; width: 100%; top: 0; left: 0; height: 100%; background: rgb(255 255 255 / 70%); display: block; text-align: center; border: none; }

.modal .modal-dialog .modal-content .dataTables_wrapper .dataTables_processing.card img { width: 230px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; }

.modal .modal-dialog .modal-content .modal-body .sub-text { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 20px; }

.modal .modal-dialog .modal-content .modal-body .text-field { width: 100%; margin: 0 0 0; }

.modal .modal-dialog .modal-content .modal-body .text-field label { margin: 0 0 5px; font-weight: 500; }

.modal .modal-dialog .modal-content .modal-body .sub-text .text-field { width: 48%; }

.modal .modal-dialog .modal-content .modal-body form { margin: 0 0 20px; }

.modal .modal-dialog .modal-content .dataTables_wrapper .dataTables_filter label input { width: 100%; flex: 1 0 0; }

.modal .modal-dialog .modal-content .dataTables_wrapper .dataTables_length label span { display: none; }

.modal .modal-dialog .modal-content .modal-body p { margin: 0 0 20px; font-size: 18px; }

.modal .modal-dialog .modal-content .modal-body .category-text { width: 100%; margin: 0 0 20px; }

.modal .modal-dialog .modal-content .modal-body button.btn.btn-danger { border-radius: 30px; }

.modal .modal-dialog .modal-content .modal-body button.btn.btn-warning { border-radius: 30px; }

.prev-modal .modal-dialog { max-width: 92%; }

.pagination li.paginate_button.page-item a.page-link { z-index: auto; }

.modal .modal-dialog .modal-content .modal-body .sub-text .text-field:nth-child(4) { width: 100%; }

.modal .modal-dialog .modal-content .modal-body .sub-text .text-field textarea { max-height: 150px; }

.modal.prev-modal .modal-dialog .modal-content .modal-content-wrapp { padding: 0 10px; }

.error.text-danger { font-size: 12px; font-weight: 400; line-height: normal; display: block; }

.text-danger { font-size: 12px; font-weight: 400; line-height: normal; display: block; }

.small { font-size: 12px; font-weight: 400; line-height: normal; display: block; }

.alert.alert-danger { font-size: 12px; background: none; border: none; padding: 0; margin: 5px 0 0; color: #e94646; }

.dataTables_empty { text-align: center!important; }

.summary-filter { width: 36%; }

.summary-filter .row.staff-yes .col-md-6 { padding: 0 5px; }

#count-wrapper { display: none; margin-bottom: 10px; float: left; }

#count-wrapper>span { margin: 0 5px; }

#count-wrapper span { font-size: 18px; font-weight: 600; }

.summary-filter .row { justify-content: center; margin: 0; }

.summary-filter select { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 25px 10px 10px; color: #000; font-weight: 400; cursor: pointer; font-size: 18px; }

.dash-wrapp .inner-head .head-main .head-center select { background: #fff url(../images/chevron-down.svg) no-repeat center!important; background-size: 20px!important; background-position-x: 95%!important; width: 150px; height: 45px; border: none; border-radius: 5px; padding: 0 25px 0 10px; color: #000; font-weight: 400; cursor: pointer; font-size: 18px; line-height: 45px; }

.dash-wrapp .inner-head .head-main .head-center .select2 .selection .select2-selection { background: #fff url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 320px; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 8px 25px 10px 10px; color: #909090; font-weight: 400; cursor: pointer; font-size: 18px; }

header.myHeader.inner-head.atend_tab .head-main .head-center { width: 100%;  justify-content: center; position: absolute; top:0;}
header.myHeader.inner-head.atend_tab .head-main .head-center .select2-container { width: auto !important;}

.select2-container .select2-dropdown { width: 320px !important; }


.dash-wrapp .inner-head .head-main .head-center .select2 .selection .select2-selection .select2-selection__arrow { display: none; }

.settings-wrap { width: 100%; float: left; }

.settings-wrap .text-fields.form .row { width: 100%; margin: 0 0 20px; align-items: center; }

.settings-wrap .text-fields.form .row.wish-group { align-items: flex-start;}

.settings-wrap .text-fields.form .form-group.btn-group { width: auto; margin: 20px 0 0!important; }

.settings-wrap .text-fields.form .form-group.btn-group button.save-btn { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; position: relative; outline: none; }

.settings-wrap .text-fields.form .form-group.btn-group button.save-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.settings-wrap .text-fields.form .row.wish-group .row { align-items: center; }

.settings-wrap .text-fields.form .row.wish-group .wish-field { width: 100%; margin: 0 0 20px; }

.settings-wrap .text-fields.form .row.wish-group .wish-field { width: 100%; margin: 0 0 0; }

.settings-wrap .text-fields .text-field input.input-field { width: 100%; height: 50px; border: 1px solid #000; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 18px; }

.settings-wrap .text-fields .text-field select { width: 100%; height: 50px; border: 1px solid #000;  border-radius: 5px; padding: 12px;  color: #000;  font-weight: 400;  font-size: 18px;  background: #fff url(../images/chevron-down.svg) no-repeat center;  background-size: 18px; background-position-x: 95%;}

.settings-wrap .text-fields .text-field label { font-size: 18px; }

.settings-wrap .text-fields h3 { padding: 0 15px; font-size: 20px; font-weight: 500; margin: 0 0 10px; }

.settings-wrap .text-fields.form .row.wish-group .wish-field input { width: 100%; height: 50px; border: 1px solid #000; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.settings-wrap .text-fields.form .row.wish-group .wish-field input[type="checkbox"] { width: 16px!important; height: 16px!important; border: 1px solid #000!important; }

.settings-wrap .text-fields.form .row.wish-group .wish-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #000; border-radius: 5px; padding: 10px 23px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; }

.settings-wrap .text-fields.form .row.wish-group .wish-field textarea { width: 100%; height: 160px; border: 1px solid #000; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.settings-wrap .text-fields.form .row.wish-group .btn-group .save-btn { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; position: relative; outline: none; }

.settings-wrap .text-fields.form .row.wish-group .btn-group .cancel-btn { width: fit-content; float: none; display: inline-block; color: #001740; border: 1px solid #001740; border-radius: 30px; background: none; padding: 9px 20px 8px 20px; line-height: normal; font-size: 14px; position: relative; outline: none; margin: 0 10px 0 0; }

.settings-wrap .text-fields.form .row.wish-group .btn-group .cancel-btn:hover { background: #001740; color: #fff; }

.settings-wrap .text-fields.form .row.wish-group .btn-group .save-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.settings-wrap .text-fields.form .row.wish-group .wish-field.wish-icon-field label { border: 1px solid #000; color: #000; padding: 8px 35px; border-radius: 10px; font-weight: 500; cursor: pointer; }

.settings-wrap .text-fields.form .row.wish-group .wish-field.wish-icon-field input[type=file] { display: none; }

.settings-wrap .text-fields.form .row.wish-group .wish-field.wish-icon-field label:hover { background: #e94646; border: 1px solid #e94646; color: #fff; }

.settings-wrap .text-fields.form .row.wish-group .wish-field .wish-icon-preview { width: 200px; margin: 20px 0 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 input[type=checkbox] { border-color: #000; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer .checkbox-field.wish_check span.check-wish input[type="radio"] { border-color: #000; }

.index-setting table.wish-table tbody td:nth-child(2) { min-width: 130px; }

.modal.wish-modal .modal-dialog { top: 46%; transform: translateY(-50%)!important; max-width: 80%; }

.modal.wish-modal .modal-dialog .modal-content { padding: 30px; border-radius: 30px; border: 5px solid #001740; overflow-y: auto; max-height: 80vh; }

.modal.wish-modal .modal-dialog .modal-content .modal-header { justify-content: center; align-items: center; flex-direction: column-reverse; }

.modal.wish-modal .modal-dialog .modal-content .modal-header .wish-icon-item { width: 100%; height: auto; float: left; margin: 0 0 0; }

.modal.wish-modal .modal-dialog .modal-content .modal-header h4 { width: 100%; float: left; text-align: center; margin: 0 0 20px; font-size: 44px; }

.modal.wish-modal .modal-dialog .modal-content .modal-header .wish-icon-item img.wish-icon-img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

.modal.wish-modal .modal-dialog .modal-content .modal-body p { font-size: 30px; font-weight: 600; }

.modal.wish-modal .modal-dialog .modal-content .modal-body { text-align: center; }

.modal.wish-modal .modal-dialog .modal-content .modal-body .staff-wish { width: 100%; }

.modal.wish-modal .modal-dialog .modal-content .modal-body .staff-wish::-webkit-scrollbar { width: 7px; border-radius: 6px; }

.modal.wish-modal .modal-dialog .modal-content .modal-body .staff-wish::-webkit-scrollbar-track { background: #f1f1f1; }

.modal.wish-modal .modal-dialog .modal-content .modal-body .staff-wish::-webkit-scrollbar-thumb { background: #131432; border-radius: 10px; }

.modal.wish-modal .modal-dialog .modal-content .modal-body button.wish-close { background: #001740; color: #fff; padding: 8px 20px; border-radius: 30px; border: 1px solid #001740; font-weight: 500; }

.modal.wish-modal .modal-dialog .modal-content .modal-body button.wish-close:hover { background: #e94646; border-color: #e94646; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active { width: 100%; margin: 0 auto; max-width: 800px; height: 600px!important; max-height: 540px; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header { width: 100%!important; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced { width: 100%!important; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table { width: 100%!important; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell { border: none!important; padding: 8px; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-dayGridMonth-view.fc-view.fc-daygrid table.fc-scrollgrid.fc-scrollgrid-liquid { border: none!important; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner { background: #fff; box-shadow: 0 5px 12px 0 #00000014; padding: 5px 15px; border-radius: 5px; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day { border: none!important; padding: 8px; }

.fc-theme-standard td, .fc-theme-standard th { border: none!important; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner { background: #fff; box-shadow: 0 5px 12px 0 #00000014; padding: 5px 20px; border-radius: 5px; min-height: 60px; border: 1px solid #bfbfbf; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion { color: #000; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-top { justify-content: center; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner a { color: #000; background: none; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event { position: relative; justify-content: center; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event .fc-event-title { display: none; position: absolute; background: #ffff; padding: 5px 8px; box-shadow: 0 5px 12px 0 #00000014; border-radius: 8px; top: -30px; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event:hover .fc-event-title { display: block; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day:last-child .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event:hover .fc-event-title { left: -84px; }

.dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events { display: flex; justify-content: center; }

.dashboard-wrapp .dashboard-head.statement-head .text-fields { display: flex; flex-wrap: wrap; }

.dashboard-wrapp .dashboard-head.statement-head .text-fields .text-field { margin: 0 10px 0 0; }

.dashboard-wrapp .dashboard-head.statement-head .text-fields .text-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 18px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 23px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 12px; margin: 0 0 20px; }

.dashboard-wrapp.calendar-attendance .dashboard-head { max-width: 800px; margin: 0 auto 25px; float: none; }

.dashboard-wrapp.calendar-attendance .dashboard-body { max-width: 800px; float: none; margin: 0 auto 30px; }

.dashboard-footer { width: 100%; float: left; }

.dashboard-wrapp.user-calendar .dashboard-body .dashboard-box1 { width: 48%; }

.dashboard-wrapp.user-calendar .dashboard-body .attendance-entry { width: 48%; float: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li .time-row { width: 49%; float: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li .time-row:nth-child(2) { float: right; }

.ui-timepicker-standard { z-index: 9999!important; }

.modal.calendar-event-modal .modal-dialog .modal-content { padding: 20px 20px 0 20px; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-header { justify-content: end; margin: 0; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .col-md-6 { margin: 0 0 10px; position: relative; display: flex; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .col-md-6:nth-child(2n):before { content: ":"; position: relative; left: -15px; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .modal-btn { width: 100%; text-align: center; margin: 20px 0 0; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .modal-btn button { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 0; position: relative; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .modal-btn button:hover { color: #001740; background: none; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .col-md-6 span.lateentry { color: #c90303; margin: 0 0 0 10px; }

.modal.calendar-event-modal .modal-dialog .modal-content .modal-body .col-md-6 span.earlyleave { color: #c90303; margin: 0 0 0 10px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data ul.staff-profile-list1 li.list-row1 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data ul.staff-profile-list1 li.list-row2 { width: 24%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data ul.staff-profile-list1 li.list-row3 { width: 24%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data ul.staff-profile-list1 li.list-row4 { width: 24%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data .staff-profile-box1 ul.staff-profile-list2 li.list-row1 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data .staff-profile-box1 ul.staff-profile-list2 li.list-row2 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data .staff-profile-box1 ul.staff-profile-list2 li.list-row3 { width: 24%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile4.row-data .staff-profile-box1 ul.staff-profile-list2 li.list-row4 { width: 24%; }

.fc-theme-standard .fc-popover .fc-popover-header { background: none; padding: 10px; }

.fc-theme-standard .fc-popover { border-radius: 10px; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding: 0 10px; margin: 0 3px!important; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { top: 4px; }

.ui-datepicker .ui-datepicker-buttonpane button { padding: 5px; font-size: 13px; }

.pass-outer { width: 100%; position: relative; }

.pass-outer .pswd-icon.password { position: absolute; right: 9px; top: 9px; width: 20px; }

.pass-outer .pswd-icon.password .show-icon { position: relative; }

.pass-outer .pswd-icon.password .show-icon .hide-icon { position: absolute; top: 0; left: 0; opacity: 0; }

.pass-outer input { -webkit-text-security: disc; padding-right: 40px!important; }

.pass-outer input.pass-show { -webkit-text-security: none; }

.pass-outer .pswd-icon.password .show .show-icon>img { opacity: 0; }

.pass-outer .pswd-icon.password .show .show-icon .hide-icon { opacity: 1; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer { width: 85%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view { width: 25%; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-address { width: 70%; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.other-center .row { align-items: flex-end; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.other-center .row select { width: 235px; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center.other-center input { height: 45px; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .attendance-btn { background: none; border: none; color: #001740; line-height: 16px; font-weight: 500; letter-spacing: -0.2px; border-bottom: 2px solid #001740; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .attendance-btn:hover { color: #e94646; border-bottom: 2px solid #e94646; }

.modal.reminder-modal .modal-dialog { max-width: 900px; }

.modal .modal-dialog .modal-content .modal-body .text-field input { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; margin: 0 0 0; }

.modal .modal-dialog .modal-content .modal-body .text-field input::placeholder { color: #000; }

.modal .modal-dialog .modal-content .modal-body .text-field textarea { resize: none; color: #000; color: #000; height: 110px; font-size: 18px; font-weight: 500; }

.modal .modal-dialog .modal-content .modal-body .text-field textarea::placeholder { color: #000; }

.modal .modal-dialog .modal-content .modal-body .text-fields button.submit-btn { width: auto; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 9px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.modal .modal-dialog .modal-content .modal-body .text-fields button.submit-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .text-field { width: 48%; margin-bottom: 15px; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .text-field:nth-child(2n) { margin-right: 0; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .text-field.full-field { width: 100%; margin: 0 0 20px 0; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .radio-field { width: 100%; margin: 0 0 15px; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .text-field select { background: url(../images/chevron-down.svg) no-repeat center; background-size: 20px; background-position-x: 95%; width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 25px 10px 10px; color: #000; font-weight: 500; cursor: pointer; font-size: 18px; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .radio-field .radio-box label.radio-btn { margin: 0 14px 0 0; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .radio-field .radio-box label.radio-btn input { float: left; display: inline-block; margin: 4px 6px 0 0; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .checkbox-field { width: auto; display: inline-block; margin: 0 0 20px; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .checkbox-field>label { display: inline-block; font-weight: 500; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .checkbox-field .checkbox-box { display: inline-block; margin: 0 0 0 8px; }

.modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .checkbox-field .checkbox-box label.checkbox-btn input { float: left; margin: 5px 5px 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body.summary-all .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row3 { width: 11%; }

.dash-wrapp.inner-dashboard .dashboard-body.summary-all .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row4 { width: 43%; margin-right: 1%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body.summary-all .dashboard-box1 .summary-box1.leave ul.summary-list1 li.list-row5 { width: 11%; text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.no-reason_ul li.list-row4 { width: 61%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.no-reason_ul li.list-row0 { width: 3%; }

.table>thead tr.bank-name th.first-row { background: #f5e8e1; color: #000; border-radius: 0; padding: 10px 15px; font-weight: 500; }

.summery-all-btn .summery-btn { font-size: 15px; display: inline-block; color: #001740; text-align: left; line-height: 16px; font-weight: 500; letter-spacing: -0.2px; border-bottom: 2px solid #001740; }

.summery-all-btn .summery-btn:hover { color: #e94646; border-bottom: 2px solid #e94646; }

.dash-wrapp .main-wrapp .inner-head .head-main .head-center .delete-all.staff-delete { margin: 0 15px; }

.popup.reminder-popup .popup-content .text-fields .text-field.full-field .error.text-danger { text-align: left; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li { font-size: 18px; font-weight: 500; text-align: left; color: #000; line-height: 34px; position: relative; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li.li-wtsp { padding-left: 27px; }

.staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li.li-wtsp span.wtsp-img { position: absolute; left: 0; width: 22px; height: 22px; top: 5px; }

#reminder-table tfoot tr th { background: no-repeat; color: #000; }

.modal.leave-reason .modal-content .form-group h2 { font-size: 18px; font-weight: 600; margin: 0 0 25px; text-align: center; }

.modal.leave-reason .modal-content .form-check input { border: 2px solid #000; }

.modal.leave-reason .modal-content .form-check label.form-check-label { font-weight: 600; }

.modal.leave-reason .modal-content .form-group textarea { height: 150px; resize: none; margin: 10px 0 20px; border: 2px solid #000; }

.modal.leave-reason .modal-content .form-check { margin: 0 0 10px; width: 33%; float: left; }

.modal.leave-reason .modal-content .form-group label.form-group-label { width: 100%; }

.modal.leave-reason .modal-content .form-group { margin: 0!important; }

.modal.leave-reason .modal-dialog .modal-content { padding: 20px 35px; border-radius: 30px; border: 5px solid #001740; }

.modal.leave-reason .modal-content .form-group button.btn.btn-danger { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 12px 20px 12px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.modal.leave-reason .modal-content .form-group button.btn.btn-danger:hover { border-color: #545454; background: #545454; }

.modal.reminder-modal .modal-content { max-height: 90vh; overflow: auto; padding: 25px 15px; border-radius: 30px; border: 5px solid #001740; }

.modal.reminder-modal .modal-content .modal-content-wrapp { overflow: auto; padding: 0 10px; }

.modal.reminder-modal .modal-content .modal-content-wrapp::-webkit-scrollbar { width: 6px; }

.modal.reminder-modal .modal-content .modal-content-wrapp::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }

.modal.reminder-modal .modal-content .modal-content-wrapp::-webkit-scrollbar-thumb { background: #545454; border-radius: 10px; }

.toggle-btn-out { width: auto; display: inline-block; position: absolute; top: -52px; right: 38px; z-index: 1; }

.toggle-btn-out button.toggle-btn { width: fit-content; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; position: relative; outline: none; }

.toggle-btn-out button.toggle-btn:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.edite-popup .popup-content { height: auto; max-height: 88vh; overflow: hidden; overflow-y: scroll; border: 5px solid #001740; border-radius: 15px; padding: 20px 20px 20px; }

.edite-popup .popup-content .rem-forn-outer { width: 100%; overflow: scroll; }

.edite-popup .popup-content .close { top: 12px; right: 8px; }

.edite-popup .popup-content::-webkit-scrollbar { display: none; }

.edite-popup .popup-content .popup-content-wrapp { width: 100%; height: 100%; overflow-y: auto; padding: 0 20px; }

.edite-popup .popup-content .popup-content-wrapp .dataTables_wrapper { min-width: 1100px; }

.edite-popup .popup-content .popup-content-wrapp::-webkit-scrollbar { width: 6px; }

.edite-popup .popup-content .popup-content-wrapp::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }

.edite-popup .popup-content .popup-content-wrapp::-webkit-scrollbar-thumb { background: #545454; border-radius: 10px; }

.toast-container { right: 0; top: 60px; }

.modal.update-subcategory .text-fields { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 20px; }

.edite-popup .popup-content .popup-content-wrapp button.add-remainder { color: #131432; margin: 0 10px 0 0; font-size: 16px; font-weight: 600; text-decoration: underline; cursor: pointer; background: none; border: none; }

.edite-popup .popup-content .popup-content-wrapp button.add-remainder:hover { color: #545454; }

.modal.update-subcategory .text-fields .text-field { width: 48%!important; }

.modal.update-subcategory .text-fields .text-field:last-child { width: 100%!important; }

.modal.modal.update-subcategory .modal-dialog { max-width: 700px; }

.reminder-modal .popup-table { width: 100%; overflow: auto; }

.reminder-modal .popup-table .dataTables_wrapper { min-width: 800px; }

.table>tfoot tr th:last-child { text-align: right; }

.table>tfoot tr td:last-child { text-align: right; }

.table>tfoot tr th { font-weight: 700; background: #dadada!important; color: #000!important; font-size: 18px!important; text-align: left; padding: 4px 12px!important; }

.table>tfoot tr td { font-size: 18px; font-weight: 700; background: #dadada!important; color: #000!important; padding: 12px; text-align: left; padding: 4px 12px!important; }

.table>tfoot tr.data_footer td { background: #dfdfdf!important; }

.table>tfoot tr.data_footer th { background: #dfdfdf!important; }

.btn.reset { float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 0 0 10px; position: relative; outline: none; }

.btn.reset:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.settings-wrap .text-fields.form .col-md-4 { margin: 0 0 30px; }

.settings-wrap .text-fields.form .attend-outer { width: 66.66%; }

.settings-wrap .text-fields.form .attend-outer form { width: 100%; display: block; }

.settings-wrap.reset-wrapp .text-fields.form .row { display: block; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4 { margin: 0 0 25px; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.reset-data { min-width: 347px; }

.settings-wrap .text-fields.form .attend-outer>label { font-weight: 600; font-size: 20px; margin: 0 0 20px; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4 .text-field label { min-width: 220px; }

.settings-wrap .text-fields.form .attend-outer .attend-date { width: 46%; }

.settings-wrap .text-fields.form .attend-outer form button.attend-reset { float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.settings-wrap .text-fields.form .attend-outer form button.attend-reset:hover { color: #fff; border: 1px solid #e94646; background: #e94646; }

.table>tbody td a { cursor: pointer; }

table.category-table thead tr th:last-child { text-align: right; }

table.category-table tbody tr td:last-child { text-align: right; }

.loader-image-outer { width: 100%; height: 100%; position: fixed; z-index: 9; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: rgb(0 0 0 / 20%); }

.loader-image-outer .loader-image-inner { width: 200px; }

.dash-wrapp .inner-head .head-main .head-center input { background-size: 20px; background-position-x: 95%; width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 0 10px 0 10px; color: #000; font-weight: 500; font-size: 18px; line-height: 45px; }

.dash-wrapp .inner-head .head-main .head-center.other-center select { width: 100%; }

.dash-wrapp .inner-head .head-main .head-center .row { align-items: flex-end; }

.dash-wrapp .inner-head .head-main .head-center button { padding: 1px 6px; margin-right: 7px; }

.dash-wrapp .inner-head .head-main .head-center.other-center label { color: #fff; margin: 0 0 5px; }

.dash-wrapp .inner-head .head-main .head-center.other-center .col-md-5 { width: 50%; }

.dash-wrapp .inner-head .head-main .head-center.other-center .col-md-4 { width: 25%; }

.modal.staffDetail .modal-dialog { max-width: 620px; }

.modal.staffDetail .modal-dialog .modal-content { padding: 33px 35px; border-radius: 30px; border: 5px solid #001740; }

.modal.staffDetail .modal-dialog .modal-content .modal-body form { margin: 0; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 15px; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry p.date-label { width: auto; display: inline-block; float: left; margin: 0; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry .date-data { width: auto; display: inline-block; float: right; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry .date-data input { width: 118px; float: right; border: 1px solid #000; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry .date-data label.date-label { float: left; margin: 6px 10px 0 0; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks { width: 100%; margin: 0 0 15px; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks label { margin: 0 0 8px; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks textarea { width: 100%; height: 100px; padding: 10px 12px; border: 1px solid #000!important; border-radius: 5px; resize: none; }

.modal.staffDetail .modal-dialog .modal-content .modal-footer { padding: 0; border: none; }

.modal.staffDetail .modal-dialog .modal-content .modal-footer button.btn-save { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 12px 20px 12px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; }

.modal.staffDetail .modal-dialog .modal-content .modal-footer button.btn-save:hover { border-color: #545454; background: #545454; }

.modal.staffDetail .modal-dialog .modal-content .modal-header { justify-content: center; }

.modal.staffDetail .modal-dialog .modal-content .modal-header h1 { text-align: center; font-size: 25px!important; font-weight: 600; color: #001740; }

.modal.staffDetail .modal-dialog .modal-content .modal-header button.btn-close { margin: 0; position: absolute; right: 16px; top: 15px; z-index: 1; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks .login-time { width: auto; float: right; display: flex; flex-wrap: wrap; align-items: center; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks .login-time input { width: 118px; float: right; border: 1px solid #000; }

.modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks .login-time label.leave-label { margin: 0 10px 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.staff-text li.list-row3 { width: 42%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1.staff-text li.list-row3 { width: 42%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.staff-text.user-attend li.list-row4 { text-align: right; }

.dash-wrapp.inner-dashboard .inner-head .mobile-logo { display: none; }

.head-center a.delete-all { text-decoration: none; }

.head-center a.delete-all:hover { color: #fff!important; }

.moreModal-74 a.more-link-text { margin: 0 0 0 6px; cursor: pointer; }

.salary-table.statement tbody tr td:nth-child(3) { width: 130px;text-align: right; }

.salary-table.statement tbody tr td:last-child { min-width: 239px; }

.salary-table.statement tbody tr td:nth-child(4) { width: 120px; text-align: right;}

.salary-table.statement tbody tr td:nth-child(5) { width: 120px;text-align: right; }

.salary-table.statement tbody tr td:nth-child(6) { width: 120px;text-align: right; }

.salary-table.statement thead tr th:nth-child(3) {
  text-align: right;
}

.salary-table.statement thead tr th:nth-child(4) {
  text-align: right;
}

.salary-table.statement thead tr th:nth-child(5) {
  text-align: right;
}

.salary-table.statement thead tr th:nth-child(6) {
  text-align: right;
}

.salary-table.statement tfoot tr th:nth-child(3) {
  text-align: right;
}

.salary-table.statement tfoot tr th:nth-child(4) {
  text-align: right;
}

.salary-table.statement tfoot tr th:nth-child(6) {
  text-align: right;
}

.salary-table.statement tfoot tr th:nth-child(5) {
  text-align: right;
}

.salary-table.statement tbody tr td:nth-child(2) { min-width: 130px; width: 130px; }

.salary-table.statement tbody tr td:first-child { width: 20px; }

table.salary-table.statement thead tr th:last-child { text-align: left; }

table.salary-table.statement tbody tr td:last-child { text-align: left; width: 350px!important; }

table.staff-statement tbody tr td:nth-child(3) { width: 150px; }

table.staff-statement tbody tr td:nth-child(4) { width: 150px; }

table.staff-statement tbody tr td:nth-child(5) { width: 150px; }

table.staff-statement tbody tr td:nth-child(6) { width: 205px; }

table.staff-statement tbody tr td:last-child { width: 350px; text-align: left; }

table.staff-statement tbody tr td:nth-child(5) {
  text-align: right;
}

table.staff-statement thead tr th:nth-child(5) {
  text-align: right;
}

table.staff-statement tfoot tr th:nth-child(5) {
  text-align: right;
}

table.staff-statement tbody tr td:nth-child(7) {
  text-align: right;
}

table.staff-statement tbody tr td:nth-child(8) {
  text-align: right;
}

table.staff-statement tbody tr td:nth-child(9) {
  text-align: right;
}

table.staff-statement thead tr th:nth-child(7) {
  text-align: right;
}

table.staff-statement thead tr th:nth-child(8) {
  text-align: right;
}

table.staff-statement thead tr th:nth-child(9) {
  text-align: right;
}

table.staff-statement tfoot tr th:nth-child(7) {
  text-align: right;
}

table.staff-statement tfoot tr th:nth-child(8) {
  text-align: right;
}

table.staff-statement tfoot tr th:nth-child(9) {
  text-align: right;
}

table.staff-statement tbody tr td:nth-child(7) { width: 150px; }

table.staff-statement tbody tr td:nth-child(8) { width: 150px; }

table.staff-statement thead tr th:last-child { text-align: left; }

table#reminder-table tbody tr td:nth-last-child(2) { width: 700px; }

table.voucher-table thead tr th:last-child { text-align: left; }

table.voucher-table tbody tr td:last-child { text-align: left; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.time-bold { font-weight: bold; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.time-bold { font-weight: bold; }

.table>tbody td .moreModal-72 { word-break: break-word; }

.popup table#reminder-table tbody tr td:nth-last-child(2) { width: 440px; min-width: 400px; }

.popup table#reminder-table tbody tr td { font-size: 18px; }

.popup table#reminder-table thead tr th { font-size: 18px; }

.modal table#staffreminderlist tbody tr td:nth-last-child(2) { width: 510px; }

.modal .table>tbody td { font-size: 18px; }

.modal .table>thead th { font-size: 18px; }

table.wish-table tbody tr td.row-action img { width: 27px; }

.settings-wrap .text-fields.form { border: 2px solid #000; padding: 15px 10px; margin: 0 0 30px; border-radius: 8px; }

.settings-wrap .text-fields.form .col-md-4 { margin: 0; }

.settings-wrap .text-fields.form hr { display: none; }

.admin-wrapp .container { max-width: 100%; }

.head-center.other-center.staff-dup { display: none; }

.dashboard-wrapp .dashboard-body .sal-table-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .sal-table-outer .dashboard-box1 { min-width: 1490px; }

.dash-wrapp .container-inner { width: 100%; }

.dashboard-wrapp .dashboard-body .attend-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .attend-outer .dashboard-box1 { min-width: 1500px; }

.dashboard-wrapp .dashboard-body .attend-outer::-webkit-scrollbar { height: 6px; }

.dashboard-wrapp .dashboard-body .attend-outer::-webkit-scrollbar-track { background: #f1f1f1; }

.dashboard-wrapp .dashboard-body .attend-outer::-webkit-scrollbar-thumb { background: #545454; border-radius: 5px; }

.dashboard-wrapp .dashboard-body .bank-table-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .bank-table-outer .dashboard-box1 { min-width: 1280px; }

.dashboard-wrapp .dashboard-body .all-bank-stm-out { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .all-bank-stm-out .dashboard-box1 { min-width: 700px; }

.dash-wrapp .container-stm-inner { width: 100%; }

.dashboard-wrapp .dashboard-body .stm-bank-pre { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .stm-bank-pre .dashboard-box1 { min-width: 1234px; }

.dash-wrapp .container-inner-page { width: 100%; }

.dashboard-wrapp .dashboard-body .voucher-table-box { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .voucher-table-box .dashboard-box1 { min-width: 1050px; }

.dashboard-wrapp .dashboard-body .all-person-table { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .all-person-table .dashboard-box1 { min-width: 800px; }

.dashboard-wrapp .dashboard-body .income-table-body { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .income-table-body .dashboard-box1 { min-width: 1550px; }

.dashboard-wrapp .dashboard-body .day-book-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .day-book-outer .dashboard-box1 { min-width: 1200px; }

.dashboard-wrapp .dashboard-body .p_and_table-index { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .p_and_table-index .dashboard-box1 { min-width: 1650px; }

.dashboard-wrapp .dashboard-body .pl-monthly-outer { width: 100%; }

.dashboard-wrapp .dashboard-body .pl-monthly-outer .dashboard-box1 { min-width: 1180px; }

.dashboard-wrapp .dashboard-body .p_and_l-year-table { width: 100%; }

.dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 { min-width: 1250px; }

.dashboard-wrapp .dashboard-body .category-table { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .category-table .dashboard-box1 { min-width: 700px; }

.dashboard-wrapp .dashboard-body table.category-table thead tr td a {width: auto;  color: #001740; font-weight: 600; text-decoration: underline; cursor: pointer;}

.dashboard-wrapp .dashboard-body table.category-table thead tr td a:hover { text-decoration: none;}


.nav-tabs li.nav-item button.nav-link { color: #000; }

.nav-tabs li.nav-item button.nav-link.active { color: #001740; font-weight: bold; }

.prev-modal .content-table-outer { width: 100%; overflow-x: auto; }

.prev-modal .content-table-outer .content-body { min-width: 740px; }

.dashboard-wrapp .dashboard-body .sal-detail-stm { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .sal-detail-stm .dashboard-box1 { min-width: 1200px; }

.dashboard-wrapp .dashboard-head .summary-row { display: flex; flex-wrap: wrap; width: auto; align-items: center; margin: 0 0 10px; }

.dashboard-wrapp .dashboard-head .summary-row .current-time { display: inline-block; margin: 0 10px 0 0; font-size: 40px; font-weight: 600; }

.dashboard-wrapp .dashboard-head .summary-row .current-time h2 { float: left; display: inline-block; margin: 0 10px 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li .model-read { color: #000; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li .model-read a { color: #e94646; cursor: pointer; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul li .model-read { color: #000; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul li .model-read a { color: #e94646; cursor: pointer; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul li .model-read a:hover { color: #000; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li .model-read a:hover { color: #000; }

.dashboard-wrapp .dashboard-body .vouher-table-align { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .vouher-table-align .dashboard-box1 { min-width: 1300px; }

.dashboard-wrapp .dashboard-body .voucher-outer-stm { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .voucher-outer-stm .dashboard-box1 { min-width: 1220px; }

.dashboard-wrapp .dashboard-body .remain-today-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1214px; }

.dashboard-wrapp .dashboard-body .remain-today-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1214px; }

.settings-wrap .text-fields.form .row.wish-group .set-remainder { width: 100%; overflow-x: auto; }

.settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper { min-width: 1000px; }

.settings-wrap .text-fields.form .row.wish-group .set-event-rem { width: 100%; overflow-x: auto; }

.settings-wrap .text-fields.form .row.wish-group .set-event-rem .dataTables_wrapper { min-width: 1000px; }

.settings-wrap .text-fields.form .row.wish-group .index-setting { width: 100%; overflow-x: auto; }

.settings-wrap .text-fields.form .row.wish-group .index-setting .dataTables_wrapper { min-width: 800px; }

.reminder-popup .popup-content .dashboard-wrapp .dashboard-body .dashboard-box1 .all-bank-list1 { width: 100%; overflow: auto; }

.reminder-popup .popup-content .dashboard-wrapp .dashboard-body .dashboard-box1 .all-bank-list1 .dataTables_wrapper { min-width: 1380px; }

.dashboard-wrapp .dashboard-body .staff-stament-body { width: 100%; overflow: auto; }

.dashboard-wrapp .dashboard-body .staff-stament-body .dashboard-box1 { min-width: 1300px; }

.reminder-popup .popup-content .bank-form-wrapp .bank-form-row { margin: 0; }

.inner-head.wrap-align.saff-mol-head .head-main .head-center { display: none; }

.dash-wrapp.inner-dashboard .inner-head.saff-mol-head { padding: 25px 0 16px; }

.summary-filter .row .form-group { margin: 0 0 13px; }

.popup .salary-wrapp .salary-row .text-fields .text-field label { color: #000; }

.modal.show .modal-dialog .modal-content .modal-body .sub-text .text-field { width: 32%; margin: 0 2% 20px 0; }

.modal.show .modal-dialog .modal-content .modal-body .sub-text .text-field.nar-field { width: 100%; }

.modal.show .modal-dialog .modal-content .modal-body .sub-text .text-field:nth-child(4) { width: 100%; }

.popup.vou-edit-page .popup-content { max-height: 88vh; overflow: hidden; overflow-y: scroll; max-width: 95%; width: 95%; }

.popup.vou-edit-page .popup-content .popup-content-wrapp { width: 100%; height: 100%; padding: 0 20px; overflow: scroll; }

.voucher-form-wrapp .voucher-row .text-fields .text-field small { color: #001740!important; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box1 ul.empty-hide { background: none; }

#salary_detail_popup .popup-content { max-width: 94%; }

.popup-content .popup-content-wrapp { width: 100%; height: 100%; overflow: auto; }

#myPopup-bank-edit .popup-content { max-height: 88vh; overflow: scroll; max-width: 99%; width: 99%; }

.popup .popup-content .text-fields .checkbox-field .checkbox-box label input[type=checkbox] { float: left; display: inline-block; margin: 6px; }

.login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp.otp-form-wrapp .text-fields .text-field { width: 100%; }

.staff-pro-wrapp .staff-pro-row .staff-status { position: absolute; right: 0; top: -10px; }

.staff-pro-wrapp .staff-pro-row .staff-status input { float: left; margin: 4px 4px 0 0; accent-color: #001740; }

.income-form-wrapp .income-form-box .text-fields .text-field small { color: #001740!important; font-size: 10px; margin: 10px 0 0; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2.log-res li.list-row2 { width: 45%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2.log-res li.list-row3 { width: 28%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2.log-time li.list-row2 { width: 45%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2.log-time li.list-row3 { width: 28%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.log-leave.leave ul.summary-list1 li.list-row3 { width: 68%; }

.table>tbody td span.td-bg { background: #f7d3bb; padding: 5px 18px; border: #f7d3bb; border-radius: 6px; font-weight: 600; color: #e94646; }

.dash-wrapp .inner-head .head-main .head-center button.btn.btn-danger { padding: 7px 16px; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.leave_no li.list-row3 { width: 50%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.leave_no li.list-row4 { width: 17%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.box-ip li.list-row3 { width: 40%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2.box-ip li.list-row3 { text-align: right; width: 37%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.box-ip li.list-row3 { width: 40%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.box-ip li.list-row4 { width: 17%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2.box-ip li.list-row3 { width: 37%; text-align: right; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1.box-ip li.list-row1 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.box-ip li.list-row1 { width: 20%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.no-reason_ul.leave_no.box-ip li.list-row1 { width: 11%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.no-reason_ul.leave_no.box-ip li.list-row2 { width: 10%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.no-reason_ul.leave_no.box-ip li.list-row3 { width: 59%; }

.table-scroll { position: fixed; width: 100%; bottom: -17px; max-width: 94%; }

.table.salary-list1>tbody td:last-child { width: 350px; text-align: left; }

.table.salary-list1>thead th:last-child { text-align: left; }

.popup .income-form-wrapp .income-form-box .text-fields .text-field label { color: #000; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 label:first-child { width: 54%; }

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 label:nth-child(2) { width: 46%; }

.table>tbody td a.more-link { color: #e94646; }

.table>tbody td a.more-link-text { color: #e94646; }

.table.salary-list1.tab-salary>tbody td:last-child { width: 100px; }

.table.salary-list1.tab-salary>tbody td:nth-last-child(2) { width: 350px!important; }
.table.salary-list1.tab-salary>tbody td:nth-child(5) {
  text-align: right;
}

.table.salary-list1.tab-salary>thead th:nth-child(5) {
  text-align: right;
}

.table.salary-list1.tab-salary>tfoot th:nth-child(5) {
  text-align: right;
}

.table.salary-list1.tab-salary>tbody td:nth-child(7) {
  text-align: right;
}

.table.salary-list1.tab-salary>tbody td:nth-child(8) {
  text-align: right;
}

.table.salary-list1.tab-salary>tbody td:nth-child(9) {
  text-align: right;
}

.table.salary-list1.tab-salary>thead th:nth-child(7) {
  text-align: right;
}

.table.salary-list1.tab-salary>thead th:nth-child(8) {
  text-align: right;
}

.table.salary-list1.tab-salary>thead th:nth-child(9) {
  text-align: right;
}

.table.salary-list1.tab-salary>tfoot th:nth-child(7) {
  text-align: right;
}

.table.salary-list1.tab-salary>tfoot th:nth-child(8) {
  text-align: right;
}

.table.salary-list1.tab-salary>tfoot th:nth-child(9) {
  text-align: right;
}

.change-pass-wrapp .change-pass { width: 100%; display: flex; flex-wrap: wrap; }

.change-pass-wrapp .change-pass .pswd-icon.password { position: absolute; top: 48px; right: 26px; }

.change-pass-wrapp .change-pass .form-group { position: relative; margin: 0 0 20px; width: 50%; padding: 0 15px; }

.change-pass-wrapp .change-pass .form-group:last-child { margin: 0; }

.change-pass-wrapp .change-pass h3 { width: 100%; }

.change-pass-wrapp .change-pass .form-group label { margin: 0 0 10px; }

.change-pass-wrapp .change-pass .form-group input { width: 100%; height: 50px; border: 1px solid #000; border-radius: 5px; padding: 12px; color: #000; font-weight: 400; font-size: 18px; }

.change-pass-wrapp .change-pass .pswd-icon.password .show-icon { position: relative; display: block; width: 21px; height: 21px; }

.change-pass-wrapp .change-pass .pswd-icon.password .show-icon .hide-icon { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }

.change-pass-wrapp .change-pass .pswd-icon.password .pswd-toggle { cursor: pointer; }

.change-pass-wrapp .change-pass .pswd-icon.password .show .show-icon>img { opacity: 0; }

.change-pass-wrapp .change-pass .pswd-icon.password .show .show-icon .hide-icon { opacity: 1; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h1 { font-size: 18px; line-height: 26px; font-weight: 600; color: #fff; margin: 0 0 16px; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1.menu-list a { display: block; margin: 0 0 10px; float: left; width: 100%; }

.admin-wrapp .admin-row1 .admin-outer .admin-col1.menu-list a:hover h2 { text-decoration: underline; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.user-select li.list-row1 { width: 8%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.user-select li.list-row2 { width: 21%; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1.leave ul.summary-list1.user-select li.list-row4 { width: 50%; }

table.wish-table { min-width: 900px; }

table.wish-table tbody td:nth-child(4) { width: 350px!important; min-width: 350px; max-width: 350px; }

table.wish-table tbody td:nth-child(3) { min-width: 151px; }

table.wish-table tbody td:nth-child(2) { min-width: 193px; }

table.voucher-table tbody tr td:last-child { width: 350px!important; }

table.vooucher-list tbody tr td:nth-last-child(2) { width: 350px!important; }

table.vooucher-list tbody tr td:nth-child(4) {min-width: 269px;}

table.vooucher-list tbody tr td:nth-child(5) {min-width: 168px;}

table.vooucher-list tbody tr td:nth-child(6) {min-width: 195px;}

table.voucher-table tbody tr td:nth-child(3) { min-width: 270px;}
table.voucher-table tbody tr td:nth-child(4) { min-width: 170px;}
table.voucher-table tbody tr td:nth-child(5) { min-width: 180px;}

table.vooucher-list tbody tr td:nth-child(7) {
  text-align: right;
}

table.vooucher-list thead tr th:nth-child(7) {
  text-align: right;
}

table.vooucher-list tfoot tr th:nth-child(7) {
  text-align: right;
}

table#reminder-table tbody tr td:nth-child(2) { min-width: 143px; }

table#reminder-table tbody tr td:nth-child(3) { min-width: 190px; }

small.text-danger.small { color: #001740!important; margin: 10px 0 0; }

table.wish-table.add-wish tbody td:nth-child(4) { min-width: 150px; width: 150px!important; }

table.wish-table.add-wish tbody td:nth-child(5) { width: 350px!important; min-width: 350px; }

table.hist-table tbody tr td:nth-child(2) { min-width: 10px!important; }

table.hist-table tbody tr td:nth-child(3) { min-width: 143px!important; }

table.hist-table tbody tr td:nth-child(4) { min-width: 170px; }

table.hist-table tbody tr td:nth-child(5) { min-width: 150px; }

table.hist-table tbody tr td:nth-last-child(2) { width: 700px!important;    min-width: 250px; }

.dashboard-wrapp .dashboard-body .remain-today-outer.his-outer .dashboard-box1 { min-width: 860px; }

#salary_detail_popup .popup-content .dashboard-wrapp { padding: 0; }

#bank-table tbody td:nth-child(2) { min-width: 130px; }

#bank-table tbody td:nth-child(3) { min-width: 220px; }

#bank-table tbody td:nth-child(4) { min-width: 300px; }

#bank-table tbody td:nth-child(5) { min-width: 200px; }

#bank-table tbody td:nth-child(6) { min-width: 138px; }

#bank-table tbody td:nth-child(7) { min-width: 140px;}

#bank-table tbody td:nth-child(8) {
  text-align: right;
}

#bank-table tbody td:nth-child(9) {
  text-align: right;
}

#bank-table thead th:nth-child(8) {
  text-align: right;
}

#bank-table thead th:nth-child(9) {
  text-align: right;
}

#bank-table tfoot th:nth-child(8) {
  text-align: right;
}

#bank-table tfoot th:nth-child(9) {
  text-align: right;
}

.table.all_personal tbody td:nth-child(3) { width: 200px; min-width: 200px; }

.table.all_personal tbody td:nth-child(6) { width: 100px; min-width: 100px; }

.table.all_personal tbody td:nth-child(2) { min-width: 134px; }

.table.all_personal tbody td:nth-child(4) { width: 350px; min-width: 350px; }

.table.all_personal tbody td:nth-child(7) { width: 350px; min-width: 350px; }

.table.day_book_list tbody td:nth-child(7) { width: 350px; min-width: 350px; }

.table.day_book_list tbody td:nth-child(8) { min-width: 170px; }

.table.day_book_list tbody td:nth-child(4) { width: 350px; min-width: 170px; }

.dashboard-wrapp .dashboard-body .income_monthly { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.dashboard-wrapp .dashboard-body .income_monthly .dashboard-box1 { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .income_monthly .dashboard-box1 .all-bank-list1 { min-width: 1250px; }

table.stmt-table tbody td:nth-child(2) { min-width: 400px; }

table.stmt-table tbody td:last-child { text-align: left; width: 350px; min-width: 350px; }

table.stmt-table tbody td:nth-child(4) { min-width: 100px; text-align: right;}

table.stmt-table tbody td:nth-child(3) { min-width: 240px; text-align: right; width: 240px;}

table.stmt-table tbody td:first-child { min-width: 163px; }

table.stmt-table thead th:last-child { text-align: left; }

table.stmt-table tfoot th:last-child { text-align: left; }

table.stmt-table thead th:nth-child(3) { text-align: right;}

table.stmt-table thead th:nth-child(4) {  text-align: right;}

table.stmt-table tfoot th:nth-child(3) {
  text-align: right;
}

table.stmt-table tfoot th:nth-child(4) {
  text-align: right;
}


table.Profit_month tbody tr td {
  text-align: right;
}

table.Profit_month tbody tr td:first-child {
  text-align: left;
}

table.Profit_month tbody tr td:nth-child(2) {
  text-align: left;
}

table.Profit_month thead tr th {
  text-align: right;
}

table.Profit_month thead tr th:first-child {
  text-align: left;
}

table.Profit_month thead tr th:nth-child(2) {
  text-align: left;
}

table.Profit_month tfoot tr th {
  text-align: right;
}

table.Profit_month tfoot tr th:first-child {
  text-align: left;
}

table.Profit_month tfoot tr th:nth-child(2) {
  text-align: left;
}

table.year-table tbody td {
  text-align: right;
}

table.year-table tbody td:first-child {
  text-align: left;
}

table.year-table tbody td:nth-child(2) {
  text-align: left;
}

table.year-table thead th {
  text-align: right;
}

table.year-table thead th:first-child {
  text-align: left;
}

table.year-table thead th:nth-child(2) {
  text-align: left;
}

table.year-table tfoot td {
  text-align: right;
}

table.year-table tfoot td {
  text-align: right;
}

table.year-table tfoot td:first-child {
  text-align: left;
}

table.year-table tfoot td:nth-child(2) {
  text-align: left;
}

.dashboard-wrapp .dashboard-body .dashboard-box1 .log-boxs { width: 100%; overflow-y: auto; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .log-boxs table { min-width: 985px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .log-boxs table td:nth-child(2) { min-width: 230px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .log-boxs table td:nth-child(3) { min-width: 230px; }

table.all_personal tbody td:nth-child(2) { min-width: 125px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .log-boxs table td:last-child { min-width: 140px; }

.dashboard-wrapp .dashboard-body .user-attendence-outer { width: 100%; overflow-x: auto; }

.dashboard-wrapp .dashboard-body .user-attendence-outer .dashboard-box1 { min-width: 1195px; }

.table.income_report>thead th:nth-child(6) { border-right: 4px solid #e94646; }

.table.income_report>tbody td:nth-child(6) { border-right: 4px solid #e94646; }

.table.income_report>tfoot td:nth-child(6) { border-right: 4px solid #e94646; }

.table.income_report>tfoot th:nth-child(6) { border-right: 4px solid #e94646; }

.table.Profit_month>thead th:nth-child(5) { border-right: 4px solid #e94646; }

.table.Profit_month>tbody td:nth-child(5) { border-right: 4px solid #e94646; }

.table.Profit_month>tfoot td:nth-child(5) { border-right: 4px solid #e94646; }

.table.Profit_month>tfoot th:nth-child(5) { border-right: 4px solid #e94646; }

#salary_detail_popup .popup-content .dashboard-wrapp { padding: 10px 0 0; }

.table>tfoot tr.data_footer th button.delete-all { font-size: 13px; width: 86px; }

.modal .modal-dialog .modal-content .modal-body table.sub_detail tbody td:last-child { width: 350px; }

table.sub_narration_tbl tbody td:nth-child(4) { width: 350px!important; min-width: 350px; }

table.sub_narration_tbl tbody td:nth-child(2) { min-width: 270px ; }

table.sub_narration_tbl { min-width: 1255px; }

table.sub_narration_tbl tbody td:nth-child(3) { min-width: 200px; }

table.sub_narration_tbl tbody td:nth-child(5) { min-width: 150px;}

table.sub_narration_tbl tbody td:nth-child(6) { min-width: 150px; }

table.sub_narration_tbl tbody td:nth-child(7) { min-width: 100px; }

.income_csc .popup-content { max-width: 800px; }

.income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 65%; }

.income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field1 { width: 24%; }

.bank_psc .income-form-wrapp .income-form-box .text-fields .add_bank { width: 100%; }

.popup-content h2 { font-size: 25px; }

.income_csc .popup-content .income-form-box .text-fields .filter-field .apply-btn { margin: 0; }

.refund_psc .income-form-wrapp .income-form-box .text-fields .text-field { width: 18%; }

.refund_psc .income-form-wrapp .income-form-box .text-fields button.apply-btn { margin: 0; }

.income_edit_pop .popup-content { max-width: 800px; }

.income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field1 { width: 24%; }

.income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 65%; }

.daybook-wrapp .daybook-row.pl-row .text-fields .text-field label { color: #000; }

.daybook-wrapp .daybook-row.pl-row .text-fields form.filler-form { width: auto; float: right; display: flex; justify-content: end; }

table.staff_stm tbody td:first-child { width: 10px; }

table.staff_stm tbody td:nth-child(2) { width: 200px!important; max-width: 200px!important; min-width: 150px!important; }

table.staff_stm tbody td:nth-child(3) { width: 130px!important; }

table.staff_stm tbody td:nth-child(4) { width: 120px!important; }

table.staff_stm tbody td:nth-child(5) { width: 150px!important; }

table.staff_stm tbody td:nth-child(6) { width: 350px!important; }

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail tbody td:last-child { min-width: 450px!important; text-align: left; width: 500px; }

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail thead th:last-child { text-align: left; }

.dt-buttons button.dt-button { width: auto; float: right; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url(../images/download.svg) no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 10px; position: relative; }

table.day_book_list tbody tr.income td { color: #e94646; }

.popup#myPopup-bank-edit .popup-content .text-fields .checkbox-field { position: absolute; right: 44px; bottom: 85px; z-index: 9; }

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li span { color: #e94646!important; font-size: 18px; font-weight: 800; }

.dash-wrapp.inner-dashboard.option_pg { max-width: 800px; }

.scroll-button-tab { position: fixed; right: 0; bottom: 80px; z-index: 99; width: 50px; height: 50px; }

.scroll-button-tab .scroll-btn { width: 50px; height: 50px; border: none; background: url(../images/scroll-top.png) no-repeat center; background-size: 100%; cursor: pointer; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone .pho-img { width: 20px; position: absolute; left: 0; top: -2px; }

.head-center a.add-bank-view.mob_view { display: none; }

.dash-wrapp .inner-head .head-main .back-tittle h2.mob-view { display: none; }

.table.day_book_list tbody td:nth-child(3) { min-width: 167px; }

.head-center a.mob-view { display: none; }

table.bank_summary tbody tr td:nth-child(2) { min-width: 235px; text-align: left;}

table.bank_summary tbody tr td { min-width: 100px; text-align: right; }

table.bank_summary tbody tr td:first-child { min-width: 10px; width: 20px!important; text-align: left;}


table.bank_summary thead tr th {
  text-align: right;
}

table.bank_summary thead tr th:first-child {
  text-align: left;
}

table.bank_summary thead tr th:nth-child(2) {
  text-align: left;
}

table.bank_summary tfoot tr td {
  text-align: right;
}

table.bank_summary tfoot tr td:first-child {
  text-align: left;
}

table.bank_summary tfoot tr td:nth-child(2) {
  text-align: left;
}

table.day_book_list tbody tr td:nth-child(5) {
  text-align: right;
}

table.day_book_list tbody tr td:nth-child(6) {
  text-align: right;
}

table.day_book_list thead tr th:nth-child(5) {
  text-align: right;
}

table.day_book_list thead tr th:nth-child(6) {
  text-align: right;
}

table.day_book_list tbody tr td:nth-child(9) {
  text-align: right;
}

table.day_book_list thead tr th:nth-child(9) {
  text-align: right;
}


#day-book-table tfoot tr.book_footer th:nth-child(5) {
  text-align: right;
}

#day-book-table tfoot tr.book_footer th:nth-child(6) {
  text-align: right;
}

#day-book-table tfoot tr.book_footer th:nth-child(9) {
  text-align: right;
}

#day-book-table tfoot tr.book_footer td:nth-child(5) {
  text-align: right;
}

#day-book-table tfoot tr.book_footer td:nth-child(6) {
  text-align: right;
}

#day-book-table tfoot tr.book_footer td:nth-child(9) {
  text-align: right;
}

.settings-wrap .text-fields.form .text-field .form-check { position: relative; }

.settings-wrap .text-fields.form .text-field .form-check .form-check-input { position: absolute; top: 4px; left: 0; margin: 0; border-color: #000; }

.settings-wrap .text-fields.form .row.wish-group .work-hour-outer { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 20px; }

.settings-wrap .text-fields.form .row.wish-group .work-hour-outer .text-field.wish-field { width: 32%; margin: 0 2% 20px 0; }

.settings-wrap .text-fields.form .row.wish-group .work-hour-outer .text-field.wish-field:nth-child(3) { margin-right: 0; }

.settings-wrap .text-fields.form .row.wish-group .work-hour-outer .text-field.wish-field:nth-child(4) { width: 100%; margin-right: 0; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer { width: 100%; display: flex; flex-wrap: wrap; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer .form-group.wish-field:first-child { width: 49%; margin: 0 2% 20px 0; max-width: 200px; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer .form-group.wish-field:nth-child(2) { width: 49%; margin: 0 0 20px 0; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer .checkbox-field.wish_check { width: 100%; margin: 0 0 20px; }

.settings-wrap .text-fields.form .row.wish-group .wish-text-outer .checkbox-field.wish_check span.check-wish { margin: 0 10px 0 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 10px; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field { width: 25.66%; margin: 0 1.33% 20px 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(4) { margin-right: 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(5) { width: 100%; margin: 0 0 20px; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(3) { padding: 25px 0 0; width: 19%; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 { width: 32%; margin: 0 2% 20px 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3:nth-child(3) { margin-right: 0; padding: 25px 0 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 .form-group.wish-field { width: 100%; margin: 0; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 .form-group.btn-group { margin: 0!important; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 .form-group.btn-group .form-button { width: 100%; display: flex; }

.settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3:last-child { margin: 0; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data { width: 100%; display: flex; flex-wrap: wrap; max-width: 800px; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data>label { width: 100%; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .col-md-4.attend-date.reset-data { width: 38%; min-width: auto; padding: 0; margin: 0 2% 0 0; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .col-md-4.reset-data { width: 20%; min-width: auto; padding: 30px 0 0; margin: 0; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .attent-ret .col-md-4.attend-date.reset-data:first-child {  width: 78%;}

.settings-wrap .text-fields.form .row .wish-col { width: 37%; }

.settings-wrap .text-fields.form .row .wish-col:nth-child(2) { width: 63%; }

.settings-wrap .text-fields.form .row .notifi-col { width: 37%; }

.settings-wrap .text-fields.form .row .notifi-col:nth-child(2) { width: 63%; }

.settings-wrap .text-fields.form .row .off-col { width: 37%; }

.settings-wrap .text-fields.form .row .off-col:nth-child(2) { width: 63%; }

table.wish-table.wish-extra tbody td:nth-child(2) { min-width: 10px; }

table.wish-table.wish-extra tbody td:nth-child(3) { min-width: 198px; }

table.wish-table.wish-extra tbody td:nth-child(4) { min-width: 136px; }

table.wish-table.wish-extra tbody td:nth-child(5) { min-width: 119px; }

table.wish-table.wish-extra tbody td:nth-child(6) { width: 350px; min-width: 300px; }

table.wish-table.staff-exte tbody td:nth-child(4) { min-width: 136px; width: 196px!important; }

table.wish-table.staff-exte tbody td:nth-child(5) { width: 350px!important; min-width: 350px; max-width: 350px; }

table.event-table tbody td.row-action img { width: 27px; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .attent-ret { width: 100%; display: flex; flex-wrap: wrap; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .attent-ret .col-md-4.attend-btn { width: 20%; margin: 0; padding: 33px 0 0; }

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .col-md-4.reset-data .btn.reset { margin: 0; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.upload-file { width: auto!important; margin: 0 10px 0 0; }

.voucher-form-wrapp.doc-outer .voucher-row .text-fields .filter-field .submit-btn { margin: 0;}

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.upload-file label { width: max-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url(../images/upload.svg) no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; cursor: pointer; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.upload-file label:hover { background: #545454 url(../images/upload.svg) no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; border-color: #545454; }

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.upload-file input[type=file] { display: none; }



.voucher-form-wrapp.doc-outer .voucher-row .text-fields .diary-outer { width: 20%; margin: 0 1.5% 0 0;}
.voucher-form-wrapp.doc-outer .voucher-row .text-fields .diary-outer .text-field {width: 100%;  margin: 0 0 10px;}
.voucher-form-wrapp.doc-outer  .voucher-row .text-fields .filter-field {margin: auto 0 14px;}

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area { width: 70%!important; margin: 0 1.5% 0 0 !important; }

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area textarea { height: 230px; }

.voucher-form-wrapp.doc-outer .voucher-row { padding: 20px 20px; }

.session_images { width: 100%; float: left; padding: 15px 0 0; }

.session_images .col-md-2 { width: 16%; }

.session_images .col-md-2 .file-preview { width: 100%; position: relative; padding: 15px 15px 0 0; margin: 0 0 10px; }

.session_images .col-md-2 .file-preview img.file-preview-image { width: 100%; display: block; height: 94px; object-fit: cover; margin: 0 0 8px; }

.session_images .col-md-2 .file-preview button.remove-button { width: 20px; height: 20px; background: #e94646; border: 1px solid #e94646; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; font-weight: 600; position: absolute; top: 0; right: 0; color: #ffff; }

.session_images .col-md-2 .file-preview .remove-button_session { width: 20px; height: 20px; background: #e94646; border: 1px solid #e94646; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; font-weight: 600; position: absolute; top: 0; right: 0; color: #ffff; }

.session_images .col-md-2 .file-preview button.remove-saved { width: 20px; height: 20px; background: #e94646; border: 1px solid #e94646; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; font-weight: 600; position: absolute; top: 0; right: 0; color: #ffff; }

.modal .modal-dialog .modal-content .modal-body .text-field.pop-image-up p.file-note { margin: 0 0; }

.voucher-form-wrapp.doc-outer .voucher-row p.file-note { color: #fff; margin: -24px 0 0; float: right; width: auto; }

.session_images .col-md-2 .file-preview a.image-class-link { display: block; width: 25px; height: 25px; border-radius: 50%; position: absolute; top: 0; right: 28px; }

.modal .modal-dialog .modal-content .modal-body .text-field.pop-image-up { width: fit-content; float: left; }

.modal .modal-dialog .modal-content .modal-body .text-field.pop-image-up label { width: max-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 8px 20px 8px 40px; background: #001740 url(../images/upload.svg) no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; cursor: pointer; }

.modal .modal-dialog .modal-content .modal-body .text-field.pop-image-up label:hover { background: #e94646 url(../images/upload.svg) no-repeat!important; background-position: 15px 50%!important; background-size: 16px!important; border-color: #e94646; }

.modal .modal-dialog .modal-content .modal-body .text-field.pop-image-up input[type=file] { display: none; }

.session_images .col-md-2 .file-preview input.file-name-input { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .25s ease-in-out; }

.session_images .col-md-2 .file-preview input.file-name-input:focus { max-width: inherit; width: 100%; border: 1px solid #000; padding: 5px; border-radius: 5px; }

.modal .modal-dialog .modal-content .session_images .col-md-2 .file-preview input.file-pop-input:focus { max-width: 13ch; border: none; border-radius: 0; padding: 0; }

.modal .modal-dialog .modal-content .session_images .col-md-2 .file-preview input.file-pop-input.show_input:focus { max-width: inherit; width: 100%; border: 1px solid #000; padding: 5px; border-radius: 5px; }

.salary-sate-wrapp .row { margin: 0; }

.dashboard-wrapp .dashboard-body .sal-detail-stm .dashboard-box1 .dataTables_wrapper .row.dt-row { margin: 0; }

.popup small.text-danger.small { color: #e94646!important; }

table.sngle-view_bank tbody tr td:nth-child(3) { min-width: 165px; }

table.sngle-view_bank tbody tr td:nth-child(4) { min-width: 265px; }

table.sngle-view_bank tbody tr td:nth-child(6) {
  text-align: right;
}

table.sngle-view_bank tfoot tr td:nth-child(6) {
  text-align: right;
}

table.sngle-view_bank tbody tr td:nth-child(7) {
  text-align: right;
}

table.sngle-view_bank tfoot tr td:nth-child(7) {
  text-align: right;
}

table.sngle-view_bank thead tr th:nth-child(7) {
  text-align: right;
}

table.sngle-view_bank thead tr th:nth-child(6) {
  text-align: right;
}

.bank-cherg .popup-content { max-height: 88vh; overflow: auto; max-width: 98%; width: 100%; }

.edit-chrg-bank .popup-content { max-height: 88vh; overflow: auto; }

.refund_psc .popup-content { max-height: 88vh; overflow: auto; }

.income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .filter-field { margin: 0 0 0; }

.income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .filter-field button.apply-btn { margin: 0; }

.bank_psc .popup-content h2 { padding: 0 25px; }

.bank_psc .popup-content { max-height: 88vh; overflow: auto; }

.bank_psc .popup-content .income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn { margin: 0; }

#day-book-table tfoot tr.book_footer th { background-color: #000!important; color: #fff!important; }

table.Profit_month tbody tr td:last-child { width: 100px; }

.modal .modal-dialog .modal-content .modal-body .ourter-expens { width: 100%; overflow-x: auto; }

.modal .modal-dialog .modal-content .modal-body .ourter-expens .expnse-row { min-width: 1200px; }

.modal .modal-dialog .modal-content .ourter-rem-exp { width: 100%; overflow-x: auto; }

.modal .modal-dialog .modal-content .ourter-rem-exp>.row { min-width: 600px; }

.modal .modal-dialog .modal-content .ourter-bank-exp { width: 100%; overflow-x: auto; }

.modal .modal-dialog .modal-content .ourter-bank-exp>.row { min-width: 1100px; }

.modal .modal-dialog .modal-content .ourter-bank-exp table tbody tr td:last-child { width: 350px; text-align: left; }

.modal .modal-dialog .modal-content .ourter-bank-exp table thead tr th:last-child { text-align: left; }

.modal .modal-dialog .modal-content .modal-body .category-text label { font-weight: 500; margin: 0 0 10px; }

.modal .modal-dialog .modal-content .modal-body .category-text input { width: 100%; height: 50px; border: 1px solid #00000026; border-radius: 5px; padding: 12px; color: #000; font-weight: 500; font-size: 18px; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link.location-mobile { width: 24px; position: relative; margin: 0 0 -6px auto; display: none; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link img { width: 100%; display: block; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link span.img-red { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link:hover span.img-red { opacity: 1; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link:hover>img { opacity: 0; }

.edit-file-btn { background: #1faf38 url(../images/pen-solid.svg) no-repeat center; background-size: 12px; background-position-x: 10px; border: 1px solid #1faf38; padding: 5px 20px 5px 30px; color: #fff; border-radius: 5px; font-weight: 600; font-size: 14px; transition: all .25s ease-in-out; }

.edit-file-btn:hover { opacity: 0.8; }

.edit-cancel-btn { background: #e94646; border: 1px solid #e94646; padding: 5px 20px; border-radius: 5px; color: #ffff; font-size: 14px; font-weight: 600; transition: all .25s ease-in-out; }

.edit-cancel-btn:hover { opacity: 0.8; }

table.doc_file_tbl tbody tr td:nth-child(3) {min-width: 300px;}

table.doc_file_tbl tbody tr td:nth-child(4) { width: 830px; }

table.doc_file_tbl tbody tr td:nth-child(5) { width: 150px; }

table.doc_file_tbl tbody tr td:last-child { width: 100px; }

.popup.file_detail-edit .popup-content .text-fields .text-field { width: 21%; }

.popup.file_detail-edit .popup-content .text-fields .text-field.remarks-area { width: 100%; }

.popup.file_detail-edit .popup-content .text-fields .text-field.remarks-area textarea {height: 250px; max-height: 250px;}

.modal.image-slider .modal-dialog .modal-content .modal-content-wrapp { width: 100%; overflow: hidden; padding: 0; }

.modal.image-slider .modal-dialog .modal-content { padding: 20px; }

.modal.image-slider .modal-dialog { transform: translateY(-50%); top: 46%; max-width: 90%; }

.modal.image-slider .modal-dialog .modal-content .modal-content-wrapp .modal-body { height: inherit; }

.modal.image-slider .modal-dialog .modal-content .modal-content-wrapp .modal-body .image_slider { width: 100%; height: 100%; }

.modal.image-slider .modal-dialog .modal-content .modal-content-wrapp .modal-body .image_slider img { width: 100%; height: 100%; object-fit: contain; max-height: 390px; }

.table.diary-tbl-show tbody tr td:nth-child(5) { width: 560px; }

.popup.diry-cls-pop .popup-content .text-fields .text-field.remarks-area { width: 82%; }

.popup.diry-cls-pop .popup-content .text-fields .filter-field .submit-btn { margin: auto 0 10px 10px; }

.popup.file_detail-edit .popup-content .close { top: 15px; right: 15px; }

.table.diary-tbl-show tbody tr td:nth-child(3) { min-width: 125px; }

.table.diary-tbl-show tbody tr td:nth-child(4) { min-width: 160px; }

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { margin: 0 10px 0 0; }

.file_docload { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgb(0 0 0 / 45%); display: flex; justify-content: center; align-items: center; }

.file_docload .file_docload-inner { width: 100px; }

.modal .modal-dialog .modal-content .file_docload_edit { position: absolute; width: 100%; height: 100%; z-index: 99; top: 0; left: 0; background: rgb(0 0 0 / 20%); display: flex; justify-content: center; align-items: center; }

.modal .modal-dialog .modal-content .file_docload_edit .file_docload_edit-inner { width: 100px; }

.modal.image-slider .modal-dialog .modal-content .file_open { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgb(0 0 0 / 10%); display: flex; justify-content: center; align-items: center; }

.modal.image-slider .modal-dialog .modal-content .file_open .file_open-inner { width: 100px; }

.popup.file_detail-edit.diry-cls-pop .popup-content .text-fields .filter-field { width: auto; max-width: fit-content; position: relative; top: -18px; }

.table>tfoot tr td.bnk-bal { color: #e94646!important; }

.table>tbody td.bnk-bal { color: #e94646!important; }

.table.view-bnk-chrg>tfoot tr th:last-child { text-align: left; }

.popup.edite-popup .popup-content .text-fields .filter-field { margin: 0; }

.popup.edite-popup .popup-content .text-fields .filter-field button.submit-btn { margin: 0; }

.popup.rem-td-cls .popup-content .text-fields .filter-field { margin: 0; }

.popup.rem-td-cls .popup-content .text-fields .filter-field button.submit-btn { margin: 0; }

.rem-th-cls.popup .popup-content .text-fields .filter-field { margin: 0; }

.settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper .col-sm-12 { padding: 0; }

.settings-wrap .text-fields.form .row.wish-group .set-event-rem .dataTables_wrapper .col-sm-12 { padding: 0; }

.settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper .row { margin: 0; }

.settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper .dataTables_filter { margin: 10px 0 10px; float: right; }

.settings-wrap .text-fields.form .row.wish-group .index-setting .dataTables_wrapper .col-sm-12 { padding: 0; }

.table.view-bnk-chrg>tbody tr td:nth-child(3) { width: 700px; }

.voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form { max-width: 14%; width: 19%; }

.voucher-entry-wrapp .entry-row .text-fields .filter-field button.submit-btn { margin: 0; }

.head-center a.view-mob { display: none; }

.modal.update-subcategory .modal-dialog .modal-content .modal-body { overflow: auto; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form h3 { width: 100%; float: left; text-align: center; margin: 0 0 20px; font-size: 44px; font-weight: 600; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form p { font-size: 30px; font-weight: 600; text-align: center; color: #e94646; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 { text-align: center; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 a.btn.btn-danger.m-3 { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 10px 0 0!important; position: relative; outline: none; font-weight: 600; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 a.btn.btn-warning.m-3 { width: fit-content; float: none; display: inline-block; color: #fff; border: 1px solid #001740; border-radius: 30px; padding: 9px 20px 8px 20px; background: #001740; line-height: normal; font-size: 14px; margin: 0 0 0 0!important; position: relative; outline: none; font-weight: 600; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 a.btn.btn-danger.m-3:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 a.btn.btn-warning.m-3:hover { color: #fff; border: 1px solid #545454; background: #545454; }

.modal.leave-without-mark .modal-dialog .modal-content .modal-body { overflow: auto; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list { width: 70%; margin: 0 0 15px auto; float: right; background: #fdeded; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list li.list-row1 { width: 13%!important; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list li { width: 28%!important; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list li.list-row3 { width: 25%!important; color: #e94646; font-weight: 700; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list li.list-row2 { color: #e94646; font-weight: 700; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.total-list li.list-row4 { color: #e94646; font-weight: 700; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1.dir-rend { position: absolute; top: -59px; left: 0; padding: 8px 10px; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1 { padding: 10px 6px; margin: 0 2% 0 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1:last-child { margin-right: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 .dataTables_wrapper .row.dt-row { margin: 0; }

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 .pl-box1 .table>tbody td { font-size: 18px!important; }

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area { width: 57%!important; }

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer {
  width: 20%;
  margin: 0 1.5% 0 0;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer .text-field {
  width: 100%;
  margin: 0 0 10px;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.upload-file {
  margin: auto 10px 35px 0;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area textarea {
  height: 140px;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .filter-field {
  margin: auto 0 35px;
}

.dash-wrapp.inner-dashboard.option_pg .main-wrapp .tab-content { float: left; width: 100%; }

.dash-wrapp.inner-dashboard.option_pg .main-wrapp .tab-content .text-fields .text-field { width: 350px; max-width: 100%; }
.dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 span { background: #fdeded; padding: 8px 8px; margin-top: 10px; display: inline-block; font-weight: 600; color: #33302e; font-size: 23px; border-radius: 8px; width: 100%; text-align: center; }

.dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 span i { color: #e94646; margin-left: 5px; font-weight: 800; }
.dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 { flex: 0 0 auto; width: 19.99%; }


.dash-wrapp .inner-head .head-main .back-tittle h2.view-mob {display: none;}


.popup.diry-cls-pop .popup-content .text-fields .text-field textarea.input-field {
  height: 150px;
  max-height: 150px;
}

.popup.diry-cls-pop .popup-content .text-fields .text-field.text-area-edit {
  width: 100% !important;
}

.popup.diry-cls-pop .popup-content .text-fields .filter-field {
  top: 0 !important;
}

.dash-wrapp .inner-head .head-main .back-tittle h2.mob_view {
  display: none;
}

.dash-wrapp .inner-head .head-main .head-center a.view-bank.mob_view {
  display: none;
}

table.personal_trans tbody tr td:nth-child(4) {
  text-align: right;
}

table.personal_trans tbody tr td:nth-child(5) {
  text-align: right;
}

table.personal_trans tbody tr td:nth-child(6) {
  text-align: right;
}

table.personal_trans thead tr th:nth-child(4) {
  text-align: right;
}

table.personal_trans thead tr th:nth-child(5) {
  text-align: right;
}

table.personal_trans thead tr th:nth-child(6) {
  text-align: right;
}

table.personal_trans tfoot tr th:nth-child(4) {
  text-align: right;
}

table.personal_trans tfoot tr th:nth-child(5) {
  text-align: right;
}

table.personal_trans tfoot tr th:nth-child(6) {
  text-align: right;
}

.table.all_personal tbody td:nth-child(5) {
  text-align: right;
}

.table.all_personal tbody td:nth-child(6) {
  text-align: right;
}

.table.all_personal thead th:nth-child(5) {
  text-align: right;
}

.table.all_personal thead th:nth-child(6) {
  text-align: right;
}

.table.all_personal tfoot th:nth-child(5) {
  text-align: right;
}

.table.all_personal tfoot th:nth-child(6) {
  text-align: right;
}


table.income_report tbody td {
  text-align: right;
}

table.income_report thead th {
  text-align: right;
}

table.income_report tfoot td {
  text-align: right;
}

table.income_report tbody td:first-child {
  text-align: left;
}

table.income_report thead th:first-child {
  text-align: left;
}

table.income_report tfoot td:first-child {
  text-align: left;
}

table.sub_narration_tbl thead th:nth-child(7) {
  text-align: right;
}

table.sub_narration_tbl tbody td:nth-child(7) {
  text-align: right;
}

table.voucher-table tbody tr td:nth-child(6) {
  text-align: right;
}

table.voucher-table thead tr th:nth-child(6) {
  text-align: right;
}

table.voucher-table tfoot tr th:nth-child(6) {
  text-align: right;
}

.diry-cls-pop {
  max-height: 100vh;
}

.diry-cls-pop .popup-content {
  overflow-y: auto;
  max-height: 100%;
}


.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail tbody td:nth-child(3) {
  text-align: right;
}

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail tbody td:nth-child(4) {
  text-align: right;
}

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail thead th:nth-child(3) {
  text-align: right;
}

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail thead th:nth-child(4) {
  text-align: right;
}

.modal .modal-dialog .modal-content .dataTables_wrapper table.sub_table_detail tfoot th:nth-child(3) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tbody td:nth-child(4) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tbody td:nth-child(6) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tbody td:nth-child(7) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tbody td:nth-child(8) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>thead th:nth-child(4) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>thead th:nth-child(6) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>thead th:nth-child(7) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>thead th:nth-child(8) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tfoot td:nth-child(8) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tfoot td:nth-child(7) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tfoot td:nth-child(6) {
  text-align: right;
}

#salary_detail_popup .popup-content .table.salary-list1>tfoot td:nth-child(4) {
  text-align: right;
}

.table.view-bnk-chrg>tbody tr td:nth-child(4) {
  text-align: right;
}

.table.view-bnk-chrg>tbody tr td:nth-child(5) {
  text-align: right;
}

.table.view-bnk-chrg>thead tr th:nth-child(4) {
  text-align: right;
}

.table.view-bnk-chrg>thead tr th:nth-child(5) {
  text-align: right;
}

.table.view-bnk-chrg>tfoot tr th:nth-child(5) {
  text-align: right;
}

.table.view-bnk-chrg>tfoot tr th:nth-child(4) {
  text-align: right;
}


table.bank-chrg-view tbody td:nth-child(4) {
  text-align: right;
}

table.bank-chrg-view tbody td:nth-child(5) {
  text-align: right;
}

table.bank-chrg-view tfoot th:nth-child(4) {
  text-align: right;
}

table.bank-chrg-view tfoot th:nth-child(5) {
  text-align: right;
}

table.bank-chrg-view thead th:nth-child(4) {
  text-align: right;
}

table.bank-chrg-view thead th:nth-child(5) {
  text-align: right;
}

.modal .modal-dialog .modal-content .ourter-bank-exp .table>tbody td:nth-child(7) {
  text-align: right;
}

.modal .modal-dialog .modal-content .ourter-bank-exp .table>thead th:nth-child(7) {
  text-align: right;
}
.modal#Expense-Modal .modal-dialog .modal-content {
  overflow-y: auto;
}

table.user-rem tbody td:nth-last-child(2) {
  width: 200px !important;
}

table.user-rem tbody td:last-child {
  width: 880px;
  text-align: left;
}

table.user-rem thead th:last-child {
  text-align: left;
}

.voucher-entry-wrapp .entry-row .text-fields .text-field label.mob-view {
  display: none;
}


.naration-box.less .naration-more {
  display: none;
}

.naration-box.less button.btn-less {
  display: none;
}
.naration-box.more .naration-less {
  display: none;
}

.naration-box.more  button.btn-more {
  display: none;
}

.naration-action button {
  color: #e94646; 
  background: none;
  border: none;
  width: 30px;
  margin: 0 5px 0 0;
  height: 30px;
  vertical-align: middle;
}
.naration-box .naration-less {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 92%;
}

.naration-box.less {
  display: flex;
  /* flex-wrap: wrap; */
}


.naration-box.nomore .naration-less {
  display: none;
}

.naration-box.nomore .naration-action {
  display: none;
}

.naration-box.nomore  .naration-more {
  display: block;
}

.dash-wrapp.inner-dashboard .myHeader.inner-head.staff-login-head {
  padding: 10px 0;
}

table.sub_narration_tbl_all tbody tr td:nth-child(3) {
    min-width: 220px;
}

table.sub_narration_tbl_all tbody tr td:nth-child(4) {
    width: 100px;
    min-width: 150px;
}

.modal#All-Sub-Category-Modal .modal-dialog .modal-content .modal-body .form-group .form-check {
  display: inline-block;
  margin: 0 15px 0 0;
}

.modal#All-Sub-Category-Modal .modal-dialog .modal-content .modal-body .form-group label {
  width: 100%;
  margin: 0 0 10px;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) select {
  width: 160px;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) {
  max-width: 160px;
  width: 160px;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .mobileview {
    display: none;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop {
  max-width: inherit !important;
  width: 200px;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop select {
  width: 200px;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) {
  width: 285px;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) select {
  width: 285px;
}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list-text {
    background: none;
    padding: 0;
}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list-text li.sublist1 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 2% 0 0;
    flex-grow: 1;
}

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list-text li.sublist1:last-child {
    margin-right: 0;
}

table.sub_narration_tbl_all  tbody td:nth-child(7) {
  min-width: 150px;
  text-align: left;
}

table.sub_narration_tbl_all thead th:nth-child(7) {
  text-align: left;
}

table.reminder-list-table tbody tr td:nth-child(2) {
  min-width: 140px;
}

table.reminder-list-table tbody tr td:nth-child(4) {min-width: 160px;}
.input-currency-group {
  width: 100%;
  position: relative;
  float: left;
}

.input-currency-group .currency-span {
  width: 100%;
  height: 50px;
  border: 1px solid #00000026;
  border-radius: 5px;
  padding: 12px;
  color: #000;
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffff;
  z-index: 0;
  overflow: hidden;
}

.input-currency-group input {
  z-index: 1;
  position: relative;
}


.reminder-modal .popup-table table#catreminderlist tbody td:nth-child(3) {
  min-width: 270px;
}

.reminder-popup .popup-content .popup-table {
  width: 100%;
  overflow: auto;
}

.reminder-popup .popup-content .popup-table .dataTables_wrapper {
  min-width: 800px;
}

.optn-remainder .table>tbody td:last-child {
    min-width: 230px;
}

.optn-remainder .table>tbody td:nth-child(5) {
    min-width: 192px;
}

.modal.reminder-modal.diary-rem .modal-dialog {
    max-width: 1200px;
    width: 90%;
}

.modal.reminder-modal.optn-remainder .modal-dialog {
    max-width: 1200px;
    width: 90%;   
}

.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox .input-currency-group {
    width: 46%;
}


.income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox .input-currency-group input {
    width: 100%;
}


.popup .popup-content .text-fields .text-field.check-outer input {
    width: 35px;
    height: 35px;
}

.diary-rem table.reminder-list-table tbody tr td:nth-child(5) {
  width: 300px;
}

.diary-rem.reminder-modal .popup-table .dataTables_wrapper {
  min-width: 1030px;
}

.rem-th-cls.reminder-popup .popup-content .popup-table table tbody tr td:nth-child(3) {
    width: 600px;
}
.rem-th-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper {
    min-width: 920px;
}

.rem-td-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper table td:nth-child(3) {
  width: 560px;
}

.rem-td-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper {
  min-width: 880px;
}

.rem-th-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper#catreminderlist_wrapper table tbody tr td:nth-child(3) {
  width: 290px;
}

.rem-th-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper#catreminderlist_wrapper table tbody tr td:nth-child(5) {
  width: 300px;
}

.rem-th-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper#catreminderlist_wrapper {
  min-width: 1030px;
}

.optn-remainder .table>tbody td:last-child {
  min-width: 100px;
}

.optn-remainder .table>tbody td:nth-child(5) {
  width: 300px;
}

.modal.optn-remainder .modal-dialog .modal-content .dataTables_wrapper {
  min-width: 1030px;
}

.rem-td-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper .etr-remainder td:nth-child(3) {
  width: 290px;
}

.rem-td-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper .etr-remainder td:nth-child(5) {
  width: 300px;
}
  
.rem-td-cls.reminder-popup .popup-content .popup-table .dataTables_wrapper .etr-remainder {
  min-width: 1030px;
}

@media (max-width:1618px) {
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding-left: 25px; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: 9%; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 795px; }
  .dashboard-wrapp .dashboard-body .voucher-table-box .dashboard-box1 { min-width: 1420px; }

  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {   width: 54% !important;}

}

@media (max-width:1500px) {
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .addbank-box1 ul.addbank-bal li.sublist { right: 9%; }
  .voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area { width: 69%!important; }
  table#reminder-table tbody tr td:nth-last-child(2) { width: 880px; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1400px; }
  .dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 span { font-size: 18px; }

  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {   width: 53% !important;}

  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .mobileview {
    display: block;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .staff-link.systemview {
    display: none;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .submit-btn.systemview {
    display: none;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .date-filter {
    width: 100%;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) {
    max-width: inherit;
    width: 35%;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) select {
    width: 100%;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center {
    width: 70%;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop {
    max-width: inherit;
    width: 19%;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .date-filter .navbar-nav.dask-dropdown {
    width: 100%;
    margin: 11px 0 0;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center  .mobileview {
    display: flex;
    width: 98%;
    justify-content: space-between;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop select {
    width: 100%;
}

}

@media (max-width:1399px) {
  li.nav-item a { font-size: 14px; }
  .navigation-wrap .head-main .head-logo { width: 320px; }
  table#reminder-table tbody tr td:nth-last-child(2) { width: 880px; }
  .dash-wrapp .inner-head .head-main .head-center.other-center .col-md-5 { width: 40%; }
  .dash-wrapp .inner-head .head-main .back-tittle { width: max-content; }
  .salary-wrapp .salary-row .text-fields .text-field { width: 19%; }
  .salary-wrapp .salary-row .text-fields .text-field.paid-val { width: 19%;}
  .salary-wrapp .salary-row .text-fields .text-field.staff-val {  width: 19%;}
  .salary-wrapp .salary-row .text-fields .text-field select { font-size: 16px; }
  .salary-wrapp .salary-row .text-fields .text-field .input-field { font-size: 16px; }
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 19%; }
  .staff-pro-wrapp .staff-pro-row .staff-user { width: 84%; }
  .settings-wrap .text-fields.form .row.wish-group .col-md-6 { width: 100%; }
  .popup .popup-content .text-fields .text-field { width: 18%; }
  .popup .popup-content .text-fields .filter-field { width: auto; max-width: inherit; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 61%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align {width: 10%;}
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname { width: 15%;}
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 17%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 89%; margin: 0 1% 0 0; }
  .popup .popup-content .text-fields { align-items: normal; }
  .popup .popup-content .text-fields .text-field.full-field.bank-remarks { width: 42%; }
  .popup .popup-content .text-fields .filter-field .submit-btn { margin: auto 0 10px; }
  .popup#myPopup-bank-edit .popup-content .text-fields .checkbox-field { right: 26px; }
  .dashboard-wrapp .dashboard-body .p_and_l-year-table { overflow-x: auto; }
  .dashboard-wrapp .dashboard-body .pl-monthly-outer { width: 100%; overflow-x: auto; }
  .settings-wrap .text-fields.form .row .off-col { width: 100%; }
  .settings-wrap .text-fields.form .row .off-col:nth-child(2) { width: 100%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: 9.9%; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 550px; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 795px; }
  .dashboard-wrapp .dashboard-body .voucher-table-box .dashboard-box1 { min-width: 1420px; }

  .voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area {   width: 68% !important;}

  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {   width: 49% !important;}
  
  .input-currency-group .currency-span {
    font-size: 16px;
}

}

@media  (max-width:1350px) and (min-width:1241px) {
  .voucher-entry-wrapp .entry-row .text-fields .text-field {
    max-width: 11%;
}

.voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form {
    max-width: 16%;
}

.voucher-entry-wrapp .entry-row .text-fields .filter-field {
    margin: 15px 10px 0 0;
}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details {
  width: 100%;
} 

}

@media  (max-width:1371px) and (min-width:1200px){
  .sngl-staff-sal .button_container {
    top: 61px;
}
}

@media  (max-width:1352px) and (min-width:1241px){
  .bank-tab-add .button_container {
    top: 46px;
}
}

@media (max-width:1240px) {
  .scroll-button-tab { width: 40px; height: 40px; bottom: 55px; }
  .scroll-button-tab .scroll-btn { width: 40px; height: 40px; }
  .head-center a.add-bank-view.desk_view { display: none; }
  .head-center a.add-bank-view.mob_view { display: block; }
  .settings-wrap .text-fields.form .row.wish-group .wish-text-outer .form-group.wish-field:first-child { max-width: inherit; }
  .voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area { width: 78%!important; margin: 0 0 15px!important; }
  .voucher-form-wrapp.doc-outer .text-fields .text-field { width: 100%!important; margin: 0 2% 10px 0; }
  .voucher-form-wrapp.doc-outer .voucher-row .text-fields .text-field.upload-file { margin: 0 10px 0 0; }
  .voucher-form-wrapp.doc-outer .voucher-row .text-fields .filter-field { margin: 0 0 0 0; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field:nth-child(3) { margin-right: 0;}

  .session_images .col-md-2 { width: 20%; }
  .bank_psc .popup-content .text-fields .filter-field { margin: 0 0 0; }
  .income_csc_popup .income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn { margin: 0; }
  .income_csc_popup .income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn { margin: 0; }
  .popup.diry-cls-pop .popup-content .text-fields .text-field.remarks-area { width: 81%; }
  .table.diary-tbl-show tbody tr td:nth-child(5) { width: 570px; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.full-field.bank-remarks { width: 88%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: 16%; margin: 0 1% 2% 0;}
  .voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form { max-width: 25%; width: 23%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field.cat-sub-field-stm {width: 23%;}
  .voucher-entry-wrapp .entry-row .text-fields .filter-field { margin: 0 10px 0 0; }
  .voucher-entry-wrapp .entry-row .text-fields .filter-field button.submit-btn.filter { margin: 0 0 20px; }
  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area { width: 78%!important; margin-bottom: 15px; }
  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.upload-file {  margin: 0 10px 0 0;}
  .voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .filter-field {   margin: 00;}
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { margin-bottom: 15px; }

  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.per-col {
    margin-right: auto;
}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details {
  width: 100%;
}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link.location-mobile {
  display: inline-block;
}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link.location-system {
  display: none;
}

}

@media (max-width:1199px) {
  .navigation-wrap .head-main .head-logo { width: 25%; }
  .myHeader .navbar-nav .nav-link { padding: 5px 6px 0; font-size: 13px; }
  .salary-wrapp .salary-row .text-fields .text-field { width: 19%; }
  .salary-wrapp .salary-row .text-fields .text-field select { font-size: 16px; }
  .salary-wrapp .salary-row .text-fields .text-field .input-field { font-size: 16px; }
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 19%; }
  .staff-pro-wrapp .staff-pro-row .staff-user { width: 60%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text { width: 100%; margin: 15px 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text label { width: auto; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text textarea { width: 65%; }
  .addbank-wrapp .addbank-row .text-fields .text-field label { font-size: 14px; }
  .addbank-wrapp .addbank-row .text-fields .text-field .input-field { font-size: 16px; }
  .addbank-wrapp .addbank-row .text-fields .text-field { width: 15%; }
  .addbank-wrapp .addbank-row .text-fields .text-field.bank_text { width: 21.6%; }
  .addbank-wrapp .addbank-row .text-fields .checkbox-field { width: 8%; }
  .addbank-wrapp .addbank-row .text-fields .filter-field { width: 11%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field { width: 17%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align { width: 12%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 17%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname { width: 17%;}
  .voucher-form-wrapp .voucher-row .text-fields .text-field label { font-size: 14px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field .input-field { font-size: 16px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field select { font-size: 16px; }
  .daybook-wrapp .daybook-row .text-fields .text-field .input-field { font-size: 16px; }
  .daybook-wrapp .daybook-row .text-fields .text-field select { font-size: 16px; }
  .salary-wrapp .salary-row .text-fields .text-field.staff-val { width: 19%; }
  .salary-wrapp .salary-row .text-fields .text-field.bal-amount { width: 19%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field select { font-size: 16px; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field input { font-size: 16px; }
  .staffform-wrapp .search-box .text-fields .text-field { width: 18%; }
  .staffform-wrapp .search-box .text-fields .filter-field { margin: 10px 0 0; padding: 0; }
  .salary-sate-wrapp .salary-row .text-fields .text-field select { font-size: 16px; }
  .popup .popup-content .text-fields .text-field .input-field { font-size: 16px; }
  .popup .popup-content .text-fields .text-field select { font-size: 16px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 44%; }
  .staff-pro-wrapp .staff-pro-row .staff-user.view-user { width: 100%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 17%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.per-col { width: 27%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 83%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li .time-row label { font-size: 14px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer label { font-size: 14px; }
  .dashboard-wrapp .dashboard-body .income-table-body .dashboard-box1 { min-width: 1550px; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 795px; }
  .dash-wrapp .inner-head .head-main .head-center { width: 100%; margin-top: 15px; }
  .dash-wrapp .inner-head .head-main .head-right { position: absolute; right: 0; top: 0; }
  .dash-wrapp .inner-head .head-main .head-center a.view-bank { position: absolute; right: 180px; top: -54px; margin: 0; }
  .navigation-wrap .head-main { margin-top: 15px; }
  .dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 19%; max-width: 100%!important; margin: 0 1.25% 0 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop label { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop select { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn { width: 9%; display: inline-block; margin: 0; text-align: center; padding: 0 20px; height: 45px; line-height: 45px; }
  .head-center a { font-size: 14px!important; }

  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user img {   width: 90px;  height: 90px;}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn.systemview { display: none;}
.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center { margin: 0 17% 0 0;}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main {
    margin: 0;
    align-items: self-start;
}

.button_container {
    top: 55px;
}
.main-dash .button_container {
    top: 46px;
}
.Diary-tabl .button_container {
  top: 40px;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center a.view-bank {
    position: relative;
    top: inherit;
    right: inherit;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center ul.navbar-nav.dask-dropdown {
    width: auto;
    margin: 0 0 0 20px;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center {
    justify-content: center;
}

}

@media screen and (max-width:1095px){
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 {
    max-width: 1035px;
}
}


@media (max-width:1024px) {
  .staffform-wrapp .search-box .text-fields .text-field { width: 23%; margin: 0 2% 2% 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staff-img { width: 70px; height: 70px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li { font-size: 16px; }
  .staff-pro-wrapp .staff-pro-row .staff-user h2 { font-size: 16px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul li { font-size: 15px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li { font-size: 15px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell { font-size: 14px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner { padding: 5px 5px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day { font-size: 14px; }
  .addbank-wrapp .addbank-row .text-fields .text-field label { font-size: 14px; }
  .addbank-wrapp .addbank-row .text-fields .text-field .input-field { font-size: 16px; }
  .addbank-wrapp .addbank-row .text-fields .text-field { width: 15%; }
  .addbank-wrapp .addbank-row .text-fields .checkbox-field { width: 8%; }
  .addbank-wrapp .addbank-row .text-fields .filter-field { width: 11%; }

  .daybook-wrapp .daybook-row.pl-row .pl-percentage-box p { font-size: 16px; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist { font-size: 16px; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist2 { font-size: 16px; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list4 li.sublist1 { font-size: 16px; }
  .salary-sate-wrapp .salary-row1 h3 { font-size: 20px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 42%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 17%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 83%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer { width: 100%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li .time-row { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text textarea { width: 100%; max-width: inherit; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align { display: flex; flex-wrap: wrap; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align .user-text { width: 49%; margin: 0 2% 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text .error-text { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align .user-text:last-child { margin: 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text { margin: 20px 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user { width: 72%; }
  .summary-filter .row.staff-no .col-md-6 { width: 60%; }
  .pl-list-wrapp .pl-list-row .text-fields .text-field { width: 24%; }
  

  .dash-wrapp.inner-dashboard .sidebar-wrapp { min-width: 278px; }
  .dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 5%; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist.bal_list { padding: 8px 52px 8px 52px; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 20%; }
  .income-form-wrapp .income-form-box .text-fields .add_refund .text-field.off-bank { width: 32%; }
  .income-form-wrapp .income-form-box .text-fields .add_bank .text-field.off-bank { width: 32%; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 430px; }
  .dashboard-wrapp .dashboard-body .voucher-table-box .dashboard-box1 { min-width: 1120px; }
  table.doc_file_tbl tbody tr td:nth-child(2) { min-width: 150px; }
  table.doc_file_tbl tbody tr td:nth-child(3) { min-width: 270px; }
  table#reminder-table tbody tr td:nth-last-child(2) { width: 400px; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1200px !important; }
  .table.diary-tbl-show tbody tr td:nth-child(5) { width: 450px; }

  table.hist-table tbody tr td:nth-last-child(2) {
    width: 300px  !important;
}

.dashboard-wrapp .dashboard-body .remain-today-outer.his-outer .dashboard-box1 {
    min-width: 1000px !important;
}

.income-form-wrapp .income-form-box .text-fields.add_refund .filter-field .apply-btn {    margin: 0 0 15px;}
.income-form-wrapp .income-form-box .text-fields.add_refund.mob-refund .filter-field .apply-btn {margin: 33px 0 0;}
  

.dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col2 {
  max-width: 970px;
}

  }

@media (max-width:1024px) {
  .navigation-wrap .head-main { margin-top: 15px; }
}

@media screen and (max-width:1199px) and (min-width:992px){
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center {
    width: 100%;
    margin: 0 0 0;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .mobileview {
    position: absolute;
    top: -40px;
    padding: 0 17%;
}




}




@media screen and (max-width:1095px) and (min-width:992px) {
  .head-center a { font-size: 14px!important; }
  .dash-wrapp.inner-dashboard .inner-head.Diary-tabl .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop { max-width: 120px; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center select { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center a.submit-btn { position: relative; top: -2px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; padding: 0;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%; margin: 10px 0 0; padding-left: 110px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 105px; float: left; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-32%); }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link { display: inline-block; text-align: left; margin: 0 0 -5px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding: 0 0 0 25px; font-size: 20px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp { margin: 10px 0;     font-size: 20px;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist {  font-size: 20px;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list { padding-left: 85px; justify-content: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { object-position: top center; height: 115px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li { text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist .mob_view-hide { display: none; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field.nick-bnk-cls { width: 40%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 61%; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1390px; }
  .bank-form-wrapp.stm-all-wrapp .bank-form-row .text-fields .text-field.all-stm-nick { width: 32%; }
  .bank-form-wrapp.stm-bank-wrapp .bank-form-row .text-fields .text-field.cheg-del { width: 40%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.edit_office1 { width: 27%; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .text-field.edit_office3 { width: 38%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.edit_office2 { width: 27%; }
  .dash-wrapp .inner-head .head-main .head-center { width: 100%; margin-top: 15px; }
  .dash-wrapp .inner-head .head-main .head-right { position: absolute; right: 0; top: 0; }
  .dash-wrapp.inner-dashboard .inner-head.staff-header .head-main .head-center {margin: 0 auto 0; position: absolute !important; width: 100%; justify-content: center; z-index: auto;}
  .navigation-wrap .head-main { margin-top: 15px; }
  .dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 21%; margin: 0 1.25% 0 0; max-width: 100%!important; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop label { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop select { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn { width: 9%; display: inline-block; margin: 0; text-align: center; padding: 0 20px; height: 45px; line-height: 45px; }


.dash-wrapp.inner-dashboard .inner-head.sal-head .head-center {width: auto;margin: 0 auto 0 2%;flex-direction: row-reverse}
.dash-wrapp.inner-dashboard .inner-head.sal-head .head-center a.view-bank {position: relative;top: inherit;right: inherit;}
.dash-wrapp.inner-dashboard .inner-head.sal-head .head-center .date-filter {width: auto;}



.salary-sate-wrapp .salary-row .text-fields .text-field:first-child { width: 28%;}

.salary-sate-wrapp .salary-row1 .salary-box1 {
  width: 32%;
  margin: 0 2% 10px 0;
}

.salary-sate-wrapp .salary-row1 .salary-box2 {
  width: 32%;
  margin: 0 2% 10px 0;
}

.salary-sate-wrapp .salary-row1 .salary-box3 {
  width: 32%;
  margin: 0 0 10px 0;
}

.salary-sate-wrapp .salary-row1 .salary-box4 {
  width: 32%;
  margin: 0 2% 10px 0;
}

.salary-sate-wrapp .salary-row1 .salary-box5 {
  width: 32%;
  margin: 0 0 10px 0;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) {
    max-width: inherit;
    width: 29%;
}

}

@media (max-width:991px) {
/* header { height: inherit; padding: 30px 0 20px; }
  header .navbar-brand { margin-left: 0; width: auto; border: none; }
  header .navbar-expand-md .navbar-nav { height: 100%; }
  header button.navbar-toggler { position: fixed; right: 10px; top: 90px; z-index: 99!important; }
  header #navbarNavDropdown { height: 100vh; padding: 15px 30px; overflow: auto; position: fixed; background-color: #fff; z-index: 9999; overflow-x: hidden; box-shadow: 4px 0 16px 0 #0000000A; visibility: hidden; opacity: 0; transition: all ease 0.5s; top: 0; width: 80%; left: -300px; }
  header #navbarNavDropdown.show { visibility: visible; opacity: 1; left: 0; }
  header .navbar-expand-md .navbar-nav { padding-top: 50px!important; padding-left: 0; padding-right: 0; height: 100vh; text-align: center; background: none!important; display: inline-block; width: 100%; }
  .navigation-wrap ul.navbar-nav li.nav-item { width: 100%; padding: 17px 10px 17px 0; margin: 0!important; height: auto; border: none!important; position: relative; }
  .navigation-wrap ul.navbar-nav li.nav-item a { font-size: 16px; line-height: normal; padding: 0!important; text-align: center; color: #1e1e1e; border-bottom: none; }
  .navigation-wrap ul.navbar-nav li.nav-item::after { background: url(../images/nav-border.png) left repeat-x; background-size: 16px; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ""; }
  .navigation-wrap ul.navbar-nav li.nav-item.active::after { background: url(../images/nav-border-active.png) left repeat-x; background-size: 16px; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ""; }
  ul.user-nav.mobile { display: block; background: #ffff; padding: 20px 30px; height: 100%; }
  ul.user-nav.mobile li a.nav-link { display: flex; }
  a.nav-link.sign-out { color: #d5242f!important; }
  ul.contact-nav { display: none!important; }
  button.navbar-toggler .navbar-toggler-icon:after, button.navbar-toggler .navbar-toggler-icon:before { width: 28px; position: absolute; height: 2px; background-color: #000; top: 0; left: 0; content: ""; z-index: 2; transition: all 300ms linear; }
  button.navbar-toggler .navbar-toggler-icon:after { top: 9px; }
  button.navbar-toggler .navbar-toggler-icon { width: 28px; height: 20px; background-image: none; position: relative; border-bottom: 2px solid #000; transition: all 300ms linear; }
  .navigation-wrap .head-main .head-right .mobile-logo { idth: 300px; osition: fixed; eft: 30px; op: 35px; }
  .navigation-wrap .head-main .head-right .mobile-logo .navbar-brand { width: 100%; display: block; }
  .navigation-wrap .head-main .head-right .mobile-logo .navbar-brand img { width: 100%; }
  header .navigation-wrap .navbar .head-main .head-right .head-nav button.mobile-toggle.navbar-toggler { left: auto; top: 30px; position: absolute; right: 20px; border: 2px solid #e94646; border-radius: 50%; padding: 2px 6px; }
  button.mobile-toggle.navbar-toggler .navbar-toggler-icon:after, button.mobile-toggle.navbar-toggler .navbar-toggler-icon:before { width: 15px; background: #e94646; }
  button.mobile-toggle.navbar-toggler .navbar-toggler-icon { width: 15px; height: 20px; }
  .mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
  .mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translateY(8px) rotate(-45deg); }
  .mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg); }
  .navigation-wrap ul.navbar-nav { width: 100%; padding: 20px 0 0; margin-top: 50px!important; }
  body.overlay::after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.2); z-index: 999; min-height: 100%; }
  .navigation-wrap .head-nav ul li.nav-item.login-btn:after { display: none; }
  li.nav-item.login-btn:before { display: none; }
  li.nav-item.active a.nav-link::after { display: none; }
  header .navigation-wrap .navbar .head-main .head-right { margin-right: 62px; }
  header .navigation-wrap .navbar .head-main .head-right a { padding: 0; text-align: left; margin: 0; color: #000; font-weight: 600; font-size: 16px; }
  header .navigation-wrap .navbar .head-main .head-right a img { width: 20px; }
  .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none; }
  .navigation-wrap .head-nav ul li.nav-item { display: block; }
  button.navbar-toggler { cursor: pointer; position: fixed; top: 25px; z-index: 99!important; }
  header.fixed button.navbar-toggler { top: 43px; transition: all .25s ease-in-out .25s; }
  header .navigation-wrap .navbar .head-main .head-right a { background: none; }
  ul.responsive { display: none; }
  .head-right li.nav-item.dropdown.profile-drop { display: block; }
  li.nav-item.profile-drop:before { display: none; }
  li.nav-item.profile-drop a.nav-link.profile-btn { width: fit-content; } */
  .dash-wrapp .inner-head .head-main .head-right .head-nav button.navbar-toggler { display: none; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav .navbar-collapse { display: block!important; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav { display: flex; flex-direction: row; margin: 0!important; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1 { width: 32%; margin: 0 2% 2% 0; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(3n) { margin-right: 0; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(4n) { margin-right: inherit; }
  .navigation-wrap .head-main .head-logo { width: 250px; margin: 0 0 0 20px; }
  .button_container { top: 55px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 { width: 49%; margin: 0 2% 2% 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1:nth-child(2n) { margin-right: 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1:nth-child(3n) { margin-right: auto; }
  .login-wrapp .login-content-wrapp .login-content-right { width: 100%; max-width: 600px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box ul li { font-size: 15px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li { font-size: 15px; word-break: break-all; }
  .login-wrapp .login-content-wrapp .login-content-left { width: 100%; max-width: 600px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view { width: 30%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-address { width: 65%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li { font-size: 15px; }
  .staff-pro-wrapp .staff-pro-row .staff-user h2 { font-size: 15px; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user { margin: 0 10px 0 0; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main { font-size: 14px; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user img { width: 40px; height: 40px; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user { margin: 0 10px 0 0; }
  .dash-wrapp .inner-head .head-main .back-tittle h2 { font-size: 22px; margin: 0 0 0 20px; }
  .head-center a { font-size: 14px!important; }
  .dashboard-wrapp.user-calendar .dashboard-body .dashboard-box1 { width: 100%; }
  .dashboard-wrapp.user-calendar .dashboard-body .attendance-entry { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-center.other-center.duplicate { display: none; }
  .dashboard-wrapp .head-center.other-center.staff-dup { display: flex; flex-wrap: wrap; width: 100%; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row { align-items: flex-end; width: 100%; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-5 { width: 60%; margin: 0 0 20px; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-4 { width: 40%; margin: 0 0 20px; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-5 select { background: #fff url(../images/chevron-down.svg) no-repeat center!important; background-size: 20px!important; background-position-x: 95%!important; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 25px 10px 10px; color: #000; font-weight: 400; cursor: pointer; font-size: 14px; width: 100%; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-4 input { width: 100%; height: 45px; border: 1px solid #00000026; border-radius: 5px; padding: 10px 10px 10px; color: #000; font-weight: 400; font-size: 14px; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form { width: 100%; }
  .salary-wrapp .salary-row .text-fields .text-field label { font-size: 14px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text label { font-size: 14px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li select { font-size: 16px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li input { font-size: 16px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text input { font-size: 16px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text textarea { font-size: 16px; }
  .dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2 { font-size: 20px; }
  .addbank-wrapp .addbank-row .text-fields .text-field label { font-size: 14px; }
  .addbank-wrapp .addbank-row .text-fields .text-field .input-field { font-size: 16px; }
  .addbank-wrapp .addbank-row .text-fields .text-field { width: 17%; }
  .addbank-wrapp .addbank-row .text-fields .checkbox-field { width: 10%; }
  .addbank-wrapp .addbank-row .text-fields .filter-field { width: 12%; max-width: inherit; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field { width: 18%; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field label { font-size: 14px; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field select { font-size: 16px; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field .input-field { font-size: 16px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field { width: 24%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname {width: 24%;}
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align { width: 24%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 24%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 59%; }
  .voucher-form-wrapp .voucher-row .text-fields .filter-field .submit-btn {  margin: 0 0 0 0;}
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields .text-field { width: 31%; margin: 0 2% 20px 0; }
  .income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn { font-size: 16px; }
  .income-form-wrapp .income-form-box .text-fields .text-field label { font-size: 14px; }
  .income-form-wrapp .income-form-box .text-fields .text-field .input-field { font-size: 16px; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 .income-inputbox select { font-size: 16px; }
  .income-form-wrapp .income-form-box .text-fields .income-toptext { position: absolute; left: 0; bottom: 0; width: 100%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 20%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 50%; }
  .income-form-wrapp .income-form-box .text-fields { padding-bottom: 22px; }
  .income-form-wrapp .income-form-box .text-fields .income-toptext p { display: inline-block; margin: 0 10px 0 0; }
  .daybook-wrapp .daybook-row .text-fields .text-field { width: 25%; }
  .add-main-wrapp .add-main-row .text-fields .text-field { width: 35%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: inherit; width: 32%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form { max-width: 33%; width: 32%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field.cat-sub-field-stm {width: 32%;}
  .settings-wrap .text-fields.form .attend-outer .attend-date { width: 60%; }
  .salary-sate-wrapp .salary-row .text-fields .text-field { width: 23%; }
  .popup.edite-popup .popup-content .text-fields .text-field { width: 20%; }
  .addbank-wrapp .addbank-row .text-fields .text-field.full-field.bank-remarks { width: 80%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 23%; }
  .popup .popup-content .text-fields .text-field { width: 23%; }
  #myPopup-bank-edit .popup-content .text-fields .text-field { width: 32%; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.full-field.bank-remarks { width: 88%; }
  .popup .popup-content .text-fields .text-field.full-field.bank-remarks { width: 82%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 53%; margin-bottom: 15px; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.check-outer {width: 5%;}
  .voucher-form-wrapp .voucher-row .text-fields .filter-field { margin: 30px  0 0; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.per-col { width: 27%; }
  .table.salary-list1.tab-salary>tbody td:nth-last-child(2) { width: 300px!important; }
  table.salary-table.statement tbody tr td:last-child { min-width: 150px; width: auto!important; }
  .dashboard-wrapp .dashboard-body .sal-detail-stm .dashboard-box1 { min-width: 825px; }
  .dt-buttons button.dt-button { float: left; }
  .daybook-wrapp .daybook-row .text-fields { justify-content: flex-start; }
  .daybook-wrapp .daybook-row.pl-row { justify-content: space-between; }
  .head-center a.desk-view { display: none; }
  .head-center a.mob-view { display: block; }
  .session_images .col-md-2 { width: 25%; }
  .dash-wrapp.main-dash>.container { max-width: 96%; }
  .dash-wrapp.main-dash>.container .admin-wrapp { padding: 5px 0 0; }
  .popup-content { width: 98%; }
  table.view-bnk-chrg tbody tr td:first-child { width: 10px; }
  table.view-bnk-chrg tbody tr td:nth-child(2) { width: 123px; }
  table.view-bnk-chrg tbody tr td:nth-child(3) { width: 350px; }
  .dashboard-wrapp .dashboard-body .stm-bank-pre .dashboard-box1 { min-width: 900px; }
  .table.view-bnk-chrg>tbody tr td:nth-child(3) { width: 300px;}
  .income_csc .popup-content .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .refund_psc .popup-content .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .income_csc_popup .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .bank_psc .popup-content .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .bank_psc .popup-content .income-form-wrapp .income-form-box .text-fields .filter-field button.apply-btn { margin: 0; }
  .bank_psc .popup-content .income-form-wrapp .income-form-box .text-fields { padding-bottom: 0; }
  .bank_psc .popup-content .income-form-wrapp .income-form-box .text-fields .filter-field button.apply-btn { margin: 0; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 { margin: 0 2% 5px 0; }
  .prev-modal .modal-dialog .col-md-12 { padding: 0 6px; }
  .prev-modal .modal-dialog .modal-content .dataTables_wrapper>.row .col-sm-12.col-md-6 .dataTables_filter { max-width: 240px; }
  .voucher-form-wrapp .voucher-row { margin: 0; }
  .popup.vou-edit-page .popup-content .popup-content-wrapp { padding: 0 10px; }
  .popup.vou-edit-page .popup-content { padding: 20px 10px; }
  .voucher-entry-wrapp .entry-row { margin: 0; }
  .dataTables_wrapper .row.dt-row { margin-top: 10px; }
  .popup.file_detail-edit .popup-content .text-fields .text-field.remarks-area { width: 88%; }
  .popup.file_detail-edit .popup-content .text-fields .text-field { width: 32%; }
  .popup.file_detail-edit.diry-cls-pop .popup-content .text-fields .text-field.remarks-area { width: 77%; }
  .popup#myPopup-bank-edit .popup-content .text-fields .checkbox-field { position: relative; bottom: inherit; right: inherit; }
  .voucher-entry-wrapp .entry-row .text-fields .filter-field button.submit-btn.filter { margin: 0 0 20px; }
  .voucher-entry-wrapp .entry-row .text-fields .filter-field { margin: 0 4px 0 0; }
  .settings-wrap .text-fields.form .row.wish-group .index-setting .dataTables_wrapper { min-width: 600px; }
  .settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper .dataTables_filter { float: left; }

  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field:nth-child(3) { margin-right: 1%; }

  .voucher-form-wrapp.doc-outer .voucher-row .text-fields .diary-outer { width: 35%;}
.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area {width: 63% !important;}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {
  width: 68% !important;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer {
  width: 30%;
}
.dash-wrapp .inner-head .head-main .back-tittle h2.mob_view {
  display: block;
}

.dash-wrapp .inner-head .head-main .back-tittle h2.desk_view {
  display: none;
}
.salary-sate-wrapp .salary-row1 .salary-box1 { width: 49%; margin: 0 2% 10px 0; }
.salary-sate-wrapp .salary-row1 .salary-box2 { width: 49%; margin: 0 0 10px 0; }
.salary-sate-wrapp .salary-row1 .salary-box3 { width: 49%; margin: 0 2% 10px 0; padding: 13px; }
.salary-sate-wrapp .salary-row1 .salary-box4 { width: 49%; margin: 0 2% 10px 0; }
.salary-sate-wrapp .salary-row1 .salary-box5 { width: 49%; margin: 0 0 10px 0; }

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details {padding: 0;}
.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center {
    width: 100%;
    margin: 20px 0 0;
}
.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) {
    width: 31%;
}

}

@media (max-width:991px) and (min-width:768px) {
  .dash-wrapp.inner-dashboard .inner-head.saff-add-align { padding-bottom: 25px; }
  .salary-wrapp .salary-row .text-fields .text-field.full-field.remarks-field { width: 64%; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter li:last-child { margin: 0; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter li { max-width: 135px!important; }
  .dash-wrapp .inner-head .head-main .head-center select { width: 100%; }
  .admin-wrapp.user_admin-wrap .admin-row1 .admin-outer .admin-col1:nth-child(4n) { margin-right: 2%; }
  .dash-wrapp.inner-dashboard .inner-head.new-head-align.Pl_aligh_tab { padding: 25px 0 25px; }
  .dash-wrapp.inner-dashboard .inner-head.new-head-align.Pl_aligh_tab .head-main .head-center { position: relative; bottom: inherit; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%; margin: 10px 0 0; padding-left: 120px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 110px; float: left; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-32%); }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link { display: inline-block; text-align: left; margin: 0 0 -5px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding: 0 0 0 25px; font-size: 20px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp { margin: 10px 0; font-size: 20px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist {  font-size: 20px;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li { text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list { padding-left: 120px; justify-content: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { object-position: top center; height: 130px; }

  div#reminder-table_filter { float: left; }
  .edite-popup .popup-content .popup-content-wrapp .dataTables_wrapper .row .col-sm-12.col-md-6 { width: 100%; }
  .dataTables_filter { float: left; }
  .dataTables_wrapper>.row .col-sm-12.col-md-6 { width: 100%; }
  .salary-wrapp .salary-row .text-fields .text-field { width: 25%; }
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 20%; }
  .salary-wrapp .salary-row .text-fields .text-field.staff-val { width: 25%; }
  .salary-wrapp .salary-row .text-fields .text-field.bal-amount { width: 20%; }
  .navbar-expand-lg .navbar-nav li.nav-item a.add_rem_link { top: -2px; position: relative; }
  .dash-wrapp.staff-wrapp .container { max-width: 96%; }
  .dashboard-wrapp .dashboard-body .staff-view-table { width: 100%; overflow-x: auto; }
  .dashboard-wrapp .dashboard-body .staff-view-table .dashboard-box1 { min-width: 1140px; }
  .popup .salary-wrapp .salary-row .text-fields .filter-field .submit-btn { margin: 0; }
  .popup .salary-wrapp .salary-row .text-fields .filter-field { margin: 0; }
  .voucher-entry-wrapp .entry-row { padding: 20px 20px 0; }
  .popup.bank-cherg .popup-content .text-fields .text-field { width: 32%; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist .mob_view-hide { display: none; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field.nick-bnk-cls { width: 40%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 61%; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1220px; }
  .bank-form-wrapp.stm-all-wrapp .bank-form-row .text-fields .text-field.all-stm-nick { width: 39%; }
  .bank-form-wrapp.stm-bank-wrapp .bank-form-row .text-fields .text-field.cheg-del { width: 40%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.edit_office1 { width: 27%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 20%; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .text-field.edit_office3 { width: 38%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.edit_office2 { width: 27%; }
  .dash-wrapp .inner-head .head-main .head-center { width: 100%; margin-top: 15px; }
  .navigation-wrap .head-main { margin-top: 15px; }
  .dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 21%; max-width: 100%!important; margin: 0 1% 0 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop label { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop select { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn { width: 9%; display: inline-block; margin: 0; text-align: center; padding: 0 5px; height: 45px; line-height: 45px; }
  .dash-wrapp.inner-dashboard .inner-head.staff-header .head-main .head-center {margin: 0 auto 0; position: absolute !important; width: 100%; justify-content: center; z-index: auto;}

  .dash-wrapp.inner-dashboard .inner-head.atend_tab .head-main .head-center {position: absolute !important;top: 0;justify-content: center !important;}

.dash-wrapp.inner-dashboard .inner-head.atend_tab .head-main .head-center .select2 {width: auto !important;}

.bank-form-wrapp .bank-form-row .text-fields .filter-field { margin: 20px 0 0;}

table.user-rem tbody td:last-child {
  width: 500px;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .mobileview {
  position: absolute;
  top: -49px;
  left: 0;
  padding: 0 18%;
}

}

@media (max-width:767px) {
  header button.navbar-toggler { top: 115px; transition: all .25s ease-in-out .25s; }
  header.fixed button.navbar-toggler { top: 25px; transition: all .25s ease-in-out .25s; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1 { width: 48%; margin: 0 4% 4% 0; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(2n) { margin-right: 0; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(3n) { margin-right: inherit; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 { width: 100%; margin: 0 0 20px; }
  .staffform-wrapp .search-box .text-fields .text-field { width: 31%; }
  .login-wrapp .login-content-wrapp .login-content-right { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staff-img { width: 90px; height: 90px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view { width: 34%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-address { width: 62%; }
  .dashboard-wrapp .dashboard-body .dashboard-outer { width: 100%; overflow-x: auto; }
  .dashboard-wrapp .dashboard-body .dashboard-outer .dashboard-box1 { width: 100%; min-width: 880px; }
  .dashboard-wrapp .dashboard-body .dashboard-outer::-webkit-scrollbar { height: 6px; }
  .dashboard-wrapp .dashboard-body .dashboard-outer::-webkit-scrollbar-track { background: #f1f1f1; }
  .dashboard-wrapp .dashboard-body .dashboard-outer::-webkit-scrollbar-thumb { background: #545454; border-radius: 5px; }
  .navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { font-size: 14px; }
  .dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.staff-logout { display: block; }
  .inner-head.wrap-align .head-main .head-center { width: 100%; margin: 15px 0 0; padding: 0; gap: 10px; }
  .head-center a { margin: 0; }
  .salary-wrapp .salary-row .text-fields .text-field { width: 32%; }
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 32%; }
  .salary-wrapp .salary-row .text-fields .text-field.paid-val {  width: 32%;}
  .salary-wrapp .salary-row .text-fields .text-field.staff-val { width: 33%; }
  .salary-wrapp .salary-row .text-fields .text-field.bal-amount { width: 32%; }
  .salary-wrapp .salary-row .text-fields .text-field.full-field.remarks-field { width: 79%; }
  .dashboard-wrapp .dashboard-body .staff-view-table { width: 100%; overflow-x: auto; }
  .dashboard-wrapp .dashboard-body .staff-view-table .dashboard-box1 { min-width: 1150px; }
  .staff-pro-wrapp .staff-pro-row .staff-user { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align { width: 100%; margin: 20px 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text { width: 100%; margin: 15px 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text>.user-text label { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text textarea { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text label { font-size: 14px; width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info .user-text .error-text { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .resume-row { margin: 20px 0 0; width: 100%; }
  .addbank-wrapp .addbank-row .text-fields .text-field label { font-size: 14px; }
  .addbank-wrapp .addbank-row .text-fields .text-field .input-field { font-size: 16px; }
  .addbank-wrapp .addbank-row .text-fields .text-field { width: 32%; }
  .addbank-wrapp .addbank-row .text-fields .text-field.bank_text { width: 32%; }
  .addbank-wrapp .addbank-row .text-fields .text-field.bank_text { width: 32%; }
  .addbank-wrapp .addbank-row .text-fields .checkbox-field { width: 15%; }
  .addbank-wrapp .addbank-row .text-fields .filter-field { width: 17%; max-width: inherit; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field { width: 23%; margin: 0 2% 20px 0; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field.check-outer { margin: 0 0 30px; width:25%;}
  .bank-form-wrapp.stm-bank-wrapp .bank-form-row .text-fields .filter-field { margin: 0 0 20px; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field { width: 24%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 24%; }
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields .text-field { width: 31%; }

  .bank-form-wrapp .bank-form-row .text-fields .text-field.all-per-col { width: 65%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 25%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 52%; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .income-row1 .income-col1 .income-box ul li { font-size: 18px; }
  .daybook-wrapp .daybook-row .text-fields .text-field { width: 32%; }
  .pl-list-wrapp .pl-list-row .text-fields .text-field { width: 32%; }
  .pl-list-wrapp .pl-list-row .pl-list-title { width: 33%; }
  .pl-list-wrapp .pl-list-row .text-fields { width: 65%; }
  .settings-wrap .text-fields.form .attend-outer .attend-date { width: 80%; }
  .salary-sate-wrapp .salary-row .text-fields .text-field { width: 31%; }
  .popup .popup-content .text-fields .text-field { width: 23%; }
  .popup.edite-popup .popup-content .text-fields .text-field { width: 31%; }
  .staff-pro-wrapp .staff-pro-row .resume-row .resume-file-btn { margin: 10px 0 0; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 54%; }
  .modal.show .modal-dialog .modal-content .modal-body .sub-text .text-field { width: 48%; }
  .popup .popup-content .text-fields .text-field { width: 32%; }
  .dashboard-wrapp .dashboard-body .income_monthly .dashboard-box1 { width: 100%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile3.profile-pass .staff-profile-box1 ul.staff-profile-list2 li.list-row2 .pass-outer { width: 49%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .staff-profile-box1 ul li .time-row { width: 49%; }
  .navbar-expand-lg .navbar-nav li.nav-item { margin: 0 10px 10px 0; }
  .change-pass-wrapp .change-pass .form-group { width: 100%; padding: 0; }
  .income_csc .popup-content .close { right: 10px; top: 9px; }
  .summary-filter .row.staff-no { justify-content: left; }
  .dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 6%; }
  .popup table#reminder-table tbody tr td:nth-last-child(2) { width: 288px; }
  header.myHeader.inner-head.atend_tab .head-main .head-center { width: 100%!important; padding: 0!important; margin:0 auto 0 5%!important; position: relative; bottom: 0; justify-content: left;}
  .dash-wrapp.inner-dashboard .inner-head.atend_tab {  padding-bottom: 25px;}
  .select2-container .select2-dropdown { width: 231px !important; }
  .inner-head.atend_tab .head-main .head-center .selection .select2-selection { width: 231px!important; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row4 { display: none; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row5 { display: none; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row3 { display: none; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row3 span.mob_rem { display: none; }
  div#reminder-table_filter { float: left; }
  .edite-popup .popup-content .popup-content-wrapp .dataTables_wrapper .row .col-sm-12.col-md-6 { width: 100%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row2 { width: 25%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1 li.list-row2 { width: 25%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row4 { width: 31%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row2 { width: 58%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row3 { width: 20%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row2 { width: 53%; }
  .dataTables_filter { float: left; }
  .dataTables_wrapper>.row .col-sm-12.col-md-6 { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item.dropdown { width: 30%; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list a.add_rem_link { width: max-content; top: -50px; position: absolute; right: 0; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item { position: initial; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item.dropdown select { width: 100%; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list ul.navbar-nav.dask-dropdown { width: 100%; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field { width: 49%; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(2) { margin-right: 0; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(3) { width: 49%; }
  .voucher-form-wrapp.doc-outer .text-fields .text-field { width: 33%!important; }
  .session_images .col-md-2 { width: 33.33%; }
  .dash-wrapp .inner-head .head-main .back-tittle h2.mob-view { display: block; }
  .dash-wrapp .inner-head .head-main .back-tittle h2.desk-view { display: none; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list1.text-staff li.list-row4 { width: 58%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list1.text-staff li.list-row5 { width: 58%; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .text-field { width: 31%; }
  .prev-modal .modal-dialog { max-width: 98%; }
  .popup.file_detail-edit .popup-content .text-fields .text-field { width: 48%; }
  .file_detail-edit .popup-content .text-fields .filter-field .submit-btn { margin: 0; }
  .popup.file_detail-edit.diry-cls-pop .popup-content .text-fields .text-field.remarks-area { width: 100%; }
  .popup.diry-cls-pop .popup-content .text-fields .filter-field { margin: 0; }
  .popup.diry-cls-pop .popup-content .text-fields .filter-field .submit-btn { margin: 0 10px 0 0; }
  table#reminder-table tbody tr td:nth-last-child(2) { width: 320px; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 860px; }
  .popup.file_detail-edit.diry-cls-pop .popup-content .text-fields .filter-field { top: inherit; }
  .voucher-entry-wrapp .entry-row { padding: 20px 20px 0; }
  .settings-wrap .text-fields.form .row.wish-group .set-event-rem .dataTables_wrapper { min-width: 800px; }
  .settings-wrap .text-fields.form .row.wish-group .set-remainder .dataTables_wrapper { min-width: 800px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list.mobile-view { display: none; }

  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 48%; }
  .head-center a.view-mob { display: block; }
  .head-center a.view-desk { display: none; }
  table.doc_file_tbl tbody tr td:nth-child(4) { width: 825px; }
  .dashboard-wrapp .dashboard-body .voucher-table-box .dashboard-box1 { min-width: 1150px; }
  .dashboard-wrapp .dashboard-body .remain-today-outer .dashboard-box1 { min-width: 1100px; }
  .table.diary-tbl-show tbody tr td:nth-child(5) { width: 520px; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 100%!important; margin-right: 0!important; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 48.5%; margin: 0 2% 15px 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(2), .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) { width: 48.5%; margin: 0 0 15px 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn { width: 20%; height: 45px; line-height: 45px; padding: 0 10px!important; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { margin-bottom: 15px; }
  .voucher-form-wrapp.doc-outer .voucher-row .text-fields .text-field.upload-file { margin-right: 10px!important; }
  .navbar-expand-lg .navbar-nav li.nav-item.login-btn { margin: 0; }
  .navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { font-size: 14px; padding: 0 10px!important; }
  .dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 { flex: 0 0 auto; width: 19.99%; }
  .dash-wrapp .inner-head .head-main .head-center a.view-bank { position: absolute; right: 160px; top: -46px; margin: 0; font-size: 13px!important; padding: 0 10px; border-radius: 8px; height: 40px; line-height: 40px; }
  .dash-wrapp .inner-head .head-main .back-tittle h2 { font-size: 16px; margin: 0 0 0 20px; background-size: 18px!important; padding: 0 0 0 20px; }
  .dash-wrapp .inner-head .head-main .head-right { position: absolute; right: 0; top: 27px; }

  .dash-wrapp.inner-dashboard .inner-head.bank-tab-add .head-center .add-bank-view { width: 48%; text-align: center;}

  .dash-wrapp .inner-head .head-main .back-tittle h2.view-desk {display: none;}

  .dash-wrapp .inner-head .head-main .back-tittle h2.view-mob { display: block;}

  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list.rem-tab-header ul.navbar-nav li.nav-item {  position: relative;}
  .rem-tab-header .navbar-expand-lg .navbar-nav li.nav-item { margin: 0 10px 0 0;}

  .dash-wrapp .inner-head .head-main .back-tittle h2.desk_view {
    display: none;
}

.dash-wrapp .inner-head .head-main .back-tittle h2.mob_view {
    display: block;
}

.dash-wrapp .inner-head .head-main .head-center a.view-bank.desk_view {
  display: none;
}

.dash-wrapp .inner-head .head-main .head-center a.view-bank.mob_view {
  display: block;
}

.bank-form-wrapp.inc-rep .bank-form-row .text-fields .text-field {
  margin: 0 2% 0 0;
}

.dash-wrapp.inner-dashboard .inner-head.sal-head .head-main .head-center a.view-bank {
  position: relative;
  top: inherit;
  right: inherit;
}

.dash-wrapp.inner-dashboard .inner-head.sal-head .head-main .head-center .date-filter {
  width: auto;
}


.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {
  width: 63% !important;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer {
  width: 35%;
}

.voucher-form-wrapp.doc-outer .voucher-row p.file-note {
  width: 100%;
  margin: 5px 0 0;
}

.navbar-expand-lg .navbar-nav li {
  display: inherit;
}

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area {
  width: 63% !important;
}
.income-form-wrapp .income-form-box .text-fields.add_refund .filter-field .apply-btn {
  margin: 33px 0 0;
}
.voucher-entry-wrapp .entry-row .text-fields .text-field label.desk-view {
  display: none;
}

.voucher-entry-wrapp .entry-row .text-fields .text-field label.mob-view {
  display: block;
}
.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details {padding-left: 110px;}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { padding-left: 110px;}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) {
  width: 48.5%;
}
.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) {
  width: 200px;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) select {
  width: 200px;
}

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field:nth-child(5) {
  width: 87% !important;
  margin-right: 2% !important;
}

.voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.check-outer {
  width: 10% !important;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .mobileview {
  display: none;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center .staff-link.systemview {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn.systemview {
  display: block;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center ul.navbar-nav.dask-dropdown {
    width: 100%;
    margin: 0;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop {
    width: 48%;
    max-width: inherit;
    margin: 0 3% 3% 0;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2n) {
    margin-right: 0;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center a.view-bank {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center a.view-bank.add_rem_link {
    position: relative;
}


}

@media (max-width:600px) {
  .navigation-wrap .head-main .head-logo { width: 225px; margin: 0 0 0 20px; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name { margin: 0 0 0; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main { margin: 0 0 0; font-size: 14px; }
  .navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { font-size: 14px; padding: 0 10px!important; }
  .navigation-wrap .head-main .head-logo { width: 225px; }
  .login-wrapp .container { max-width: 90%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer { width: 63%; }
  .staff-pro-wrapp .staff-pro-row .staff-user { width: 100%; margin: 0 0 0; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view { width: 100%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-address { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user { margin: 0 10px 0 0; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user img { width: 30px; height: 30px; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name { display: block; }
  .staff-pro-wrapp .staff-pro-row .staff-user h2 span.add-align { display: inline-block; margin: 0 8px 0 0; }
  .inner-head.wrap-align .head-main .head-center { width: 100%; margin: 15px 0 0; padding: 0; gap: 10px; }
  .dash-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown { display: flex; flex-wrap: wrap; gap: 0; width: 100%; flex-direction: inherit; }
  .dash-wrapp .inner-head.wrap-align .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop { margin: 0 2% 0 0; width: 48%; max-wdth:inherit;}
  .dash-wrapp .inner-head.wrap-align .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:last-child {margin-right: 0;}
  .salary-wrapp .salary-row .text-fields .text-field select { font-size: 14px; }
  .salary-wrapp .salary-row .text-fields .text-field .input-field { font-size: 14px; }
  .salary-wrapp .salary-row .text-fields .text-field.full-field.remarks-field { width: 74%; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field { width: 48%; }
  .bank-form-wrapp .bank-form-row .text-fields .filter-field { margin: 0 0 0; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 32%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field { width: 32%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 30%; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 68%; }
  .income-form-wrapp .income-form-box .text-fields .add_service_charge { width: 100%; float: left; }
  .income-form-wrapp .income-form-box .text-fields .filter-field { max-width: inherit; }
  .income-form-wrapp .income-form-box .text-fields .filter-field .apply-btn { margin: 20px 0 0; }
  .income-form-wrapp .income-form-box .text-fields { padding-bottom: 60px; }
  .popup .popup-content .income-form-wrapp .income-form-box .text-fields { padding: 0; }
  .income-form-wrapp .income-form-box .text-fields .radio-field .radio-box .radio-btn { margin-bottom: 10px; }
  .daybook-wrapp .daybook-row.pl-row { justify-content: center; }
  .daybook-wrapp .daybook-row.pl-row .text-fields .text-field { width: 48%; }
  .pl-list-wrapp .pl-list-row .text-fields .text-field { width: 43%; }
  .pl-list-wrapp .pl-list-row .pl-list-title h3 { font-size: 24px; }
  .pl-list-wrapp .pl-list-row .text-fields { width: 76%; }
  .pl-list-wrapp .pl-list-row .pl-list-title { width: 22%; }
  .pl-list-wrapp .pl-list-row .pl-list-title { width: 32%; margin: 0 0 20px; }
  .pl-list-wrapp .pl-list-row .text-fields { width: 67%; }
  .add-main-wrapp .add-main-row .text-fields .text-field { width: 57%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: inherit; width: 32%; }
  .settings-wrap .text-fields.form .attend-outer .attend-date { width: 100%; }
  .salary-sate-wrapp .salary-row .text-fields .text-field { width: 31%; }
  .popup .popup-content .text-fields .text-field { width: 32%; }
  .popup.reminder-popup .popup-content .text-fields .text-field { width: 48%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 72%; }
  .addbank-wrapp .addbank-row .text-fields .text-field.full-field.bank-remarks { width: 81%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 48%; margin: 0 4% 20px 0; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field:nth-child(2n) { margin-right: 0; }
  .popup .popup-content .text-fields .text-field { width: 48%; margin: 0 2% 2% 0; }
  .popup .popup-content .text-fields .text-field.full-field.bank-remarks { width: 79%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 48%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.per-col { width: 48%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align { width: 32%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname { width: 32%;}
  .navbar-expand-lg .navbar-nav li.nav-item { margin: 0 10px 0 0; }
  .income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field1 { width: 100%; }
  .income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 100%; }
  .income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field1 { width: 100%; }
  .income_edit_pop .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 100%; }
  .dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 6%; }
  .head-center a { font-size: 13px!important; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter { gap: 10px; width: 100%; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter li { width: 47%; margin: 0; max-width: inherit!important; }
  .dash-wrapp .inner-head .head-main .head-center select { width: 100%; }
  .head-center a.view-bank { position: absolute; top: -49px; right: 0; font-size: 13px!important; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link { display: inline-block; text-align: left; margin: 0 0 -5px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding: 0 0 0 24px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li { font-size: 20px; line-height: 30px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist { margin: 0 0 15px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list.mobile-view { padding: 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist span.mob_view-hide { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp .wtsp-img { top: 3px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone .pho-img { top: 2px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp { margin: 0 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list { padding-left: 130px; justify-content: right; flex-direction: column; align-items: flex-end; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { object-position: top center; height: 120px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%; margin: 10px 0 0; padding-left: 130px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 110px; float: left; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-32%); }
  .dash-wrapp .inner-head .head-main .back-tittle h2.desk_view { display: none; }
  .dash-wrapp .inner-head .head-main .back-tittle h2.mob_view { display: block!important; }
  .head-center a.view-bank.desk_view { display: none; }
  .head-center a.view-bank.mob_view { display: block!important; }
  .settings-wrap .text-fields.form .row.wish-group .work-hour-outer .text-field.wish-field { width: 100%; margin: 0 0 20px; }
  .voucher-form-wrapp.doc-outer .text-fields .text-field { width: 48%!important; }
  .dashboard-wrapp .dashboard-body .staff-view-table .dashboard-box1 { min-width: 1365px; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .text-field { width: 48%; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { margin: 0; }
  #myPopup-bank-edit .popup-content .text-fields .text-field { width: 48%; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.full-field.bank-remarks { width: 100%; }
  #myPopup-bank-edit .popup-content .text-fields .filter-field { margin: 0; }
  #myPopup-bank-edit .popup-content .text-fields .filter-field button.submit-btn { margin: 0; }
  .income-form-wrapp .income-form-box .text-fields .add_bank .text-field.off-bank { width: 48%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 48%; }
  .income-form-wrapp .income-form-box .text-fields .add_refund .text-field.off-bank { width: 48%; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list.mobile-view { display: block; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 48%; margin: 0 4% 15px 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(2), .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) { width: 48%; margin: 0 0 15px 0; }

  .dash-wrapp .inner-head .head-main .head-right {
    top: 21px;
}
.dash-wrapp .inner-head .head-main .head-center a.view-bank {
  position: absolute;
  right: 142px;
  top: -46px;
  margin: 0;
  font-size: 12px !important;
  padding: 0 10px;
  border-radius: 8px;
  height: 36px;
  line-height: 36px;
}
.dash-wrapp .inner-head .head-main .head-right {
  position: absolute;
  right: -4%;
  top: 44px;
}

.dash-wrapp.inner-dashboard .inner-head.sngl-staff-sal .head-main .head-center a.view-bank {
  position: relative;
  right: 0;
  top: 0;
  height: 34px;
  line-height: 34px;
  font-size: 13px!important;
  width: auto;
  text-align: center;
}
.bank-form-wrapp.inc-rep .bank-form-row .text-fields .filter-field {
  margin: 0;
}

.inner-head.atend_tab .head-main .head-center {
  position: absolute;
  bottom: -48px;
}

.dash-wrapp.inner-dashboard .inner-head.sal-head .head-main .head-center .date-filter {
  width: 100%;
}

.voucher-form-wrapp.doc-outer .voucher-row .text-fields .diary-outer {
  width: 45%;
}

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area {
  width: 53% !important;
}
.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {
  width: 53% !important;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer {
  width: 45%;
}
.bank-form-wrapp .bank-form-row .text-fields .text-field.cheg-del {
    width: 67%;
}
.bank-form-wrapp .bank-form-row .text-fields .text-field.nick-bnk-cls {
    width: 67%;
}

.income-form-wrapp .income-form-box .text-fields.add_refund .filter-field .apply-btn {
  margin: 15px 0 0;
}

.dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details {padding-left: 0;}

.table.view-bnk-chrg>tbody tr td:nth-child(3) {width: 300px;}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 {
  min-width: 1000px;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box ul.summary-list1.text-staff li.list-row5 {
  width: 42%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box ul.summary-list1 li.list-row1 {
  width: 25%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box ul.summary-list1 li.list-row3 {
  width: 25%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row1 {
  width: 25%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row3 {
  width: 25%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box1 ul.summary-list1 li.list-row4 {
  width: 42% !important;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box ul {
  width: 54%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box ul.summary-list2 {
  width: 45%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box1 ul {
  width: 54%;
}

.dashboard-wrapp.staff-selected .dashboard-body .attend-outer .dashboard-box1 .summary-box1 ul.summary-list2 {width: 45%;}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop select{width: 100%;}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) {
  width: 48%;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:nth-child(2) select {
  width: 100%;
}

.input-currency-group .currency-span {
  font-size: 14px;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop {
    width: 48%;
    max-width: inherit;
    margin: 0 3% 3% 0;
}

}

@media (max-width:480px) {
  header #navbarNavDropdown { width: 100%; }
  .navigation-wrap .head-main .head-right .mobile-logo { width: 225px; }
  header .navigation-wrap .navbar .head-main .head-right .head-nav button.mobile-toggle.navbar-toggler { right: 10px; }
  .navigation-wrap .head-main .head-logo { width: 184px; }
  .dash-wrapp { padding: 0 0 20px; }
  .dash-wrapp.main-dash>.container { max-width: 95%; }
  .admin-wrapp .admin-row1 .admin-outer .admin-col1 { width: 100%; margin: 0 0 10px 0; }
  .staffform-wrapp .search-box .text-fields .text-field { width: 48%; }
  .login-wrapp .login-content-wrapp .login-content-right .head-logo img { max-width: 250px; }
  .login-wrapp .login-content-wrapp .login-content-right .login-form-wrapp .text-fields .text-field { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav { align-items: end; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user { margin: 0; }
  .dash-wrapp .inner-head .head-main .back-tittle h2 { font-size: 16px; margin: 0 0 0 20px; }
  .button_container { top: 40px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell { padding: 4px; font-size: 12px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day .fc-daygrid-day-frame.fc-scrollgrid-sync-inner { width: 100%; padding: 5px 8%; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active .fc-daygrid-body.fc-daygrid-body-balanced table.fc-scrollgrid-sync-table tbody tr td.fc-day { padding: 3px; }
  .dashboard-wrapp .dashboard-body .fc-view-harness.fc-view-harness-active table.fc-col-header thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion { padding: 0; }
  .fc .fc-toolbar-title { font-size: 19px; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-5 { width: 100%; margin: 0 0 20px; }
  .dashboard-wrapp .head-center.other-center.staff-dup form.form .row .col-md-4 { width: 100%; margin: 0 0 20px; }
  .salary-wrapp .salary-row .text-fields { justify-content: space-between; }
  .salary-wrapp .salary-row .text-fields .text-field { width: 48%; margin: 0 0 0 0; }
  .salary-wrapp .salary-row .text-fields .text-field.paid-val {  width: 48%;}
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 32%; }
  .salary-wrapp .salary-row .text-fields .text-field select { font-size: 14px; }
  .salary-wrapp .salary-row .text-fields .text-field .input-field { font-size: 14px; }
  .salary-wrapp .salary-row .text-fields .text-field:nth-child(2n) { margin-right: 0; }
  .salary-wrapp .salary-row .text-fields .text-field.leaves-clss { width: 48%; }
  .salary-wrapp .salary-row .text-fields .text-field.full-field.remarks-field { width: 100%; margin: 0 0 10px; }
  .salary-wrapp .salary-row .text-fields .filter-field.sub-btn { top: 0; margin: 0; }
  .salary-wrapp .salary-row .text-fields .filter-field .submit-btn { margin: 0; }
  .modal.reminder-modal .modal-dialog .modal-content .modal-body .text-fields .text-field { width: 100%; }
  .dashboard-wrapp .dashboard-head .summary-row { margin: 10px 0; }
  .summary-filter { width: 100%; margin: 20px 0 0; }
  .summary-filter input { max-width: 180px; }
  .dash-wrapp.inner-dashboard .main-wrapp .attend-wrapp .dashboard-head .user-box h2 { font-size: 20px; }
  .addbank-wrapp .addbank-row .text-fields .text-field { width: 48%; margin: 0 0 18px; }
  .addbank-wrapp .addbank-row .text-fields .text-field.bank_text { width: 48%; }
  .addbank-wrapp .addbank-row .text-fields .checkbox-field { width: auto; top: -22px; }
  .addbank-wrapp .addbank-row .text-fields .filter-field { width: 36%; max-width: inherit; }
  .addbank-wrapp .addbank-row .text-fields { justify-content: space-between; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field { width: 48%; }
  .bank-form-wrapp .bank-form-row .text-fields .filter-field { margin: 0; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.sub-fild1 { width: 49%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field { width: 48%; margin: 0 0 0 0; }
  .voucher-form-wrapp .voucher-row .text-fields { justify-content: space-between; }
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields .text-field { width: 48%; margin: 0 0 20px 0; }
  .bank-form-wrapp .bank-form-row .text-fields .text-field.all-per-col { width: 100%; }
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields .text-field:nth-child(3) { margin: 0 0 20px; }
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields .filter-field { margin: 20px 0 0; }
  .bank-form-wrapp.trans-bank-wrapp .bank-form-row .text-fields { justify-content: space-between; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 48%; margin: 0 0 15px; }
  .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 100%; }
  .daybook-wrapp .daybook-row .text-fields .text-field { width: 48%; margin-bottom: 20px; }
  .daybook-wrapp .daybook-row.pl-row .text-fields { width: 100%; }
  .pl-list-wrapp .pl-list-row .text-fields .text-field { width: 49%; }
  .pl-list-wrapp .pl-list-row .text-fields { width: 100%; justify-content: space-between; }
  .pl-list-wrapp .pl-list-row .pl-list-title { width: 100%; margin: 0 0 20px; display: none; }
  .add-main-wrapp .add-main-row .text-fields .text-field { width: 100%; margin: 0 0 16px; }
  .add-main-wrapp .add-main-row .text-fields .text-field { width: 100%; margin: 0 0 16px; }
  .salary-wrapp .salary-row .text-fields .text-field.staff-val { width: 48%; }
  .salary-wrapp .salary-row .text-fields .text-field.bal-amount { width: 48%; }
  .toggle-btn-out { position: relative; margin: 0 0 10px; top: 0; right: 0; }
  .dataTables_wrapper .row.dt-row { margin-top: 10px; }
  .dashboard-wrapp { padding: 0; }
  .pl-list-wrapp { margin: 0 0 10px; }
  .dashboard-wrapp .dashboard-body .attendance-entry .attend-box1 .time-warning p { display: inline-block; }
  .dash-wrapp.inner-dashboard .inner-head.staff-login-head .head-main .head-right .head-nav ul.navbar-nav { width: 100px; align-items: flex-end; }
  .dash-wrapp.inner-dashboard .inner-head.staff-login-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main { text-align: right; }
  .navbar-expand-lg .navbar-nav li.nav-item.login-name span.staff-del { display: none; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field { max-width: inherit; width: 48%; margin: 0 0 2%; }
  .voucher-entry-wrapp .entry-row .text-fields { justify-content: space-between; }
  .settings-wrap .text-fields .text-field label { font-size: 16px; width: 100%; }
  .btn.reset { margin: 10px 0 0; }
  .settings-wrap .text-fields.form .attend-outer .attend-date { width: 100%; }
  .settings-wrap .text-fields.form .attend-outer { width: 100%; }
  .settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.reset-data { min-width: inherit; }
  .salary-sate-wrapp .salary-row .text-fields .text-field { width: 48%; margin: 0; }
  .salary-sate-wrapp .salary-row .text-fields .text-field:first-child { width: 100%; }
  .salary-sate-wrapp .salary-row .text-fields { justify-content: space-between; }
  .popup .popup-content .text-fields .text-field { width: 48%; margin: 0 0 0; }
  .popup .popup-content .text-fields { justify-content: space-between; }
  .popup.reminder-popup .popup-content .text-fields .text-field { width: 100%; }
  .popup.edite-popup .popup-content .text-fields .text-field { width: 100%; }
  .popup .popup-content .text-fields .filter-field { margin: 20px 0; }
  .popup .popup-content .salary-wrapp .text-fields .filter-field { margin: 0 0 20px; }
  .modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry { display: block; }
  .modal.staffDetail .modal-dialog .modal-content { padding: 33px 10px; }
  .dashboard-wrapp .dashboard-body .sal-table-outer { margin: 10px 0 0; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.full-field { width: 100%; }
  .voucher-form-wrapp .voucher-row .text-fields .filter-field { margin: 10px 0 auto; }
  .modal.show .modal-dialog .modal-content .modal-body .sub-text .text-field { width: 100%; }
  .modal .modal-dialog .modal-content .modal-body .sub-text { margin: 0 0 0; }
  .income-form-wrapp .income-form-box .text-fields .add_bank { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .income-form-wrapp .income-form-box .text-fields .add_refund { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .addbank-wrapp .addbank-row .text-fields .text-field.full-field.bank-remarks { width: 100%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field { width: 48%; }
  .popup .popup-content .text-fields .text-field { width: 100%; margin: 0 0 2% 0; }
  .popup .popup-content .text-fields .text-field.full-field.bank-remarks { width: 100%; }
  .voucher-form-wrapp.outer-voucher .voucher-row .text-fields .text-field.remarks-area { width: 48%; }
  .staff-pro-wrapp .staff-pro-row .staff-user .user-info.align-text .text-align .user-text { width: 100%; margin: 0 0 15px; }
  .salary-sate-wrapp { margin: 0 0 0; }
  .salary-sate-wrapp .salary-row { margin: 0 0 15px; padding: 6px 5px;}
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align { width: 49%; }
  .voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align.nickname { width: 49%;}
  .modal.leave-reason .modal-content .form-check { width: 50%; }
  .modal.leave-reason .modal-dialog .modal-content { padding: 20px; }
  .dash-wrapp .inner-head .head-main .head-right { margin: 0 0 0 auto; }
  .admin-wrapp { padding: 25px 0 0; }
  .head-center a { padding: 0 11px!important; font-size: 12px!important; }
  .popup .close { top: 15px; right: 8px; }
  .summary-filter .row.staff-yes .col-md-6 { width: 50%; padding: 0 5px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staf-info.view-outer .staff-view ul li { line-height: 28px; }
  .staff-pro-wrapp .staff-pro-row .staff-user h2 { line-height: 28px; }
  .login-wrapp { min-height: 100vh; }
  .income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field1 { width: 100%; }
  .income_csc .popup-content .income-form-wrapp .income-form-box .text-fields .text-field.income-field2 { width: 100%; }
  .modal .modal-dialog .modal-content .modal-content-wrapp { padding: 0 5px; }
  .modal .modal-dialog .modal-content { padding: 15px 10px; }

  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1 ul.pl-list2 li.sublist { width: auto; }
  .dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 30px; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist.bal_list { padding: 8px 49px 8px 49px; }
  .head-center a { font-size: 10.5px!important; }
  .dash-wrapp.inner-dashboard .inner-head.new-head-align.Pl_aligh_tab .head-main .head-center { padding: 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%; margin: 10px 0 0; padding-left: 130px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .view-btn { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .staff-edit { width: auto; display: inline-block; text-align: left; margin: 0 10px 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 110px; float: left; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-32%); }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn .location-link { display: inline-block; text-align: left; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone { padding: 0 0 0 24px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li { font-size: 20px; line-height: 30px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist { margin: 0 0 15px; text-align: right; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone:before { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list.mobile-view { padding: 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.shortlist span.mob_view-hide { display: none; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp .wtsp-img { top: 3px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.phone .pho-img { top: 2px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list li.li-wtsp { margin: 0 0 0; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list { padding-left: 130px; justify-content: right; flex-direction: column; align-items: flex-end; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { object-position: top center; height: 120px; }
  .staff-pro-wrapp .staff-pro-row { padding: 0 10px; }
  .edite-popup .popup-content .popup-content-wrapp { padding: 0; }
  .edite-popup .popup-content { padding: 20px 15px 15px; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter { gap: 10px; }
  .dash-wrapp .inner-head .head-main .head-center .date-filter li { width: 48%; margin: 0; }
  .dash-wrapp .inner-head .head-main .head-center select { width: 100%; }
  .salary-sate-wrapp .salary-row1 .salary-box1 { margin: 0 0 10px; padding: 13px 10px; width: 100%; }
  .salary-sate-wrapp .salary-row1 .salary-box2 { margin: 0 0 10px; padding: 13px 10px; width: 100%; }
  .salary-sate-wrapp .salary-row1 .salary-box3 { margin: 0 0 10px; padding: 13px 8px; width: 100%; }
  .salary-sate-wrapp .salary-row1 .salary-box4 { width: 100%; margin: 0 0 10px; }
  .salary-sate-wrapp .salary-row1 .salary-box5 { width: 100%; }
  .main-wrapp-statemtn { padding: 0; }
  .head-center a.staff-link { font-size: 13px!important; width: 48%; text-align: center; }
  .inner-head.wrap-align .head-main .head-center { padding: 0; }
  .dashboard-wrapp .dashboard-body .vouher-table-align { padding: 10px 0 0; }
  .dashboard-wrapp .dashboard-body .voucher-outer-stm { padding: 10px 0 0; }
  .dashboard-wrapp .dashboard-body .income_monthly { padding: 0 0 0; }
  .settings-wrap .text-fields.form .row.wish-group .wish-text-outer .form-group.wish-field:first-child { width: 100%; margin: 0 0 20px; }
  .settings-wrap .text-fields.form .row.wish-group .wish-text-outer .form-group.wish-field:nth-child(2) { width: 100%; margin: 0 0 20px; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field { width: 100%; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(2) { margin-right: 0; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(3) { width: 100%; padding: 0; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .col-md-3 { width: 100%; margin: 0 0 20px; }
  .settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .col-md-4.attend-date.reset-data { width: 100%; margin: 0 0 10px; }
  .settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .col-md-4.reset-data { width: 100%; padding: 0; }
  .session_images .col-md-2 { width: 50%; }
  .session_images { margin: 0 0 15px; }
  .dashboard-wrapp .dashboard-body .voucher-table-box { padding: 15px 0 0; }
  .dashboard-wrapp .dashboard-body .all-person-table { padding: 15px 0 0; }
  .option_pg .add-main-wrapp .add-main-row .text-fields .filter-field { top: 0; }
  .dashboard-wrapp .dashboard-body .category-table .dashboard-box1 { min-width: 400px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 { margin: 0 0 10px; }
  .modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry .date-data { float: left; width: 100%; }
  .modal.staffDetail .modal-dialog .modal-content .modal-body .date-entry .date-data input { float: left; }
  .modal.staffDetail .modal-dialog .modal-content .modal-body .login-remarks .login-time { float: left; }
  .popup#myPopup-bank-edit .popup-content .text-fields .filter-field { margin: 0; }
  .addbank-wrapp { margin: 0 0 15px; padding: 12px 5px;}
  .salary-wrapp { margin: 0 0 15px;  padding: 6px 5px;}
  .bank-form-wrapp { margin: 0 0 15px;padding: 12px 5px; }
  .popup.bank-cherg .close { width: 23px; }
  .addbank-wrapp .addbank-row .text-fields .filter-field .submit-btn { margin: 0; }
  .edit-chrg-bank .popup-content .close { width: 23px; }
  table.view-bnk-chrg tbody tr td:nth-child(3) { width: 280px; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .text-field { width: 100%; }
  .refund_psc .income-form-wrapp .income-form-box .text-fields .refund-bank { width: 100%; }
  .refund_psc .popup-content .close { width: 23px; }
  .refund_psc .popup-content .text-fields .filter-field { margin: 10px 0 0; }
  .bank_psc .popup-content .text-fields .filter-field { margin: 15px 0 0; }
  .income_csc .popup-content .text-fields .filter-field { margin: 15px 0 0; }
  .income_csc_popup .popup-content .text-fields .filter-field { margin: 15px 0 0; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist { width: 32%; margin: 0 0 10px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist1 { width: 32%; margin: 0 0 10px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist2 { width: 32%; margin: 0 0 10px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist3 { width: 32%; margin: 0; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist4 { width: 32%; margin: 0; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li.sublist5 { width: 32%; margin: 0; }
  .dashboard-wrapp .dashboard-body .pl-monthly-outer .dashboard-box1 { min-width: 800px; }
  .dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 { min-width: 1200px; }
  .modal .modal-dialog .modal-content .modal-header { margin: 0 0 10px; }
  .popup.vou-edit-page .popup-content .voucher-form-wrapp .voucher-row .text-fields .text-field textarea.input-field { height: 100px; }
  .popup.file_detail-edit .popup-content .text-fields .text-field { width: 100%; }
  .income-form-wrapp .income-form-box .text-fields .refund-bank .text-field { width: 100%; }
  .popup.file_detail-edit .popup-content .text-fields .filter-field { margin: 0; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form { max-width: inherit; width: 48%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field:nth-child(7) { width: 100%; }
  .rem-td-cls .popup-content .popup-content-wrapp { padding: 0; }
  .rem-td-cls .popup-content { padding: 20px 15px; }
  .settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .attent-ret .col-md-4.attend-btn { padding: 0; width: 100%; }
  .refund-bank { width: 100%; }
  .income-form-wrapp .income-form-box .text-fields .add_refund .text-field.off-bank { width: 100%; }
  .income-form-wrapp .income-form-box .text-fields .text-field { width: 100%; }
  .income-form-wrapp .income-form-box .text-fields .add_refund .text-field.off-bank { width: 100%; }
  .dash-wrapp .inner-head .head-main .head-right { top: 26px;right: -4%; }
  .dash-wrapp .inner-head .head-main .head-center a.view-bank { position: relative; right: 0; top: 0; height: 34px; line-height: 34px; font-size: 13px!important; width: 100% !important;  text-align: center;}

  .navigation-wrap .head-main {  margin: 0;}

  .income-form-wrapp .income-form-box .text-fields .add_bank .text-field.off-bank { width: 100%;}

  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list.rem-tab-header li.nav-item.dropdown {  width: 48%;  margin: 0 4% 4% 0;}
.dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item.dropdown:nth-child(2n) {  margin-right: 0;}
.dash-wrapp .inner-head.rem-tab-header .head-main .head-center ul.navbar-nav.dask-dropdown li { width: 48%;}
.dash-wrapp .inner-head.rem-tab-header .head-main .head-center ul.navbar-nav.dask-dropdown li a.view-bank {  height: inherit;  line-height: normal;  padding: 10px !important;  display: block;  margin: 0 0 15px;}

.bank-form-wrapp.inc-rep .bank-form-row .text-fields .text-field {
  margin: 0 2% 20px 0;
}

.voucher-form-wrapp.doc-outer .voucher-row .text-fields .diary-outer {
  width: 100%;
}

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area {
  width: 100% !important;
}

.voucher-form-wrapp.doc-outer .text-fields .text-field.remarks-area textarea {
  height: 250px;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area {
  width: 100% !important;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .file-outer {
  width: 100%;
}

.voucher-form-wrapp.doc-outer .voucher-row {
  padding: 20px 5px;
}
.popup-content {
  padding: 20px 10px;
}
.popup.diry-cls-pop .popup-content .text-fields .text-field textarea.input-field {
  max-height: 250px;
  height: 250px;
}
.staffform-wrapp .search-box {
  padding: 12px 5px;
}

.voucher-form-wrapp .voucher-row {
  padding: 20px 5px;
}
.income-form-wrapp .income-form-box {
  padding: 8px 5px 0;
}

.voucher-entry-wrapp .entry-row {
  padding: 20px 5px 0;
}

.popup.file_detail-edit .popup-content .text-fields .text-field.remarks-area {
  width: 100%;
}
.bank-form-wrapp.stm-all-wrapp .bank-form-row .text-fields .text-field:first-child {
  width: 100%;
}
.income-form-wrapp .income-form-box .text-fields.add_service_charge .text-field:nth-child(3) {
  width: 61%;
}

.income-form-wrapp .income-form-box .text-fields.add_service_charge  .filter-field {
  position: absolute;
  bottom: 20px;
  right: 10px;
}


.income-form-wrapp .income-form-box .text-fields .income-toptext.add-service-mob {
  display: none;
}

.income-form-wrapp .income-form-box .text-fields.add_service_charge {
  padding: 0;
}

.voucher-form-wrapp.outer-voucher.file-doc .voucher-row .text-fields .text-field.remarks-area textarea {
  height: 250px;
}

.popup.file_detail-edit.diry-cls-pop .popup-content .text-fields .filter-field {
  margin: 0 0 20px;
}

.settings-wrap.reset-wrapp .text-fields.form .row .col-md-4.attend-outer.reset-data .attent-ret .col-md-4.attend-date.reset-data:first-child {
  width: 100%;
}
table.user-rem tbody td:last-child {
  width: 500px;
}

.dashboard-wrapp .dashboard-body .attend-outer .dashboard-box1 {
  min-width: 1200px;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul {
  width: 60%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 {
  width: 39%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul {
  width: 60%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 {
  width: 39%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row2 {
  width: 50%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row1 {
  width: 31%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row1 {
  width: 31%;
}

.dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row2 {
  width: 45%;
}

.salary-sate-wrapp .salary-row1 h3 {
  font-size: 23px;
  font-weight: 700 !important;
}
.bank-form-wrapp .bank-form-row .text-fields .text-field.cheg-del {
    width: 100%;
}
.bank-form-wrapp .bank-form-row .text-fields .text-field.nick-bnk-cls {
  width: 100%;
}
.income-form-wrapp .income-form-box .text-fields.add_refund.mob-refund .filter-field .apply-btn {
    margin: 15px 0 0;
}
.voucher-entry-wrapp .entry-row .text-fields .text-field.cat-sub-field-stm {
  width: 100%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align:first-child {
  width: 40%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field.tex-align:nth-child(2) {
  width: 50% !important;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(2) {
  width: 58%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(3) {
  width: 100%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(4) {
  width: 58%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(5) {
  width: 40%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(6) {
  width: 58%;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(7) {
  width: 40%;
}


.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(8) {
  width: 58% !important;
}

.voucher-form-wrapp .voucher-row .text-fields .text-field:nth-child(9) {
  width: 40%;
}

.dash-wrapp .inner-head.wrap-align.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop {
  width: 100%;
  margin: 0 0 0 0;
  max-width: inherit !important;
}

.dash-wrapp .inner-head.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop select{width: 100% !important;}

.dash-wrapp .inner-head.wrap-align.document-files .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop:first-child {
  width: 76%;
}

.dash-wrapp .inner-head.wrap-align.document-files .head-main .head-center ul.navbar-nav.dask-dropdown a.submit-btn {
  position: absolute;
  top: 27px;
  right: 0;
}

header.myHeader.inner-head.atend_tab .head-main .head-center .select2-container {
  width: 100% !important;
}

.inner-head.atend_tab .head-main .head-center .selection .select2-selection {
  width: 100% !important;
}

.voucher-form-wrapp.doc-outer .voucher-row p.file-note span {
  display: none;
}

.main-dash .button_container {
    top: 35px;
}


.bank-form-wrapp .bank-form-row .text-fields .text-field.check-outer {
  margin: 0 0 0;
  width: 30%;
}

.dash-wrapp .inner-head.vou-head .head-main .head-center a.view-bank {
    width: auto !important;
}

}

@media (max-width:400px) {
  .modal.leave-reason .modal-dialog .modal-content .leave-mark-form.form .form-group.m-3 a.btn.btn-danger.m-3 { margin: 0 10px 10px 0!important; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop { width: 100%; margin: 0 0 15px 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(2), .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) { width: 100%; margin: 0 0 15px 0; }
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav a.submit-btn { width: 20%; height: 45px; line-height: 45px; padding: 0 10px!important; }
  .dash-wrapp.inner-dashboard .inner-head.new-head-align.Pl_aligh_tab .head-main .head-center a.view-bank { font-size: 10px!important; }
  .dash-wrapp .inner-head .head-main .back-tittle h2 { font-size: 14px; margin: 0 0 0 20px; padding: 0 0 0 20px; background-size: 18px!important; }
  .navigation-wrap .head-main { margin-top: 0; }
  .navbar-expand-lg .navbar-nav li.nav-item.login-btn:before { left: 10px; }
  .dashboard-wrapp .dashboard-body .p_and_l-year-table .dashboard-box1 .col-md-2 span { font-size: 18px; width: 100%; padding: 5px 7px; }

  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:first-child {
    width: 48%;
    margin-right: 4%;
  }
  
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(2) {
    width: 48% !important;
  }

  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center a.staff-link {   position: absolute;   right: 0;   bottom: 0;}

}

@media (max-width:374px) {
  .head-center a.view-bank { position: relative; top: inherit; right: inherit; }
  .inner-head.atend_tab .head-main .head-center { width: 100%!important; margin: 15px 0 0!important; padding: 0 0 0 27px!important; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item.dropdown { width: 48%; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list a.add_rem_link { position: relative; right: inherit; left: inherit; top: inherit; padding: 10px 17px 10px!important; width: 100%; text-align: center; }
  .dash-wrapp.inner-dashboard .inner-head.rem_tab_list li.nav-item { width: 48%; }
}

@media (min-width:992px) {
  .navigation-wrap .head-main .head-right .head-nav .mobile-logo { display: none; }
  #myPopup-bank-edit .popup-content .text-fields .text-field { width: 23.5%; }
}

@media (min-width:1241px) {
  #myPopup-bank-edit .popup-content .text-fields .text-field { width: 23.5%; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.full-field.bank-remarks { width: 90%; }
  #myPopup-bank-edit .popup-content .text-fields .filter-field { top: -16px; }
  .popup.vou-edit-page .popup-content .popup-content-wrapp .text-fields .text-field { width: 10%; }
  .popup.vou-edit-page .popup-content .popup-content-wrapp .text-fields .text-field.full-field { width: 90%; }
  .bank_psc .income-form-wrapp .income-form-box .text-fields .text-field { width: 23%; }
  .bank_psc .income-form-wrapp .income-form-box .text-fields button.apply-btn { margin: 0 0 20px 10px; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.acc_edit { width: 23.5%; }
  #myPopup-bank-edit .popup-content .text-fields .text-field.bank_name-edit { width: 23.5%; }
  .popup.bank-cherg .popup-content .text-fields .text-field.part-cls { width: 19%; }
  .popup.bank-cherg .popup-content .text-fields .text-field { width: 11%; }

  .dash-wrapp .inner-head .head-main .head-center .select2 .selection .select2-selection {   width: 400px;}
  .select2-container .select2-dropdown{width: 400px !important;}

  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { max-width: 360px; display: flex; flex-wrap: wrap;  justify-content: space-between;}
}

@media (min-width:1095px) {
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details ul.staff-list.mobile-view { display: none; }
}

@media (min-width:1500px) {
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul li { font-size: 18px; }
  .table>thead th { font-size: 18px!important; }
  .table>tbody td { font-size: 18px!important; }
  .dash-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.profile-user img { max-width: 80px; height: 80px; width: 80px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile { width: 110px; position: absolute;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-profile img { min-height: inherit; height: 132px; }
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-details { width: 100%; padding-left: 140px;}
  .dashboard-wrapp .dashboard-body .staff-row1 .staff-col1 .staff-box1 .staff-btn { width: 100%;padding-left: 140px; max-width: 400px; display: flex; justify-content: space-between;}
  .staff-pro-wrapp .staff-pro-row .staff-user .staff-img { width: 110px; height: 110px; }
  .staff-pro-wrapp .staff-pro-row .staff-user .staff-img img { max-width: 110px; }
  .dashboard-wrapp .dashboard-body .dashboard-box1 .pl-col1 .pl-box1:nth-child(2n) ul.pl-list2 li.sublist.bal_list { padding: 8px 63px 8px 63px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li { font-size: 23px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .pl-monthly-box3 ul.pl-monthly-bal li span { font-size: 23px; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row2 { width: 41%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box ul.summary-list2 li.list-row4 { width: 10%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row2 { width: 41%; }
  .dash-wrapp.inner-dashboard .dashboard-body .dashboard-box1 .summary-box1 ul.summary-list2 li.list-row3 { width: 32%; }
  .voucher-entry-wrapp .entry-row .text-fields .text-field.voc-form { max-width: 18%; width: 17%; }

  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) { max-width: inherit; width: 287px;}
  .dash-wrapp.inner-dashboard .inner-head.wrap-align.Diary-tabl .head-main .head-center ul.navbar-nav li.nav-item.dropdown.profile-drop:nth-child(4) select { width: 287px;}


}

@media (min-width:1400px) {
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field { width: 48%; }
  .settings-wrap .text-fields.form .row.wish-group .staff-text-outer .form-group.wish-field:nth-child(3) { width: 48%; }
}

@media (min-width:1024px) {
  .dashboard-wrapp .dashboard-body .p_and_table-index .dashboard-box1 { min-width: 1650px;}
}