* {
	box-sizing:border-box;
}
html {
	font-family: Calibri, Arial, sans-serif;
	font-size:0.875vw;
    overflow:hidden;
}
body, html {
	margin:0px;
	padding:0px;
	min-width:100%;
	min-height:100%;
	height:100%;
}
a {
	text-decoration:none;
	color:var(--default-link-color);
}
a img {
	border:none;
}
body header {
	background-color:var(--header-bg);
	box-shadow:0px var(--menu-shadow-distance) var(--menu-shadow-spread) var(--menu-shadow-color);
	color:var(--menu-font-color);
	z-index: 100000000;
	position: fixed;
    display:flex;
    width:100%;
}
body header nav.menu_wrap {
	display:flex;
    width:100%;
}
body header nav.menu_wrap ul.menu {
	flex:1;
	display:flex;
	margin:0px;
	padding:0px;
	list-style:none;
}
body header nav.menu_wrap > .logo {
	max-height: 47px;
	width: var(--side-menu-width);
	text-align: center;
	display:inline-block;
	margin: auto;
}
body header nav.menu_wrap > .logo > img {
	height: 47px;
	width: 100%;
	object-fit: contain;
}
.menu_wrap ul.menu li {
	position:relative;
}
.menu_wrap ul.menu > li > a {
	min-height:100%;
	text-align:center;
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
    font-weight:bold;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="phone"],
input[type="numeric"],
textarea,
select {
	border:solid 1px #cacaca;
	border-radius: 3px;
	padding: 3px;
	display:block;
	box-shadow: 0px 0px 2px #ccc;
	outline:none!important;
}
.required {
    box-shadow: 0 0 7px #f50909 !important;
}
.hide{
    display:none;
}
.h-100 {
	height: 100%;
}
.w-100 {
	width: 100%;
}
.row {
	display: flex;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	padding:1rem;
}
.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.667%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width:33.33%;
}
.col-5 {
	width:41.667%;
}
.col-6 {
	width:50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width:91.667%
}
.col-12 {
	width: 100%;
}
.text-ellipse {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nowrap {
	white-space: nowrap;
}
.menu_wrap ul.menu > li > a:hover,
.menu_wrap ul.menu > li:hover > a {
	color:var(--menu-hover-font-color);
	background-color:var(--sub-menu-bg);
}
.menu_wrap ul.menu li > a {
	display:block;
	padding: 5px 15px;
	color:var(--menu-font-color);
	position:relative;
	white-space: nowrap;
}
.menu_wrap ul.menu > li > a {
	padding: 15px 15px;
}
.menu_wrap ul.menu li > ul {
	position:absolute;
	margin:0px;
	padding:0px;
	list-style:none;
	white-space:nowrap;
	min-width:100%;
	display:none;
	background-color:var(--sub-menu-bg);
	box-shadow:var(--menu-shadow-distance) var(--menu-shadow-distance) var(--menu-shadow-spread) var(--menu-shadow-color);
}
.menu_wrap ul.menu ul ul {
	position:absolute;
	left:100%;
	top:0px;
}
.menu_wrap ul.menu li:hover > ul {
	display:block;
}
.menu_wrap ul.menu ul a {
	color:var(--menu-hover-font-color);
}
.menu_wrap ul.menu ul a:hover,
.menu_wrap ul.menu ul li:hover > a  {
	background-color:var(--menu-hover-bg-color);
	color:var(--menu-hover-font-color);
}
.menu_wrap ul.menu > li > a::before {
	content:'';
	position:absolute;
	top:10px;
	right:0px;
	width:1px;
	height:calc(100% - 20px);
	border-right:solid 1px var(--menu-seperator-color);
}
.menu_wrap ul.menu > li:last-child > a::before {
	display:none;
}
.menu_wrap ul.menu ul a::before {
	content:'';
	position:absolute;
	top:100%;
	width:calc(100% - 20px);
	border-top:solid 1px var(--menu-sub-menu-seperator-color);
}
.menu_wrap ul.menu .caret {
	float:right;
}
.menu_wrap .user-info .greet-note {
	padding-top:10px;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
    flex: 1;
    justify-content: flex-end;
}
.menu_wrap .user-info .greet-note .user-icon {
	color:var(--menu-font-color);
	font-size: 2rem;
	margin-right: 0.25rem;
    align-items:flex-end;
}
.menu_wrap .user-info .greet-note .hilite-text {
	margin-right: 0.25rem;
}
.menu_wrap .user-info .logout {
	padding-top:5px;
}
.menu_wrap .user-info .logout-icon > i {
	background-image:linear-gradient(90deg, #fe1e00 49.99%, #d81a00 50%);
	padding:4px;
	color:#fff;
	margin-left:3px;
	border-radius:50%;
}
.menu_wrap .user-info .logout-icon::after {
	content:var(--logout-text);
	font-size:0.75rem;
	display:block;
	margin-top:2px;
	color:var(--menu-font-color);
}
.hilite-text {
	color:var(--hilite-font-color);
}
.font-bold {
	font-weight: bold;
}
.menu_wrap .user-info > ul {
	display:flex;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:1.1rem;
}
.menu_wrap .user-info > ul > li {
	padding:10px 15px;
}
.left-content {
	text-align:left;
}
.center-content {
	text-align:center;
}
.right-content {
	text-align:right;
}
body footer {
	background-color:var(--header-bg);
	display:flex;
    min-width:100%;
}
body footer > div {
	flex:1;
	padding:10px;
}
body section {
	display:block;
	height:100%;
	display:flex;
    padding-top: 50px;
}
.body-content .side-bar {
	min-height:100%;
	background-color:var(--side-menu-bg-color);
	width:var(--side-menu-width);
    min-width:var(--side-menu-width);
    max-width:var(--side-menu-width);
	display:flex;
	flex-direction:column;
    
}
.body-content .side-bar > ul {
	margin:0px;
	padding:0px;
	text-align:center;
	flex:1;
}
.body-content .side-bar > ul li {
	padding:5px;
}
.body-content .side-bar > ul li.active,
.body-content .side-bar > ul li:hover {
	background-color:var(--side-menu-active-bg);
}
.body-content .side-bar > ul li.active > a,
.body-content .side-bar > ul li:hover > a {	
	color:var(--side-menu-active-text);
}
.side-bar .side-menu-icon {
	display:block;
	padding-bottom:5px;
	text-align:center;
	background-image: var(--side-menu-icon-set);
	background-repeat: no-repeat;
	height:35px;
	width:35px;
	margin:0px auto;
	background-size: 195%;
}
.side-bar .side-menu-icon.icon-dashboard {
	background-position: center 0%;
}
.side-bar .side-menu-icon.icon-employee {
	background-position: center 12%;
}
.side-bar .side-menu-icon.icon-selmonth {
	background-position: center 24%;
}
.side-bar .side-menu-icon.icon-monthvar {
	background-position: center 34.5%;
}
.side-bar .side-menu-icon.icon-attendance {
	background-position: center 48%;
}
.side-bar .side-menu-icon.icon-processsal {
	background-position: center 59.5%;
}
.side-bar .side-menu-icon.icon-payslip {
	background-position: center 72%;
}
.side-bar .side-menu-icon.icon-salarysheet {
	background-position: center 84%;
}
.side-bar .side-menu-icon.icon-viewsalary {
	background-position: center 95%;
}
.side-bar .side-menu-icon.icon-myprofile {
	background-position: center 84%;
}
.side-bar .side-menu-icon.icon-assets {
	background-position: center 74%;
}
.side-bar .side-menu-icon.icon-leaveapplication {
	background-position: center 84%;
}
.side-bar .side-menu-icon.icon-markattendance {
	background-position: center 32.5%;
}
.side-bar .side-menu-icon.icon-managerview {
	background-position: center 84%;
}
.side-bar .side-menu-icon.icon-timesheet {
	background-position: center 96%;
}
.body-content .side-bar > ul a {
	color:var(--light-color);
}
.body-content .side-bar .version-text {
	padding:5px;
	text-align:center;
}
.body-content .working-area {
	/*flex:1;*/
    max-width:calc(100% - var(--side-menu-width));
    width:calc(100% - var(--side-menu-width));
    display:flex;
    flex-direction:column;
    /*margin-left:7%;
    margin-top:0%;
    margin-bottom:0%;*/
}
.body-content .working-area .working-area-wrap {
	height:calc(100% - 36px);
	overflow-y: auto;
}
.body-content .working-area .content-wrap {
    flex:1;
    overflow-y:auto;
}
.body-content .working-area footer {
	background-color:var(--header-bg);
	display:flex;
	min-width: 100%;
}
.body-content .working-area footer > div {
	flex:1;
	padding:10px;
}
h1,h2,h3,h4,h5,h6 {
	color: #707070;
	margin: 0px;
}
h1 {
	font-size: 1.5rem;
}
h2 {
	font-size: 1.4rem;
}
h3 {
	font-size: 1.3rem;
}
h4 {
	font-size: 1.2rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 1rem;
}
.fnt-1 {
	font-size: 1rem;
}
.fnt-2 {
	font-size: 1.1rem;
}
.fnt-3 {
	font-size: 1.2rem;
}
.fnt-4 {
	font-size: 1.3rem;
}
.fnt-5 {
	font-size: 1.4rem;
}
.fnt-6 {
	font-size: 1.5rem;
}
.fnt-7 {
	font-size: 1.6rem;
}
.fnt-8 {
	font-size: 1.7rem;
}
.fnt-9 {
	font-size: 1.8rem;
}
.fnt-10 {
	font-size: 1.9rem;
}
.fnt-11 {
	font-size: 2rem;
}
.half-round {
	border:solid 1.5px var(--heading-icon-color);
	display: inline-block;
	min-width: 40px;
	width: 40px;
	height: 40px;
	border-left: none;
	border-radius: 50%;
	color: var(--heading-icon-color);
	margin-right: 10px;
}
.half-round > i {
	display: inline-block;
	width: 80%;
	height: 80%;
	margin: 10%;
	border-radius: 50%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.half-round > i.user-icon {
	background-image: url(images/user-icon.png);
}
.half-round > i.attendance-icon {
	background-image: url(images/attendance-icon.png);
}
.half-round > i.payroll-icon {
	background-image: url(images/payroll-icon.png);
}
.half-round > i.leave-trends-icon {
	background-image: url(images/leave-trends.png);
}
.light-bg {
	background-color: var(--light-bg-color);
}
.light-bg-trans {
	background-color: var(--light-bg-trans-color);
}
.dark-25-bg {
	background-color: var(--dark-25-color);
}
.danger-bg {
	background-color: var(--danger-color);
	color:var(--light-color);
}
.danger-text {
	color: var(--danger-color);
}
.warning-bg {
	background-color: var(--warning-color);
	color:var(--light-color);
}
.warning-text {
	color: var(--warning-color);
}
.info-bg {
	background-color: var(--info-color);
	color:var(--light-color);
}
.info-text {
	color: var(--info-color);
}
.border-vertical {
	border-left: solid 1px #c0c1c7;
	border-right: solid 1px #c0c1c7;
}
.custom-control.custom-dropdown {
	display: inline-block;
}
.custom-control.custom-dropdown > select {
	border:none;
	background-color: rgba(255,255,255,0);
	font-size: 1rem;
}
.custom-control.custom-dropdown > select:focus {
	border:none;
	outline:none;
}
.custom-control.custom-dropdown > select > option { 
	color: #333;
}
.custom-control.custom-checkbox > input[type="checkbox"] {
	display:none;
}
.custom-control.custom-checkbox > label {
	display: block;
	padding-left: 25px;
	position: relative;
}
.custom-control.custom-checkbox > label::before ,
.custom-control.custom-checkbox > label::after {
	content: '';
    position: absolute;
    width: 13px;
	height: 13px;
    left: 0px;
    top: 0px;
}
.custom-control.custom-checkbox > label::before
{	
	background-color: #fff;
    border: solid 1px #aaa;
    border-radius: 5px;
}
.custom-control.custom-checkbox > label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border: solid 1px transparent;
	display: none;
}
.custom-control.custom-checkbox > input:checked~label::before {
	background-color: #007bff;
	border: solid 1px #007bff;
}
.custom-control.custom-checkbox > input:checked~label::after {
	display: block;
}
.footer-dropdown {
	color:var(--hilite-font-color);
}
.p-1 {
	padding:0.25rem!important;
}
.p-2 {
	padding:0.5rem!important;
}
.p-3 {
	padding:0.75rem!important;
}
.p-4 {
	padding:1rem!important;
}
.p-0 {
	padding:0px!important;
}
.pl-0 {
	padding-left: 0px!important;
}
/*=========== By Puja ==============*/
.pl-1 {
	padding-left: 1px!important;
}
.pb-2 {
	padding-left:1px!important;
}
/*=================================*/
.pr-0 {
	padding-right: 0px!important;
}
.pb-0 {
	padding-bottom: 0px!important;
}

.pt-0 {
	padding-top: 0px!important;
}
.m-1 {
	margin:0.25rem!important;
}
.m-2 {
	margin:0.5rem!important;
}
.m-3 {
	margin:0.75rem!important;
}
.mt-0 {
	margin-top:0px!important;
}
.mt-1 {
	margin-top:0.25rem!important;
}
.mt-2 {
	margin-top:0.5rem!important;
}
.mt-3 {
	margin-top:0.75rem!important;
}
.mt-4 {
	margin-top:1rem!important;
}
.ml-1 {
	margin-left:0.25rem!important;
}
.ml-2 {
	margin-left:0.5rem!important;
}
.ml-3 {
	margin-left:0.75rem!important;
}
.ml-4 {
	margin-left:1rem!important;
}
.mr-1 {
	margin-right:0.25rem!important;
}
.mr-2 {
	margin-right:0.5rem!important;
}
.mr-3 {
	margin-right:0.75rem!important;
}
.mr-4 {
	margin-right:1rem!important;
}
.ml-0 {
	margin-left: 0px!important;
}
.mr-0 {
	margin-right: 0px!important;
}
.d-flex {
	display: flex;
}
.d-flex.one-by-one {
	flex-direction: column;
}
.d-none {
	display: none;
}
.align-items-center {
	align-items:center;
}
.flex-fill {
	flex:1;
}
.mxw-100 {
	max-width: 100%;
}

.btn {
	border:solid 1px #ddd;
	outline:none;
	background:var(--light-color);
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	cursor: pointer;
}
.btn-primary {
	background-color:var(--primary-btn-bg);
	color:var(--light-color);
}
.btn-primary:hover {
	background-color: var(--primary-btn-hover-bg);
}

.btn-warning {
	background-color:var(--warning-color);
	border:solid 1px var(--warning-color);
	color:var(--light-color);
}
.btn-warning:hover {
	background-color: var(--warning-hover-color);
}
.btn-popup-primary {
	background-color: #2581d8;
	color: #fff;
}
.btn-popup-primary:hover {
	background-color: #1c60a1;
}
.btn-popup-warning {
	background-color: #ff7058;
	color: #fff;
}
.btn-popup-warning:hover {
	background-color: #cf5946;
}
.btn[disabled] {
	background-color: var(--button-disabled-bg)!important;
	color: var(--button-disabled-text)!important;
	cursor: default!important;
	pointer-events: none;
}
.btn .fas, .btn .far, .btn .fa {
	margin-right: 0.5rem;
}
.clear-search {
	background-color: #ff7058;
	color: #fff;
	padding: 0.25rem 0.5rem;
	border: none;
	cursor: pointer;
}
.clear-search:hover {
	background-color: #dd634d;
}

.total-text {
	color:#f1543f;
	font-size:2.0rem;
}
.legend-count-label {
	font-weight: bold;
	font-size: 1.2rem;
}
.legend-count-label-lg {
	display: block;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
}
.legend-text {
	display: block;
	margin-top: 20px;
	text-align: center;
}
.attendance-wrapper {
	margin-left: 50px;
    margin-right: 10px;
}
.count-lbl {
	display: inline-block;
	padding: 0.1rem 1rem;
	font-weight: bold;
}
.round-lbl {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	text-align: center;
	line-height: 2rem;
}
.red-info {
	color: var(--danger-color);
	font-weight: normal;
}
.inner-border-right {
	position: relative;
}
.inner-border-right::after {
	content:'';
	position: absolute;
	border-right: solid 1px rgba(170, 168, 168, 0.5);
	width:1px;
	height:90%;
	right:-10px;
	top:5%;
}
.tabs-cntrl {
	display: block;
}
.tabs-cntrl .tab-wrap {
	display: flex;
}
.tabs-cntrl .tab-wrap > .tab {
	padding: 10px;
	font-size: 1.3em;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	line-height: 100%;
	color: var(--tab-ctrl-inactive-text);
	flex:1;
	border: solid 1px #fff;
	border-bottom: solid 1px var(--tab-ctrl-border-color);
}
.tabs-cntrl .tab-wrap > .tab::before {
	content:'';
	display: inline-block;
	width: 15px;
	height: 25px;
	background-color: var(--tab-ctrl-inactive-bg);
	margin-right: 0.5rem;		
}
.tabs-cntrl .tab-wrap > .tab.active {
	color: var(--tab-ctrl-active-text);
	
	border:solid 1px var(--tab-ctrl-border-color);
	border-bottom: solid 1px #fff;	
}
.tabs-cntrl .tab-wrap > .tab.active::before {
	background-color: var(--tab-ctrl-active-bg);
}

.carosel-cntrl {
	display: block;
	position: relative;
}
.carosel-cntrl > .carosal-right-arrow,
.carosel-cntrl > .carosal-left-arrow {
	position: absolute;
	top: 0px;
	width: 20px;
	height: 100%;
	cursor: pointer;
}
.carosel-cntrl > .carosal-right-arrow {
	right: 0px;
}
.carosel-cntrl > .carosal-left-arrow {
	left: 0px;	
}
.carosel-cntrl > .carosal-right-arrow::before,
.carosel-cntrl > .carosal-left-arrow::before {
	content: '';
	width: 5px;
	height: 5px;
	top: 50%;
	translate: transformX(50%) transformY(50%);
	position: absolute;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;	
}
.carosel-cntrl > .carosal-right-arrow::before {
	transform: rotate(-135deg);
	right:-3px;
}
.carosel-cntrl > .carosal-left-arrow::before {
	transform: rotate(45deg);
	left:-3px;
}
.footer-dropdown {
	display: inline-block;
}
.footer-dropdown-list {
	display: block;
	position: relative;
}
.footer-dropdown-list .sel-item {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.footer-dropdown-list .sel-item > span {
	display: inline-block;
	padding: 0px 5px;
}
.footer-dropdown-list .opts {
	background-color: var(--side-menu-bg-color);
	position: absolute;
	bottom: 100%;
	left:0px;
	height: 300px;
	overflow: auto;
}
.footer-dropdown-list .opts > .opt {
	color: var(--light-color);
	padding: 5px 10px;
	white-space: nowrap;
	display: inline-block;
	min-width: 75px;
}
.footer-dropdown-list .opts > .opt:hover,
.footer-dropdown-list .opts > .opt.active {
	color:#f2f6fc;
	background-color: #127fe5;
}

.payroll-tabs .tab-wrap > .tab::before,
.payroll-tabs .tab-wrap > .tab.active::before {
	background-color:rgba(255, 255, 255, 0);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}
.payroll-tabs .tab-wrap > .tab::before {
	background-image: url(images/inact-sal-proc.png);
}
.payroll-tabs .tab-wrap > .tab.active::before {
	background-image: url(images/act-sal-proc.png);
}
.carosel-cntrl .slide h5 {
    display:block;
}
.head-count-icon {
	background-image: url(images/user-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	right:10px;
	top:10px;
}

.tabulator .tabulator-header .tabulator-col,
.tabulator .tabulator-header {
	background-color:#d0e5f9;
	border-right: solid 1px #fff;
}
.tabulator .tabulator-header-filter > div {
	background-color: #ddd;
	margin: -3px;
	margin-top: 3px;
    padding: 3px;
}
.table-wrap {
	overflow: hidden;
}
.pager-wrap {
	display: flex;
	align-content: center;
	justify-content: center;
}
.pager {
	color:rgba(93, 97, 112, 0.5);
	font-weight: bold;
	font-size: 1.2rem;
	padding: 0.5rem;
	position: relative;
}
.pager.pagenum.active {
	color:rgba(93, 97, 112, 1);
}
.pager.pagenum::after {
	content: '';
	position: absolute;
	right:0px;
	top:0.5rem;
	height: calc(100% - 1rem);
	width: 1px;
	border-right: solid 1px rgba(93, 97, 112, 0.5);
}
.pager.pagenum.last::after {
	display: none;
}
.last-emp-code {
	display: flex;
	flex-wrap: wrap;
	max-width: 100px;
	align-items: center;
	justify-content: center;
    margin-right: 0px;
    margin-left: auto;
}
.last-emp-code > i {
	margin-right: 0.5rem;
}
.last-emp-code .emp-code {
	color:#9a9a9a;
	font-size: 1.2rem;
}
.last-emp-code .info {
	color:#9a9a9a;
	font-size: 0.9rem;	
}
.tab-lnk {
	color:#ccc;
	font-weight: bold;
	position: relative;
	margin-right: 1rem;
}
.tab-lnk.active {
	color:#000;		
}
.tab-lnk.active::after {
	content:'';
	position: absolute;
	display: block;
	width:5px;
	height: 5px;
	border-left:solid 2px #000;
	border-top: solid 2px #000;	
	transform: rotate(-135deg) translateX(50%) translateY(50%);
	left:50%;
	bottom:-15px;
}
#crtHeadCounts {
	width: 100%;
	height: 75px;
}
#crtGenderRatioReport {
	width: 100%;
	height: 90px;
}
#crtStatewiseReport,
#crtBranchwiseReport,
#crtDeprwiseReport {
	width: 100%;
	height: 375px;
}
#crtTodayAttendance {
	width: 100%;
	height: 15px;
}
#crtLeaveTrend {
	width:100%;
	height: 120px;
	margin-left: -15px;
	margin-right: -15px;
}
#crtAttritionRatio {
	width: 100%;
	height: 120px;
	padding-top: 20px;
}
#crtSalaryProcess {
	width: 100%;
	height: 130px;
}
#crtSalaryStructureInAvg {
	width: 100%;
	height: 130px;
}

.apexcharts-canvas .apexcharts-pie-series path {
	stroke-width: 1px!important;
}
.text-box-with-icon {
	border: solid 1px #888;
	background-color: #fff;	
	border-radius: 3px;
	padding: 3px;
    display: flex;
}
.text-box-with-icon > input[type='text'] {
	border: none;
    background: none;
    padding: 0px;
    outline: none!important;
    display: inline;
    border-radius: 0px;
    box-shadow: none;
    flex: 1;
}
.text-box-with-icon > input[type='submit'],
.text-box-with-icon > input[type='button'],
.text-box-with-icon > button {
	border:none;
	background:none;
	padding: 0px;
	outline: none!important;
	cursor: pointer;
}

.dashed-underline {
	border:none;
	padding-bottom:0.75rem;
	border-bottom:dashed 1px #707070;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000001;
    display: none;
	overflow: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-dialog {
    position: relative;
    width: auto;
	margin: 30px auto;
	margin-top: 10px!important;
}
.modal-dialog.modal-sm {
	width:30%;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal.alert-modal .modal-content {
	text-align:center;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
	display:flex;
	align-content:center;
	align-items:center;
	background-color:#cdd6e0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000000;
	background-color: #000;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
/*
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.in {
    opacity: 1;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-title {
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	flex:1;
	color:#000;
}
.modal-header .close {
	border: solid 2px #000;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 5px;
    background: none;
    font-weight: bold;
    height: 20px;
    line-height: 12px;
	cursor:pointer;
}
.modal-footer {
	padding:0.5rem;
	text-align:center;
	background-color: #cdd6e0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/*overflow: hidden;*/
}
.mb-1 {
	margin-bottom:0.25rem;
}
.mb-2 {
	margin-bottom:0.5rem;
}
.mb-3 {
	margin-bottom:0.75rem;
}
.mb-4 {
	margin-bottom:1rem;
}
.mb-0 {
	margin-bottom: 0px;
}
.search-control {
	display: flex;
	border:solid 1px #aaa;
	background-color:#fff;
	padding:0.25rem;
}
.search-control > input {
	max-width: calc(100% - 25px);
	min-width: calc(100% - 25px);
	padding:3px;
}
.search-control > button {
	cursor: pointer;
}
.search-control > input,
.search-control > button {
	border:none;
	background-color: transparent;
	outline: none;
	box-shadow: none;
	color: #5d6170;
}

.form-field {
	margin-bottom:1rem;
}
.form-field label {
	display:block;
	font-weight:bold;
	margin-bottom:0.25rem;
}
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="email"],
.form-field input[type="datetime"],
.form-field input[type="phone"],
.form-field input[type="numeric"],
.form-field select {
	width:100%;
}
.form-field.chkbox {
	display:flex;
}
.form-field.chkbox label {
	display:inline-block;
	flex:1;
}
.form-field.empty {
    height: 30px;
}
.form-field textarea {
    width:100%;
    resize:none;
}
.input-group {
	display:flex;
	align-content: center;
	align-items: center;
	border:solid 1px #ccc;
	background-color: #fff;
	border-radius:3px;
	box-shadow: 0px 0px 2px #ccc;
}
.input-group input,
.input-group select,
.input-group textarea {
	border:none;
	box-shadow:none;
	border-radius:0px;
}
.input-group .group-text {
	font-weight: bold;
	display: inline-block;
	padding: 3px 10px;
	background-color: #eee;
	position: relative;
	top: 0px;
}
.input-group .custom-checkbox {
	height: 18px;
    margin-left: 0.5rem;
}
.form-section {
	padding-left: 30px;
	margin-bottom: 1rem;
}
.form-section > .title {
	margin-left: -30px;
	font-size: 1.25rem;
	font-weight: bold;
	color:#5d6170;
	font-style: italic;
	margin-bottom: 1rem;
}
.form-section > .title > .fas {
	margin-right: 0.5rem;
	display: inline-block;
    width: 20px;
}
.form-section .form-section-seperator {
	border-bottom : dashed 1px #a8a8a8;
	margin: 1rem 0px;
}
.form-section.no-margin  {
	padding-left: 0px;
}
.form-section.no-margin > .title {
	margin-left: 0px;
}
.form-section.no-margin > .title > .fas {
	display: none;
}
.modal-footer .input-group {
	border:none;
}
.modal-footer .input-group .group-text {
	background:none;
}
.req-field::before,
.mandatory {
	content: '*';
	color:#f00;
	font-weight: bold;
	margin-left: 0.25rem;
}
.tabulator-paginator {
	display: flex;
}
.tabulator .tabulator-footer .tabulator-page-size {
	margin-right: auto;
}
.emp-details-modal .modal-content {
	background-color: #e9e9e9;
	border-radius: 0px;
}
.emp-details-modal .modal-body {
	padding:0px;	
}
.emp-details-modal .modal-header {
	height: 1px;
	background-color: transparent;
	padding: 0px;
}
.emp-details-modal .close {
	position: absolute;
    right: 7px;
    top: 7px;
    border: solid 2px #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    line-height: 16px;
}
.emp-details-modal .tab-wrap {
	background-color: #051f53;
	color: #fff;
}
.emp-details-modal .tab-wrap .tab {
	color: #fff;
	border:none;
	font-size: 1rem;
	flex:none;
	text-align: center;
	padding:12px 15px;
}
.emp-details-modal .tab-wrap .tab::before {
	content:'';
	position: absolute;
	width:1px;
	border:none;
	border-right:solid 1px #75829c;
	background:none!important;
	right:-8px;
	top:20%;
	height:60%;
}
.emp-details-modal .tabs-cntrl .content-wrap > .tab-content {
	min-height: 575px;
    max-height: 575px;
}
.emp-details-modal .tabs-cntrl .tab-wrap > .tab.active {
	background-color: #e9e9e9;
	border:none;
	color:#5d6170;
	font-weight: bold;
}
.emp-details-modal .tabs-cntrl .tab-wrap > .tab.active::before {
	display: none;
}
.emp-details-modal .form-light-bg {
	margin:-15px;
	margin-bottom: 10px;
}
.emp-details-modal .form-field,
.inline-form .form-field {
	display: flex;
	margin-bottom: 0.5rem;
}
.emp-details-modal .form-field > label,
.inline-form .form-field > label {
	min-width: 40%;  /*change from 30 to 40%*/
	color: #5d6170;
	font-weight: normal;
}
.emp-details-modal .form-field .input-group,
.emp-details-modal .form-field .text-box-with-icon,
.inline-form .form-field .input-group,
.inline-form .form-field .text-box-with-icon {
	flex:1;
	display:flex;
	border: solid 1px #cacaca;
}
.profile-pic-upload {
	position: relative;
	background-image: url(../images/profile-pic-upload.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.profile-pic-upload input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	opacity:0;	
	cursor: pointer;	
}
.profile-pic-upload #mas_img_mas_photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	pointer-events: none;
}
.profile-pic-upload #btn_none_img {
	border:none!important;
	outline: none!important;
	position: absolute;
	top:0px;
	right:0px;
	padding: 5px 8px;
	cursor: pointer;
	color:#fff;
	border-radius: 50%;
	box-shadow: 3px 3px 5px #aaa;
	background-image: linear-gradient(90deg, #fe1e00 49.99%, #d81a00 50%);
}
.profile-pic-upload label {
	color:#f1543f;
	font-size: 0.6rem;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	white-space: nowrap;
}
.profile-pic-upload label::before {
	content:attr(text);
	color:#5d6170;
	margin-right: 0.25rem;
}
.two-step-alert-modal .modal-body .err_msg {
	text-align: center;
	color: #ff7058;
}
.two-step-alert-modal .modal-body .seperator {
	border-bottom : dashed 1px #a8a8a8;
	margin: 1rem 0px;
}
.two-step-alert-modal .modal-body .conf_msg {
	font-weight: bold;
    font-size:13px;
	text-align: center;
	margin-bottom: 1rem;
}
.tabs-cntrl.emp-db-tabs .tab-wrap .tab {
	flex-direction: column;
	font-size: 1rem;
}
.tabs-cntrl.emp-db-tabs .tab-wrap .tab .fas {
	font-size: 2rem;
	margin-bottom: 0.75rem;
}
.tabs-cntrl.emp-db-tabs .tab-wrap .tab::before {
	display: none;
}
.tabs-cntrl.emp-db-tabs .tab-wrap .tab span {
	text-align: center;
}
.tabs-cntrl.emp-db-tabs .tab-wrap .tab.active .fas {
	color:#54c0eb;
}
.tabs-cntrl.emp-db-tabs .content-wrap .tab-content {
	padding-top: 1rem;
}
.tabs-cntrl.emp-db-tabs.small  .tab-wrap .tab {
	flex-direction: row;
	align-items: center;
	font-weight: bold;
	background-color: #d0e5f9;
	border: solid 1px #fff;
}
.tabs-cntrl.emp-db-tabs.small  .tab-wrap .tab.active {
	background-color: #e5e6e8;
	border: solid 1px #fff;
}
.tabs-cntrl.emp-db-tabs.small  .tab-wrap .tab .fas {
	font-size: 1rem;
	margin-bottom: 0px;
	margin-right: 0.5rem;
}
.tabs-cntrl.emp-db-tabs .badge {
	color:#f1543f;
	font-weight: bold;
	position: absolute;
	right: 5px;
}
.float-right {
	float: right;
}
.tabs-cntrl.card-tab-cntrl .tab {
	background-color:#ffffff;
	color:#b9bcbf;
}
.tabs-cntrl.card-tab-cntrl .tab-wrap .tab .fas {
	margin-right: 0.75rem;
}
.tabs-cntrl.card-tab-cntrl .tab-wrap .tab::before {
	display: none;
}
.tabs-cntrl.card-tab-cntrl .tab-wrap .tab.active {
	background-color: #ff7058;
	color:#242f39;
}
.tabs-cntrl.card-tab-cntrl .content-wrap {
	max-height: calc(100% - 40px);
	overflow: auto;
}
.tabs-cntrl.card-tab-cntrl .content-wrap .tab-content {
	max-height: 100%;
	overflow: auto;
}
.tabs-cntrl.card-tab-cntrl .tab .badge {
	margin-left: 1rem;
	color:#f9b9b0;
}
.tabs-cntrl.card-tab-cntrl .tab.active .badge {
	color:#fff;
}
.card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.card > .card-header {
	padding: 10px;
	font-size: 1.3em;
	color:#242f39;
}
.card > .card-body {
	flex:1;
}
.card.card-blue > .card-header {
	background-color: #b0e3f8;
}
.card.card-orange > .card-header {
	background-color: #facd85;
}
.event-list {
	margin:1rem;
	padding:0px;
	list-style: none;
}
.event-list > li > a {
	display: block;
	padding: 5px 10px;
	color: #5d6170; 
}
.event-list > li {
	border-bottom: solid 1px #cccccc;
}
.event-list > li:last-child {
	border-bottom: none;
}
.emp-dash-title {
	margin-bottom: 1rem;
}

#tbl_duplicate tr td {
    font-size: 14px;
}
.table {
	border-collapse: collapse;
	min-width:100%;
	table-layout: fixed;
}
.table tr th,
#gv_attendance tr th {
	background-color: #e5e6e8;
	color:#272526;
	font-weight: normal;
}
.table tr th,
.table tr td {
	padding: 3px;
    font-weight: normal;
    font-size: 12px;
}
.table tr th,
.table tr td,
#gv_attendance tr th,
#gv_attendance tr td {
	border: solid 1px #a3a2a3!important;
    font-size: 12px;
}
.table .view-icon {
	display: block;
	text-align: center;
	color: #000;
}
.hasDatepicker {
	background-image: url(images/calander-icon.png);
	background-position: 98% center;
	background-repeat: no-repeat;
}
.gallery-carosel .slide {
	width:100%;
	margin-bottom: 1rem;
}
.gallery-carosel .slide .title {
	display: block;
	text-align: center;
}
.gallery-carosel .slide .img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.todo-list {
	width:100%;
}
.todo-list tr > td {
	padding-bottom: 1rem;
}
.todo-list .hidedata {
	display: none;
}
.todo-list .edit-icon {
	width:20px;
}
.todo-list .clstaskname {
	font-weight: 600;
}
.todo-list .clschktask {
	text-decoration: line-through;
	font-weight: normal;
	color:rgb(38, 114, 38);
}
.event-list .event .event-wrap {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #ccc;
}
.event-list .event .title {
	flex:1;
	display: inline-block;
	padding: 10px;
	color: #5d6170;
}
.event-list .event .date {
	color:#ff7058;
}
.carosel-cntrl.new-joinee > .carosal-right-arrow,
.carosel-cntrl.new-joinee > .carosal-left-arrow {
	width: 35px;
}
.carosel-cntrl.new-joinee > .carosal-right-arrow::before,
.carosel-cntrl.new-joinee > .carosal-left-arrow::before
{
	width: 20px;
	height: 20px;
	border-left: solid 4px #aaa;
	border-bottom: solid 4px #aaa;
	left:auto;
	right:auto;
}
.carosel-cntrl.new-joinee > .carosal-left-arrow {
	left: -35px;
}
.carosel-cntrl.new-joinee > .carosal-left-arrow::before {
	left: 10px;
}
.carosel-cntrl.new-joinee > .carosal-right-arrow {
	right: -35px;
}
.carosel-cntrl.new-joinee > .carosal-right-arrow::before {
	right: 10px;
}
.carosel-cntrl.new-joinee {
	display: flex;
	margin-left: 35px;
	margin-right: 35px;
	height: 100%;
	align-items: center;
}
.carosel-cntrl.new-joinee[data-cols="3"] .slide {
	min-width: 33%;
}
.carosel-cntrl.new-joinee[data-cols="4"] .slide {
	min-width: 25%;
}
.carosel-cntrl.new-joinee .slide .thumb {
	width:100%;
	text-align: center;
}
.carosel-cntrl.new-joinee .slide .thumb > img {
	max-height: 110px;
	margin:0px auto;
}
.carosel-cntrl.new-joinee .slide .name,
.carosel-cntrl.new-joinee .slide .dept {
	display: block;
	text-align: center;
}
.lbl-txtbox {
	border: solid 1px #fff!important;
	outline: none!important;
	box-shadow: none!important;
	resize: none;
	padding: 0px!important;
}
.user-profile {
	border: solid 1px #d8d8d8;	
}
.user-profile .prof-image {
	text-align: center;
}
.user-profile .prof-image > img {
	width:100%;
}
.user-profile .prof-item {
	display: block;
	padding: 1rem;	
	position: relative;
}
.user-profile .prof-item::after {
	content:'';
	border-bottom: solid 1px #b0b0b0;
	width: calc(100% - 2rem);
	position: absolute;
	bottom: 0px;
	left: 1rem;
	top: 100%;
}
.user-profile .prof-item:last-child::after {
	display: none;
}
.user-profile .prof-item.name-lbl {
	font-size: 2rem;
}
.tabs-cntrl.leave-app-tabs {
	height: 100%;
}
.tabs-cntrl.leave-app-tabs .tab {
	background-color: #d0e5f9;
	color: #5d6170;
	white-space: nowrap;
}
.tabs-cntrl.leave-app-tabs .tab::before {
	display: none;
}
.tabs-cntrl.leave-app-tabs .tab .fas {
	margin-right: 0.5rem;
}
.tabs-cntrl.leave-app-tabs .tab.active {
	background-color: #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	color: #242f39;
}
.tabs-cntrl.leave-app-tabs .content-wrap {
	background-color: #e6e6e6;
	height: calc(100% - 40px);
	border: solid 1px rgba(170, 168, 168, 0.5);
	border-top: none;
	padding: 1rem;
}

.ui-datepicker {
	padding:0px;
	box-shadow:3px 3px 3px #bbb;
}
.ui-corner-all {
	border-radius:0px;
}
.ui-widget-header {
	background:none;
	background-color:#cdd6e0;
}
.ui-datepicker-title {
	display:flex;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
	background:none;
	border:none;
	margin:0px;
	padding:2px;
	outline:none!important;
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-month {
	flex:1;
}
.ui-datepicker-calendar {
	margin:0px!important;
}
.ui-datepicker-calendar thead tr th {
	background-color:#dedfdf;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
	border:solid 1px #fff;
}
.ui-datepicker-calendar td {	
	background-color:#f2f6fc;
}
.ui-datepicker-calendar .ui-state-disabled {
	opacity:1;
}
.ui-datepicker-calendar .ui-state-default {
	border:none;
	background:none;
	text-align:center;
}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-active {
	border:solid 1px #a9a8a8;
	background-color:#cdd6e0;
	font-weight:bold;
	color:#000;
}

.checkbox-list {
	border:solid 1px #a9a8a8!important;
	box-shadow:3px 3px 3px #bbb!important;
	max-height:200px!important;
	overflow-x:hidden!important;
	overflow-y:auto!important;
    position: absolute;
    background-color: white;
    display:none;
    z-index:100;
    min-width:100%;
    white-space:nowrap;
}
.drop-up .checkbox-list {
    left:0px!important;
    top:auto!important;
    bottom:110%!important;
}
.checkbox-list label {
	display:flex!important;
	padding:5px!important;
	cursor:pointer!important;
	border-bottom:dotted 1px #a9a8a8!important;
}
.checkbox-list label:hover {
	background-color:#cdd6e0!important;
}
.checkbox-list input {
	margin-right:10px!important;
}
form {
    margin:0px;
    padding:0px;
    height:100%;
}
.tabulator-edit-select-list {
               z-index:100000002;
}
.emp-details-modal {
    margin-top:15px!important;
}
block {
    display: block;
}
none {
    display: none;
}
select.hide-dropdown > option {
    display:none;
}
.emp-details-modal #image-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    pointer-events:none;
}
.emp-details-modal #image-holder .thumb-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.non-auth-page {
	min-width: 100%;
	min-height: 100%;
}
.form-field.icon-field {
	position: relative;
}
.form-field.icon-field > label {
	position: absolute;
	color:#82939d;
	margin:8px 10px;
	pointer-events:none;
}
.form-field.icon-field > input::placeholder {
	text-align: center;
	color:#82939d;
}
.non-auth-page > section {
	height: calc(100% - 30px);
}
.non-auth-page .form-field.icon-field > input {
	padding: 8px;
	padding-left: 30px;
	box-shadow: 3px 3px 5px #aaa;
}
.non-auth-page form > div {
	margin-bottom: 1rem;
}
.btn-danger {
	background-color: #f24e4e;
	color: #fff;
}
.non-auth-page form .btn {
	padding: 5px 15px;
	border-radius: 10px;
}
.non-auth-page form a {
	color:#051f53;
}
.non-auth-page form {
	width:250px;
}
.non-auth-page h1 {
	font-size:calc(1vw + 16pt);
}
.non-auth-page footer {
	background-color: #e6e6e6;
	padding: 5px;
}
.dual-tone {
	color:#71c1ef;
}
.dual-tone .dark-color {
	color:#051f53;
}
.m-auto {
	margin:auto;
}
.mw-75 {
	max-width: 75%;
}
.w-75 {
	width: 75%;
}

.table-comp-selection {
	width: 100%;
	border-collapse: collapse;
	margin-bottom:2rem;
	display: block;
}
.table-comp-selection thead,
.table-comp-selection tbody {
	width: 100%;
	padding-right: 10px;
	display: block;
}
.table-comp-selection tbody {
	overflow: auto;
	max-height: 29.1em;
}
.table-comp-selection tbody::-webkit-scrollbar {
	width: 5px;
}
.table-comp-selection tbody::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}
.table-comp-selection tbody::-webkit-scrollbar-thumb {
	background: #0379fc;
	border-radius: 10px;
}
.table-comp-selection td,
.table-comp-selection th {
	padding: 10px;
	font-weight: bold;
}
.table-comp-selection td {
	color:#aaa;
}
.table-comp-selection thead tr {
	color:#000;
	text-align: left;
	text-transform: uppercase;	
	display: flex;
	width: 100%;
	margin-bottom: 0.5em;
}
.table-comp-selection thead tr th {
	background-color: #f8b64c;
}
.table-comp-selection thead tr th:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	min-width: 60px;
}
.table-comp-selection thead tr th:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	flex:1;
}
.table-comp-selection tbody tr {	
	text-align: left;
	text-transform: uppercase;
	display: flex;
	width: 100%;
	margin-bottom: 0.5em;
}
.table-comp-selection tbody tr td {
	color:#000;
	background-color: #cdd6e0;
}
.table-comp-selection tbody tr td:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	min-width: 60px;
	text-align: center;
}
.table-comp-selection tbody tr td:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	flex:1;
}

.table-comp-selection tbody tr:hover td {
	background-color:#0379fc;
	color:#fff;
	cursor: pointer;
}

/*========================my style (Puja)==============================*/
.inline-form .leave-master-modal .form-field select{
    min-width:30%;
    max-width:30%;
}
.inline-form .leave-master-modal .form-field label{
    min-width:70%;
    max-width:70%;
}
.inline-form .leave-master-modal .form-field input[type="text"] {
    min-width: 30%;
    max-width: 30%;
}
.inline-form .leave-master-modal .form-field input-group input[type="text"] {
    min-width: 100%;
    max-width: 100%;
}
/*========================my style (Puja)==============================*/

.comp-sel-page section.body {
	background-color: #051f53;
    padding-top:0px;
}
.comp-sel-page section.body .banner-section {
	background-color: #fff;
	position: relative;
	margin-right: 10%;
	padding-left: 10%;
}
.comp-sel-page section.body .banner-section .curve {
	position: absolute;
	left: 100%;
	top: 0px;
	height: 100%;
	width: 25%;
	overflow: hidden;
}
.comp-sel-page section.body .banner-section .curve::after {
	content:'';
	position: absolute;
	left: -175%;
	top: -12%;
	width: 220%;
	height: 125%;
	background-color: #fff;
	border-radius: 50%;
	z-index: 0;
}
.comp-sel-page .banner-section .stencil {
	width:20%;
	position: absolute;
	bottom:5%;
	left:5%;
}
.comp-sel-page .banner-section .comp-logo {
	margin:auto;
}
.popup-page {
	font-size: 10pt;
}
.hide, .loading_wrp {
	display: none;
}
.inner-page-modal .modal-body {
	padding: 0px!important;
}
fieldset.center-legend {
	border:solid 1px #707070;
	border-radius: 10px;
	padding: 7px;
	padding-top:20px;
	margin-top: 30px;
	position: relative;
}
fieldset.center-legend legend {
	border:solid 1px #707070;
	border-radius: 5px;
	padding: 5px 5px;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: -20px;
	background-color:#fff;
}
.vertical-middle {
	align-items: center;
}
.d-flex.center-content{
	justify-content: center;
	width:100%;
}
.popup-page .footer,
.inner-page-modal.with-footer .modal-content {
	background-color: #cdd6e0;
}
.popup-page.with-footer {
	display: flex;
	flex-direction: column;
	background-color: #fff;
}
.popup-page.with-footer .footer {
	flex:1;
}
.progress_over_iframe {
	position: absolute;
	bottom: 15px;
	left: 10px;
	height: 10px;
	width: 200px;
}
.progress_over_iframe .progress {
	background-color: #9fa8b7;
	height: 10px;
	position: relative;
}
.progress_over_iframe .progress .prog_label {
	position: absolute;
	left: calc(100% + 10px);
	top: -4px;
	color: #2581d8;
	font-weight: bold;
	white-space: nowrap;
}
.progress_over_iframe .progress .prog_label:after {
	content: ' Completed';
	color: #5d6170;
	margin-left:0.25em;
}
.border-0 {
	border:none;
}
.popup-page .inline-form .form-field > label {
	min-width: 100px;
}

.reset-minmaxwid {
    min-width:0px!important;
    max-width:100%!important;
}
.multiselect {
    position: relative;
}
.multiselect > select {
    max-width:100%;
    min-width:150px; 
}

.right-content .pager-wrap {
	justify-content: flex-end;
}
.inline-form .title-field {
	display: flex;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: solid 1px #aaa;
}
.inline-form .title-field .label-col {
	flex:1;
}
.inline-form .title-field .control-col {
	flex: 1;
}
.light-blue-bg {
	background-color: #cdd6e0;
}
.dark-blue-bg {
	background-color: #afbfd1;
}
.round-img {
	border-radius: 50%;
}
.flex-center-align {
	align-items: center;
	justify-content: center;
}
.no-bg {
	background:none;
}
.no-border{
	border:none!important;
	box-shadow:none!important;
}
.light-text {
	color:white;
}
.pt-1 {
	padding-top:0.25em;
}
.mb-0-imp {
	margin-bottom: 0px!important;
}
.pl-1 {
	padding-left:0.25rem;
}
.pl-2 {
	padding-left:0.5rem;
}
.pl-3 {
	padding-left:0.75rem;
}
.pl-4 {
	padding-left:1rem;
}
.pr-1 {
	padding-right:0.25rem;
}
.pr-2 {
	padding-right:0.5rem;
}
.pr-3 {
	padding-right:0.75rem;
}
.pr-4 {
	padding-right:1rem;
}
.inner-border-right::after {
	right:0px;
}
.success-text {
	color:#02a523;
}

/*========================= Puja ==================================*/
.img_set {
    background: #EC971F url("../image/pro.gif") no-repeat scroll right center !important;
}
/*=================================================================*/

/* Added By Joseph on 24-Oct-2020 For New Design Implementation START */
.time-txtbox {
	width: 65px!important;
	height: 25px!important;
}
.blue-info-text {
	color:#5f84a7;
	font-style: italic;
	margin-left: 0.5em;
    width: 100%;
}
.checkbox-margin {
	margin-left: 26px;
}
.inline-form .form-field {
	align-items: center;
}
.inline-form .form-field .custom-control.custom-checkbox {
	height: 20px;
}
.blue-heading {
	background-color: #d0e5f9;
	text-align: center;
	margin: 0px;
	padding: 0.25em;
	margin-bottom:0.5em;
}
.form-field.right-content {
	justify-content: flex-end;
}
.rounded-border {
	border-radius: 10px;
	border:solid 1px #ccc;
}
.report-list {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	color: #5d6170;
}
.report-list > li {
	font-size: 1.3em;
	margin-bottom: 0.5em;
	cursor: pointer;
}
.report-list > li:before {
	content: "\f56d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1em;
	margin-right: 0.25em;
}
.btn-outline {
	border:solid 1px #707070;
	display: inline-block;
	padding: 5px 10px;
	color:#5c606f;	
}

.btn-group-vertical .btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 0.25em;
}
.blue-text {
	color: #1b71c4;
}
.excel-icon-text {
	color: #319f76;
}
.pdf-icon-text {
	color: #F40F02;
}
.rpt-company-name {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	text-transform: uppercase;
	color: #5c606f;
	padding: 5px 0.75em;
	margin-top: 0.5em;
}
.rpt-company-addr {
	display: block;
	font-size: 1.2em;
	color: #5c606f;
	padding: 5px 0.75em;
}
.rpt-report-info {
	display: flex;
	background-color: #dae2ea;
	color: #5c606f;
	padding: 0.75em;
	align-items: center;
}
.rpt-report-info > * {
	margin-right: 0.5em;
	font-size:1.1em;
}
.rpt-report-info > .rpt-report-month {
	font-weight: bold;
}
.tbl_rpt {
	table-layout: fixed;
}
.tbl_rpt > thead > tr {
	background-color:#d0e5f9;
}
.inline-form.multi-col .form-field label {
    flex:1;
}
.inline-form.multi-col .form-field input,
.inline-form.multi-col .form-field textarea,
.inline-form.multi-col .form-field select,
.inline-form.multi-col .form-field .txt_field {
	max-width:100px;
    text-align:right;
}
.inline-form.multi-col .form-field > label {
	min-width: 40%;
}
.inline-form.multi-col .title-field .label-col {
	min-width: 40%;
	max-width: 40%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inline-form.multi-col .title-field .control-col {
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.loader-div {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100000002;
	background-color: rgba(0,0,0,0.5);
	display: flex;
}
.loader-div .loader {
	color:#fff;
	width: 100px;
	height: 100px;
	margin: auto;
	text-align: center;
}
.loader-div .loader .symbol {
	position: relative;
}
.loader-div .loader .symbol .spinner {
	font-size: 5em;
	color:rgba(255,255,255,0.5);
}
.loader-div .loader .symbol #per {
	position: absolute;
	width:100%;
	height: 100%;
	line-height: 5em;
	left:0px;
	top:0px;
	font-weight: bold;
	font-size: 1em;
	display: none;
}
.loader-div .loading {
	margin-top:0.5em;
	font-weight: bold;
}
.loader-div .loading .message {
	display: block;
}
.loader-div .loading #count {
	margin-top:0.5em;
	display: none;
}
/* Added By Joseph on 24-Oct-2020 For New Design Implementation END */

.col-10-05 {
	width:5%;
}
.col-10-10 {
	width:10%;
}
.col-10-15 {
	width:15%;
}
.col-10-20 {
	width:20%;
}
.col-10-25 {
	width:25%;
}
.col-10-30 {
	width:30%;
}
.col-10-35 {
	width:35%;
}
.col-10-40 {
	width:40%;
}
.col-10-45 {
	width:45%;
}
.col-10-50 {
	width:50%;
}
.col-10-55 {
	width:55%;
}
.col-10-60 {
	width:60%;
}
.col-10-65 {
	width:65%;
}
.col-10-70 {
	width:70%;
}
.col-10-75 {
	width:75%;
}
.col-10-80 {
	width:80%;
}
.col-10-85 {
	width:85%;
}
.col-10-90 {
	width:90%;
}
.col-10-95 {
	width:95%;
}
.col-10-100 {
	width:100%;
}
.two-col .title-field .label-col,
.two-col .form-field > label {
	max-width: 70%!important;
	min-width: 60%!important;
}
.two-col .title-field .control-col,
.two-col .form-field > input,
.two-col .form-field > select,
.two-col .form-field > textarea,
.two-col .form-field > span {
	text-align: right!important;
}
.four-col .title-field .label-col,
.four-col .form-field > label {
	max-width: 30%!important;
	min-width: 30%!important;
}
.four-col .title-field .control-col,
.four-col .form-field > input,
.four-col .form-field > select,
.four-col .form-field > textarea,
.four-col .form-field > span {
	text-align: right!important;
}

.inline-form.multi-col .form-field > label {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inline-form.multi-col .form-field input, 
.inline-form.multi-col .form-field textarea, 
.inline-form.multi-col .form-field select,
.inline-form.multi-col .form-field span {
	margin-left: 0.5rem;
}
.inline-form .title-field.double-line {
	height: 4em;
}
.inline-form .title-field.double-line .label-col,
.inline-form .title-field.double-line .control-col
 {
	white-space: pre-wrap;
	overflow: auto;
}

.hidedata {
	display: none;
}
.table.table-noborder td,
.table.table-noborder th {
	border: none!important;
}
.p-0 {
    padding: 0px;
}
.ui-icon:before, .ui-iggrid-collapsibleindicatorcontainer a .ui-iggrid-multiheader-collapsed:before, .ui-iggrid-collapsibleindicatorcontainer a .ui-iggrid-multiheader-expanded:before, .ui-iggrid-filtericon:before, .ui-iggrid-moving-indicator:before {
	margin-top:-1em!important;
}
.w-100-imp {
	width:100%!important;
}
.fieldset {
	border:solid 1px #ddd;
	border-radius: 10px;
}
.fieldset > legend {
	background-color: #5d6170;
	border-radius: 5px;
	color:#ffffff;
	padding:5px 10px;
	font-weight: bold;
}

.custom-control.custom-checkbox.eye-slash > input[type="checkbox"] {
	display: none;
}
.custom-control.custom-checkbox.eye-slash > label {
	display: block;
	position: relative;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 3px;
	color: #888;
}
.custom-control.custom-checkbox.eye-slash > label::before ,
.custom-control.custom-checkbox.eye-slash > label::after {
	content: '';
    position: relative;
    width: auto;
	height: auto;
    left: 0px;
	top: 0px;
	background:none!important;
	border:none!important;
}
.custom-control.custom-checkbox.eye-slash > label::before
{	
	content: "\f070";
}
.custom-control.custom-checkbox.eye-slash > label::after 
{
	display: none;
}
.custom-control.custom-checkbox.eye-slash > input:checked~label::before {
	content: "\f06e";
}
.custom-control.custom-checkbox.eye-slash > input:checked~label::after {
	display: none;
}
.d-block {
	display: block;
}
.white-bg {
	background-color: #fff;
}
.table.table-dark-header thead th,
.table.table-dark-header thead td {
	background-color: #051f53;
	color:#fff;
}

.tabs-cntrl.default-tab-cntrl .tab {
	background-color:#5d6170;
	color:#fff;
	flex:none;
	font-size: 1em;
	font-weight: bold;
	border-bottom: none!important;
}
.tabs-cntrl.default-tab-cntrl .tab-wrap .tab .fas {
	margin-right: 0.75rem;
}
.tabs-cntrl.default-tab-cntrl .tab-wrap .tab::before {
	display: none;
}
.tabs-cntrl.default-tab-cntrl .tab-wrap .tab.active {
	background-color: #051f53;
	color:#fff;
}
.tabs-cntrl.default-tab-cntrl .content-wrap {
	max-height: calc(100% - 40px);
	overflow: auto;
}
.tabs-cntrl.default-tab-cntrl .content-wrap .tab-content {
	max-height: 100%;
	overflow: auto;
}
.tabs-cntrl.default-tab-cntrl .tab .badge {
	margin-left: 1rem;
	color:#f9b9b0;
}
.tabs-cntrl.default-tab-cntrl .tab.active .badge {
	color:#fff;
}
.dark-header-tabulator .tabulator .tabulator-header .tabulator-col, 
.dark-header-tabulator .tabulator .tabulator-header {
	background-color: #051f53;
	color:#fff;
}
.dark-header-tabulator .tabulator {
	border-top: none!important;
}
.w-auto {
	width:auto!important;
}


.f-bold {
    font-weight:bold;
}

.outline_obout_grid_100.sticky_table thead tr th,
.outline_obout_grid_100.sticky_table tbody tr td {
    border: solid 1px #ddd!important;
}
.selectedcls {
    background-color: #bad8ef;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus {
    background:none;
    border:none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus .ui-icon {
    background-image:url(../../testing%20materials/bootstrap/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.oae_editor_toptoolbar input, .oae_editor_toptoolbar select {
    display:inline-block!important;
}
.oae_editor_default .oae_editor_toptoolbar .oae_toolbar_button, .oae_editor_default .oae_editor_toptoolbar .oae_toolbar_command {
    float:left!important;
}
.tabulator-row-even {
    background-color:#fff!important;
}
.tabulator-row-even.tabulator-selectable:hover {
    background-color: #bbb!important;
    cursor: pointer!important;
}
.tabulator-row-even.tabulator-selectable.tabulator-selected {
    background-color: #9ABCEA!important;
}
.tabulator-row-even.tabulator-selectable.tabulator-selected:hover {
    background-color: #769BCC!important;
}

.dark-blue-title {
	background-color: #051f53;
	color:#fff;
}
.rad-button {
    display:flex;
    align-items:center;
}
.rad-button > input[type="radio"]{
    margin-top:0px;
}
.rad-button > label {
    margin-top:2px;
}
/*new addition*/
.tds-table .section .header {
	background-color: #d0e5f9;
	font-weight: bold;
	padding: 5px;
}
.tds-table .section .sub-header > div:nth-child(2),
.tds-table .section .sub-header > div:nth-child(3) {
	background-color: #cdd6e0;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.tds-table .section .line-item > div:nth-child(2),
.tds-table .section .line-item > div:nth-child(3) {
	background-color: #f1f1f1;
	padding: 2px;
	border: solid 1px #dfd9d9;
	/*height: 36px;*/
}
.tds-table .section .line-item,
.tds-table .section .header,
.tds-table .section .sub-header {
	display: flex;
	align-items: center;
}
.tds-table .section .header {	
	border-bottom: solid 1px #fff;
}
.tds-table .section .line-item > div:nth-child(1),
.tds-table .section .header > div:nth-child(1),
.tds-table .section .sub-header > div:nth-child(1) {
	flex: 1;
}
.tds-table .section .line-item > div:nth-child(2),
.tds-table .section .line-item > div:nth-child(3),
.tds-table .section .header > div:nth-child(2),
.tds-table .section .header > div:nth-child(3),
.tds-table .section .sub-header > div:nth-child(2),
.tds-table .section .sub-header > div:nth-child(3) {	
	width:20%;
}
.tds-table .section .line-item > div:nth-child(2) input[type="text"],
.tds-table .section .line-item > div:nth-child(3) input[type="text"] {
	width:100%;
	border-radius: 0px;
	box-shadow: none;
}
.tds-table .section .line-item > div:nth-child(2) input[disabled],
.tds-table .section .line-item > div:nth-child(3) input[disabled] {
	border:none;
	box-shadow:none;
}
.tds-table .section .line-item.one-input > div:nth-child(2) {
	width: 40%;
	height: auto;
}
.tds-table .section .header.three-parts > div:nth-child(1) {
	width:40%;
}
.tds-table .section .header.three-parts > div:nth-child(2) {
	width:30%;
}
.tds-table .section .header.three-parts > div:nth-child(3) {
	width:30%;
}
.selectedcls {
    background-color: #bad8ef;
}
/*add on 20022021*/
html {
                font-size:calc(7pt + 0.4vh);           
                font-smooth: always;
                overflow:hidden;
}
.body-content {
                min-height: calc(100% - 4em);
}
.working-area-wrap {
                height: calc(100% - 3.2em)!important;
}
.menu_wrap .user-info .greet-note {
    padding: 10px calc(10px + 0.8vw);
    font-size: 1em;
}
.menu_wrap ul.menu > li > a {
                padding: 15px calc(10px + 0.2vw);
}
.tabulator {
                font-size:1.2em!important;
}
.btn {
                font-size:1em!important;
}
.side-bar .side-menu-icon {
                height: 16px;
                width: 16px;
}
@media screen and ( min-height: 655px )
{
   .side-bar .side-menu-icon {
                                height: 35px;
                                width: 35px;
                }
}