:root {
	/* comman color css start*/
	 --theme-font-family: 'Helvetica Now MT Micro Regular';
	 --theme-bg: #f7f7fa;
	 --theme-white-color: #fff;
	 --theme-primary-color: #FA7E12;
	 --theme-light-primary-color: #fa7e121a;
	 --theme-secondary-color: #000000;
	 --theme-lightgrey-color: #edebeb;
	 --theme-lightbg-color: #F8F8F8;
	 --theme-label-color: var(--theme-secondary-color);
	 --theme-border-color: #dddddd;
	 --theme-icon-color: #A2A2A2;
	 --theme-grey-color: #A2A2A2;
	 --theme-tooltipbg: var(--theme-bg);
	 --theme-border-tooltipbg: #e3e3e5;
	 --theme-active-color: #E2F6ED;
	 --theme-active-color-text: #26AF48;
	 --theme-inactive-color: #FFB3AD;
	 --theme-inactive-color-text: #F44336;
	 --theme-pending-color: #B8DFFF;
	 --theme-pending-color-text: #2196F3;
	 --table-bg-row-color1:#F8F8F8;
	 --table-bg-row-color2:#FCFCFC;
	 --theme-border-serchbar-color: #E3E3E3;
	 --theme-info-color: #138496;
	 --theme-info-color-text: #ffffff;
	 --theme-purple-color: #e522e5;
	 --theme-notes-color: #932fdd;
	 --theme-rewards-color: #932fdd; 
	 --theme-rewards-background-color: linear-gradient(36.25deg, #932fdd -18.34%, #bd78f0 72.26%);

	 --theme-title-color: var(--theme-secondary-color);
	 
	 --theme-small-text60: .6rem;
	 --theme-very-small-text: .5rem;
	 --theme-medium-small-text: .65rem;
	 --theme-small-text: .75rem;
	 --theme-semi-medium-text: .85rem;
	 --theme-medium-text: 1rem;
	 --theme-large-text: 1.5rem;
	 --theme-extra-large-text: 2rem;
	 --theme-lg-extra-large-text: 2.5rem;
	 --theme-xl-extra-large-text: 2.75rem;
	 --theme-xll-large-text: 3.75rem;
	 --theme-logo-text: 2rem;
	 --theme-mobile-logo-text: 1.5rem;
	 --theme-combine-icon-text: 1.5rem;
	 --theme-medium-icon-text: 1.85rem;
	 --theme-big-icon-text: 2.15rem;

	 --theme-text-weight-300: 300;
	 --theme-text-weight-400: 400;
	 --theme-text-weight-500: 500;
	 --theme-text-weight-600: 600;
	 --theme-text-weight-700: 700; 
	 --theme-text-weight-800: 800;
	 --theme-text-weight-900: 900;
	--theme-dropdown-color: #636363;


	 --theme-box-shadow: rgba(17, 17, 17, 0.32);

	/* comman color css end*/

	 /* btn color css start*/
	 --theme-btn-text: .75rem;
	 --theme-btn-space: .5rem 1.5rem;
	/* btn color css end*/



	/* Dropdown color css start*/
	 --theme-color: #FA7E12;
	 --dropdownbg: blue;
	 --dropdownhoverbg: #f8af6f;

	 --dropdownbgshadow: blue;
	 --dropdownselectcolor: var(--theme-white-color);
	 --dropdownhovercolor: #000000;
	 --dropdownselectedcolor: #fff;
	 --dropdowntransparentcolor: transparent;
	 --dropdowninheritcolor: inherit;
	 --dropdownpadding: 10px 20px;
	 --dropdowncursorstyle: pointer;

	 --dropdownfocusbordercolor: #FA7E12;
	 --dropdownselectedbgcolor: #FA7E12;
	 --dropdowntransparentcolor: #f7f7fa;
	 --dropdownfontweight:500;
	 /* Dropdown color css end*/
   }


html {
	height: 100%;
}

body {
	background-color: var(--theme-bg);
	color: var(--theme-secondary-color);
	font-family:  var(--theme-font-family);
	font-size: var(--theme-small-text);
	height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
}
h1{
	font-size:2rem;
}
h2{
	font-size:1.5rem;
}
h3{
	font-size:1.25rem;
}
h4{
	font-size:1.05rem;
}
.h5, h5 {
    font-size: 1rem;
}
.skolrup-m-user-text .h5, .skolrup-m-user-text h5 {
    font-size: 1.25rem;
}
a {
	color: var(--theme-primary-color);
	text-decoration: none;
}

.form-control {
	border: 1px solid var(--theme-border-color);
	box-shadow: none;
	color: var(--theme-secondary-color);
	font-size: var(--theme-medium-small-text);
	height: 38px;
}
.oxyem-custom-dropdown{margin-bottom: 5px;}
.oxyem-custom-dropdown .css-1wxabdw-control{min-height: 38px;
    background-color: #e9ecef;}
.oxyem-custom-dropdown .css-my3gbk-control{height: 38px;}
.form-control:focus {
	border-color: var(--theme-primary-color);
	box-shadow: none;
	outline: 0 none;
}

.form-group {
    position: relative;
    margin-bottom: 40px;
}

.form-group label {
    font-size: var(--theme-small-text);
    color: var(--theme-label-color);
    font-weight: 500;
    position: absolute;
    top: -10px;
    left: 10px;
    background: var(--theme-white-color);
    margin-bottom: 0;
    padding: 0px 5px;
	z-index:9;
}
.form-group .label-disabled{
    /* background-color: var(--bs-secondary-bg) !important; */
	background-image: linear-gradient(#fff, #f2f2f2);
}
.css-1nmdiq5-menu{z-index:999;}
input, button, a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

input, input:focus, button, button:focus {
	outline: none;
}

input[type="file"] {
	height: auto;
	min-height: calc(1.5em + .75rem + 2px);
}

input[type=text], input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea.form-control {
	resize: vertical;
	min-height: 40px;
}

.navbar-nav>li {
	float: left;
}

.form-group {
	margin-bottom: 2rem;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.input-group .form-control {
	height: 40px;
}

.input-group .input-height {
	height: auto;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.1);
}

ul, ol {
	list-style: none;
}


.nav-tabs.menu-tabs .nav-item.active .nav-link {
	color: var(--theme-white-color);
	background: var(--theme-primary-color);
}

.bg-primary {
	background-color: var(--theme-bg) !important;
}

.nav-tabs .nav-link {
	border-radius: 0;
	color:var(--theme-secondary-color);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	background-color: var(--theme-white-color);;
	border-color: transparent;
	color: var(--theme-secondary-color);
}

.nav-tabs.nav-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
	cursor:pointer;
}

.nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li>a:focus {
	border-bottom-color: var(--theme-border-color);
}

.nav-tabs.nav-justified.nav-tabs-solid>li>a {
	border-color: transparent;
	border-radius: 5px 5px 0 0;
}

.nav-tabs.nav-tabs-solid>li>a {
	color: var(--theme-secondary-color);
	border-radius: 5px 5px 0 0;
}

.nav-tabs.nav-tabs-solid>li>a.active,
.nav-tabs.nav-tabs-solid>li>a.active:hover,
.nav-tabs.nav-tabs-solid>li>a.active:focus {
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
	color: var(--theme-white-color);
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
	border-radius: 50px;
}

.nav-tabs-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
}

.nav-tabs-justified>li>a:hover, .nav-tabs-justified>li>a:focus {
	border-bottom-color: var(--theme-border-color);
}

.nav-tabs-justified.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-justified.nav-tabs-top {
	border-bottom: 1px solid var(--theme-border-color);
}

.nav-tabs.nav-justified.nav-tabs-top>li>a,
.nav-tabs.nav-justified.nav-tabs-top>li>a:hover,
.nav-tabs.nav-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-top>li>a,
.nav-tabs.nav-tabs-top>li>a:hover,
.nav-tabs.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li.open>a,
.nav-tabs.nav-tabs-top>li>a:hover,
.nav-tabs.nav-tabs-top>li>a:focus {
	border-top-color: var(--theme-border-color);
}

.nav-tabs.nav-tabs-top>li+li>a {
	margin-left: 1px;
}

.nav-tabs.nav-tabs-top>li>a.active, .nav-tabs.nav-tabs-top>li>a.active:hover, .nav-tabs.nav-tabs-top>li>a.active:focus {
	border-top-color: var(--theme-primary-color);
}

.nav-tabs.nav-tabs-bottom>li {
	margin-bottom: -1px;
}

.nav-tabs.nav-tabs-bottom>li>a.active, .nav-tabs.nav-tabs-bottom>li>a.active:hover,
.nav-tabs.nav-tabs-bottom>li>a.active:focus {
	border-bottom-width: 2px;
	border-color: transparent;
	border-bottom-color: var(--theme-primary-color);
	background-color: transparent;
	transition: none 0s ease 0s;
	-moz-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	-ms-transition: none 0s ease 0s;
	-webkit-transition: none 0s ease 0s;
	font-weight: var(--theme-text-weight-700);
}

.nav-tabs.nav-tabs-solid {
	background-color: var(--theme-bg);
	border: 0;
}

.nav-tabs.nav-tabs-solid>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-tabs-solid>li>a:hover, .nav-tabs.nav-tabs-solid>li>a:focus {
	background-color: var(--theme-bg);
}

.nav-tabs.nav-tabs-solid>.open:not(.active)>a {
	background-color: var(--theme-bg);
	border-color: transparent;
}

.nav-tabs-justified.nav-tabs-top {
	border-bottom: 1px solid var(--theme-border-color);
}

.nav-tabs-justified.nav-tabs-top>li>a,
.nav-tabs-justified.nav-tabs-top>li>a:hover,
.nav-tabs-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.tab-content {
	padding-top: 35px;
}
.header {
	background-color: var(--theme-white-color);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	height: 60px;
}

.header .header-left {
	float: left;
	height: 60px;
	padding: 0 20px;
	position: relative;
	width: 259px;
	z-index: 1;
	transition: all 0.2s ease-in-out;
	display: flex;
	align-items: center;

	box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.03);
	margin-left: 12px;
}

.mini-sidebar .header .header-left {
	justify-content: center;
}

.header .header-left .logo {
	display: inline-block;
	line-height: 375%;
	font-size: var(--theme-logo-text);
	font-weight: var(--theme-text-weight-900);
	color: var(--theme-primary-color);
}
.header .header-left .logo span {
	color: var(--theme-secondary-color);
}

.header .header-left .logo img {
	max-height: 40px;
	width: auto;
}

.header-left .logo.logo-small {
	display: none;
}

.header .dropdown-menu>li>a {
	position: relative;
}

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

.header .has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid var(--theme-border-color);
	border-right: 2px solid var(--theme-border-color);
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 0px;
}

.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.header .dropdown-menu>li>a:focus,
.header .dropdown-menu>li>a:hover {
	background-color: var(--theme-primary-color);
	color: var(--theme-white-color);
}

.header .dropdown-menu>li>a:focus i,
.header .dropdown-menu>li>a:hover i {
	color: var(--theme-white-color);
}

.header .dropdown-menu>li>a {
	padding: 10px 18px;
}

.header .dropdown-menu>li>a i {
	color: var(--theme-primary-color);
	margin-right: 10px;
	text-align: center;
	width: 18px;
}

.header .user-menu .dropdown-menu>li>a i {
	color: var(--theme-primary-color);
	font-size: var(--theme-medium-text);
	margin-right: 10px;
	min-width: 18px;
	text-align: center;
}

.header .user-menu .dropdown-menu>li>a:focus i, .header .user-menu .dropdown-menu>li>a:hover i {
	color: var(--theme-white-color);
}


.slide-nav .sidebar {
	margin-left: 0;
}

.user-header {
	background-color: var(--theme-bg);
	display: flex;
	padding: 10px 15px;
	display:none;
}

.user-header .user-text {
	margin-left: 10px;
}

.user-header .user-text h6 {
	margin-bottom: 2px;
	text-transform: capitalize;
	font-size:var(--theme-small-text);
}
.user-header  .profile-pic-user img {
    height: 35px;
    width: 35px;
}

.menu-title {
	color: var(--theme-border-color);
	display: block;
	font-size:var(--theme-small-text);
	margin-bottom: 5px;
	padding: 0 25px;
}

.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 60px;
	width: 100%;
	z-index: 1000;
}

.sidebar-overlay.opened {
	display: block;
}

html.menu-opened {
	overflow: hidden;
}

html.menu-opened body {
	overflow: hidden;
}

.top-nav-search {
	margin-right: 20px;
	
	
}
.oxyem-search-data {
	position: absolute;
	width: 100%;
	right: 0;
	border: 1px solid var(--theme-border-color);
    margin-top: 10px !important;
	border-radius: 6px;
}
.oxyem-search-empty{border: none !important;}
.oxyem-search-data .oxyem-notifi-dropdown {
    padding: 8px 10px;
}
.oxyem-search-data .oxyem-notifi-dropdown:first-child{
	border-radius:6px 6px 0 0 ;
}
.oxyem-search-data .oxyem-notifi-dropdown:last-child{
	border-radius:0px 0px 6px 6px ;
}
.oxyem-navbar-search{
	display: flex;
	align-items: center;
	float: right;
	margin-right: 15px;
	margin-top:7px;
}

.top-nav-search .oxyem-form {
    /* margin-top: 10px; */
    position: relative;
    width: 13rem;
    transition: width 0.3s ease; /* Add transition property */
}

.top-nav-search .oxyem-form-clicked {
    /* margin-top: 10px; */
    position: relative;
    width: 22rem;
    transition: width 0.3s ease; /* Add transition property */
}

.top-nav-search .form-control {
	border: 1px solid var(--theme-border-serchbar-color);
	border-radius: 50px;
	color: var(--theme-label-color);
	height: 35px;
	padding: 10px 15px 10px 40px;
}

.top-nav-search .btn {
	background-color: transparent;
	border-color: transparent;
	color: var(--theme-box-shadow);
	min-height: 35px;
	padding: 7.5px 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.top-nav-search .form-control::-webkit-input-placeholder {
	color: var(--theme-box-shadow);
	font-weight: var(--theme-text-weight-500);
}

.top-nav-search .form-control::-moz-placeholder {
	color: var(--theme-box-shadow);
	font-weight: var(--theme-text-weight-500);
}

.top-nav-search .form-control:-ms-input-placeholder {
	color: var(--theme-box-shadow);
	font-weight: var(--theme-text-weight-500);
}

.top-nav-search .form-control::-ms-input-placeholder {
	color: var(--theme-box-shadow);
	font-weight: var(--theme-text-weight-500);
}

.top-nav-search .form-control::placeholder {
	color: var(--theme-box-shadow);
	font-weight: var(--theme-text-weight-500);
}

.top-nav-search.active form {
	display: block;
	left: 0;
	position: absolute;
}

.sidebar {
	bottom: 0;
	left: 0;
	margin-top: 0;
	position: fixed;
	top: 60px;
	transition: all 0.2s ease-in-out 0s;
	width: 259px;
	z-index: 7;
	background: var(--theme-white-color);
}

.sidebar.opened {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sidebar-inner {
	height: 100%;
	min-height: 100%;
	transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu {
	padding: 15px;
}

.sidebar-menu ul {
	font-size: var(--theme-small-text);
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.sidebar-menu li a {
	color: var(--theme-secondary-color);
	background: var(--theme-white-color);
	display: block;
	font-size: var(--theme-small-text);
	height: auto;
	padding: 0 20px;
}

.sidebar-menu li a:hover {
	color: var(--theme-white-color);
	background: var(--theme-primary-color);
	border-radius: 6px;
}

.sidebar-menu>ul>li>a:hover {
	background-color: var(--theme-white-color);
	color: var(--theme-primary-color);
	margin: 0px -15px;
	padding-left: 30px;
}

.sidebar-menu li.active>a {
	color: var(--theme-primary-color);
	position: relative;
	margin: 0px -15px;
	padding-left: 30px;
}

.sidebar-menu li.active>a::before {
	width: 6px;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--theme-primary-color);
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 0px 8px 8px 0px;
}

.menu-title {
	color: var(--theme-title-color);
	display: flex;
	font-size:var(--theme-small-text);
	opacity: 1;
	padding: 5px 15px;
	white-space: nowrap;
}

.menu-title>i {
	float: right;
	line-height: 250;
}

.sidebar-menu li.menu-title a {
	color: var(--theme-primary-color);
	display: inline-block;
	margin-left: auto;
	padding: 0;
}

.sidebar-menu li.menu-title a.btn {
	color: var(--theme-white-color);
	display: block;
	float: none;
	font-size: var(--theme-small-text);
	margin-bottom: 15px;
	padding: 10px 15px;
}

.sidebar-menu ul ul a.active {
	color: var(--theme-white-color);
	background: var(--theme-primary-color);
	border-radius: 6px;
}

.mobile_btn {
	display: none;
	float: left;
}

.sidebar .sidebar-menu>ul>li>a span {
	transition: all 0.2s ease-in-out 0s;
	display: inline-block;
	margin-left: 10px;
	white-space: nowrap;
}

.sidebar .sidebar-menu>ul>li>a span.chat-user {
	margin-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar .sidebar-menu>ul>li>a span.badge {
	margin-left: auto;
}

.sidebar-menu ul ul a {
	display: block;
	font-size: var(--theme-small-text);
	padding: 7px 10px 7px 30px;
	position: relative;
	margin-bottom: 2px;
}

.sidebar-menu ul ul {
	display: none;
	margin-left: 15px;
}

.sidebar-menu ul ul ul a {
	padding-left: 65px;
}

.sidebar-menu ul ul ul ul a {
	padding-left: 85px;
}

.sidebar-menu>ul>li {
	margin-bottom: 3px;
	position: relative;
	
}

.sidebar-menu>ul>li:last-child {
	margin-bottom: 0;
}

.sidebar-menu>ul>li>a {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	padding: 12px 15px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu ul li a i {
	display: inline-block;
	font-size: var(--theme-medium-text);
	line-height: 150%;
	text-align: left;
	vertical-align: middle;
	width: 20px;
	transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu ul li.menu-title a i {
	font-size: var(--theme-medium-text);
	margin-right: 0;
	text-align: right;
	width: auto;
}

.sidebar-menu li a>.badge {
	color: var(--theme-white-color);
}

.right-side-views {
	display: none;
}

.main-wrapper {
	width: 100%;
}

.page-wrapper {
	margin-left: 259px;
	position: relative;
	padding-top: 60px;
	padding-bottom: 58px;
	transition: all 0.4s ease;
}

.pass_list ul li {
	text-align: left;
	padding-bottom: 8px;
	font-size: var(--theme-very-small-text);
	font-weight: var(--theme-text-weight-400);
	list-style: disc;
	margin: 0 15px;
}

.menu-buttons {
	width: 30%;
	float: left;
	margin: 10px 0 0 50px;
}

.right-side-bar {
	padding-bottom: 10px;
	flex: 0;
}

.right-side-bar .top-title {
	position: relative;
	padding: 15px;
	border-radius: 0.25rem;
}

.right-side-bar .top-title h1 {
	font-size: var(--theme-medium-text);
	color: var(--theme-primary-color);
	font-weight: var(--theme-text-weight-600);
	text-align: center;
	margin: 0;
}

.right-side-bar .space {
	padding: 15px;
}

.sidebar-menu>ul>li>a .menu-arrow svg {
	width: .6rem;
}

.sidebar-menu .menu-arrow:before {
	display: none;
}



li.sidebar-item.open ul {
	display: block;
}

.sidebar-item:hover {
	background-color: transparent;
}

.sidebar-title {
	display: flex;
	justify-content: space-between;
}

.sidebar-title span i {
	display: inline-block;
	width: 1.5em;
}

.sidebar-title .toggle-btn {
	cursor: pointer;
	transition: transform .3s;
}

.sidebar-item.open>.sidebar-title .toggle-btn {
	transform: rotate(180deg);
}

.sidebar-content {
	padding-top: .25em;
	height: 0;
	overflow: hidden;
	position: relative;
}

.sidebar-item.open>.sidebar-content {
	height: auto;
}

.sidebar-menu li a {
	padding: 0;
}

.sidebar-item .submenu a span {
	margin-left: 10px;
}


.sidebar-item .submenu a svg {
	width: 18px;
}

.sidebar-item .submenu {
	display: flex;
	
}

.sidebar-item .submenu i {
	position: absolute;
	right: 5px;
	padding: 0px 15px;
	top: 12px;
}

.sidebar-item .submenu i:hover {
	right: -5px;
	animation-delay: 2s;
}

.sidebar-menu .sidebar-item li a {
	padding: 12px 15px;
}

.sidebar-menu .sidebar-item li.active a {
	padding: 10px 15px;
	padding-left: 30px;
}

.sidebar-menu .sidebar-content li a {
	padding: 10px 15px;
	width: 100%;
}

.sidebar-menu .sidebar-item li a:hover {
	color: var(--theme-primary-color);
	background: none;
}

.sidebar-menu .sidebar-content li a:hover {
	background: transparent;
}

.sidebar-item .submenu i {
	transform: rotate(0deg);
	transition-duration: .5s;
	cursor: pointer;
}

.sidebar-item.open .submenu i {
	transform: rotate(90deg);
	transition-duration: .5s;
}

.sidebar-item {
	position: relative;
}



.btn-block{width:100%}
.btn{
	font-size: var(--theme-btn-text);
    padding: var(--theme-btn-space);
}
.btn-primary{
	background-color:#fc9134;
    border: 1px solid var(--theme-primary-color);
}
.btn-primary:hover{
	background-color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}
.btn-primary:active{
	background-color: var(--theme-primary-color) !important;
    border: 1px solid var(--theme-primary-color) !important;
}
.btn-primary:focus-visible{
	background-color: var(--theme-primary-color) !important;
    border: 1px solid var(--theme-primary-color) !important;
	box-shadow:var(--theme-box-shadow) !important;
}

.card{
	border: none !important;
	padding: 0px;
}

.oxyem-index{
	margin:10px 0;
}

.user-text h5{
	font-weight: var(--theme-text-weight-700);
}
/*.oxyem-navbar-combine{position: relative;}*/
.oxyem-combine-icons {
    position: absolute;
    width: 325px;
    right: 10px;
    border: 1px solid var(--theme-border-color);
    margin-top: 10px !important;
    border-radius: 6px;
	background:var(--theme-white-color);
	box-shadow:var(--theme-box-shadow);
	max-height: 80vh;
    overflow: auto;
	&::-webkit-scrollbar {
		width: 8px;
	}

	&::-webkit-scrollbar-track {
		background-color: var(--theme-lightgrey-color);
	}

	&::-webkit-scrollbar-thumb {
		background-color: var(--theme-primary-color);
	}
}
.oxyem-header-combine-icons {
	display: flex; flex-wrap: wrap; padding:10px; overflow: auto;
	&::-webkit-scrollbar {
		width: 7px;
	}

	&::-webkit-scrollbar-track {
		background-color: var(--theme-icon-color);
		border-radius: 180px;
	}

	&::-webkit-scrollbar-thumb {
		background-color: var(--theme-primary-color);
		border-radius: 180px;
	}
}
.oxyem-header-combine-icons .inner-icon-box{width: 33.3%; text-align: center; padding: 18px 0;}
.oxyem-header-combine-icons .inner-icon-box:hover{background-color: var(--theme-bg);}
.oxyem-header-combine-icons .inner-icon-box span{display: block; margin-top: 5px; font-size: var(--theme-medium-small-text); color: var(--theme-secondary-color);}
.oxyem-header-combine-icons .inner-icon-box svg{font-size: var(--theme-combine-icon-text);}
.oxyem-header-combine-icons .inner-icon-box img{width: 45px;}

.login-body {
	display: table;
	height: 100vh;
	min-height: 100vh;
}
.sk-log-container {
    min-height: 90vh;
    display: flex;
    align-items: center;
	padding:25px 0px;
}
.login-wrapper {
	width: 100%;
	height: 100%;
}
.login-wrapper .sk-loginbox {
    background-color: var(--theme-white-color);
}
.login-wrapper .sk-loginbox .login-header {
    background-color: var(--theme-lightgrey-color);
    height: 90px;
    margin-bottom: 0px;
}
.login-wrapper .sk-loginbox .login-header .sk-logo-container {
    padding: 8px 0 8px 0px;
}
.login-wrapper .sk-loginbox .login-header .logo {
    font-size: var(--theme-xl-extra-large-text);
    font-weight: var(--theme-text-weight-900);
    color: var(--theme-primary-color);
    vertical-align: middle;
    line-height: 28px;
}
.login-wrapper .sk-loginbox .login-header .logo span{
    color: var(--theme-secondary-color);
}

/*
.login-wrapper .sk-loginbox .login-right {
    align-items: center;
    justify-content: center;
    padding: 40px;
    margin-bottom: 2.5rem;
} */


.login-wrapper .sk-loginbox .login-right {
    align-items: center;
    justify-content: center;
    padding: 0px 40px 0;
    margin-bottom: 2.5rem;
}
.login-footer {
    min-height: 70px;
    background-color: var(--theme-lightgrey-color);
    width: 100%;
    float: left;
    bottom: 0;
}
.login-footer p {
    color: var(--theme-primary-color);
    font-size: var(--theme-small-text);
    text-align: center;
    line-height: 575%;
    margin: 0;
}
.login-wrapper .sk-loginbox .login-right .forgotpass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-bottom: 20px;
   margin-top: 15px;*/
	float: right;
    margin-right: 14px;

}

.login-wrapper .sk-loginbox .login-right .forgotpass a {
    color: var(--theme-primary-color);
    font-size: var(--theme-small-text);
   /* margin-left: auto; */
}
.sk-profile-pass-views{color: var(--theme-primary-color); font-size: var(--theme-medium-text); position: absolute;
    top: 8px;
    right: 15px;}
.sk-login-form-button button{width: 100%;}
.oxyem-user-menu .dropdown-menu {
    width: 285px;
	border: 1px solid var(--theme-border-color);
	margin-top: 10px !important;
}
.topnav-dropdown-header, .topnav-dropdown-footer {
    font-size: var(--theme-small-text);
	padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
	
}
.topnav-dropdown-footer {
   text-align: center;

}
.topnav-dropdown-header, .topnav-dropdown-footer a {
	color: var(--theme-secondary-color);
}
.oxyem-notifi-dropdown .noti-details{
	margin-bottom: 3px;
	white-space: initial;
	font-size: var(--theme-medium-small-text);
	line-height: 17px;
}

.oxyem-notifi-dropdown .oxyem-notifi-image img{
	width: 100%;
	border-radius: 50px;
}
.oxyem-profile-dropdown .noti-details {
    margin-bottom: 0px;
    white-space: initial;
    font-size: var(--theme-medium-small-text);
    line-height: 17px;
	font-weight: var(--theme-text-weight-700);
}
.oxyem-dropdown-toggle span{
    margin-bottom: 0px;
	color: var(--theme-secondary-color);
    font-size: var(--theme-medium-small-text);
	font-weight: var(--theme-text-weight-700);
}
.oxyem-dropdown-toggle svg{
	color: var(--theme-secondary-color);
    font-size: var(--theme-medium-small-text);
	margin-left: 3px;
}
.oxyem-profile-dropdown .noti-time {
    margin-bottom: 2px;
    font-size: var(--theme-medium-small-text);
}
.oxyem-profile-dropdown-link {
	display: block;
    margin-bottom: 2px;
	color: var(--theme-secondary-color);
    font-size: var(--theme-medium-small-text);
	padding: 10px 12px;
	cursor: pointer;
}
.oxyem-profile-dropdown-link svg{
    font-size: var(--theme-medium-small-text);
	margin-right: 3px;
}
.oxyem-profile-dropdown{padding: 10px;}
.oxyem-profile-menu .dropdown-menu{padding: 0; border-radius: 0; transform: translate3d(-10px, 46.6667px, 0px) !important; width: 185px;}
.oxyem-border-bottom{border-bottom: 1px solid var(--theme-border-color);}
.oxyem-user-menu .noti-dropdown .dropdown-toggle{
	position: relative;
	padding: 0px;
}
.oxyem-user-menu .noti-dropdown .badge{
	color: var(--theme-color);
	font-size: var(--theme-medium-small-text);
	
}


.oxyem-user-menu .noti-dropdown .dropdown-toggle svg{
	font-size: var(--theme-medium-text);
	color: var(--theme-icon-color);
	margin:8px 6px;
}
.oxyem-navbar-combine svg{
	font-size: var(--theme-medium-text);
	color: var(--theme-icon-color);
	cursor: pointer;
}
.oxyem-notifi-dropdown {
	background: #f8f8f8;
	    border-bottom: 1px solid #e8e7e7;
    border-left: 3px solid #f8f8f8;
    cursor: pointer;
	
}
 .oxyem-notifi-dropdown:hover {
    border-left: 3px solid var(--theme-color);
	background-color: #fafafa;
}

.oxyem-notifi-dropdown .noti-time{
	margin-bottom: 2px;
	font-size: var(--theme-medium-small-text);
}
.dropdown-item .noti-heading{
	margin-bottom: 1px;
	font-size: var(--theme-medium-small-text);
	font-weight: var(--theme-text-weight-700);
}
.topnav-dropdown-header {
    border-bottom: 1px solid #eee;
}
.topnav-dropdown-header .clear-noti {
    color: var(--theme-color);
    float: right;
    font-size: var(--theme-medium-small-text);
    text-transform: uppercase;
}
.error{color: red; margin-bottom: 15px;}
.oxyem-custom-textarea{min-height: 76px !important;}
.oxyem-team-members{display: flex; padding-left: 0; margin-top: 15px; cursor: pointer; padding-left: 15px;}
.oxyem-team-members li{margin-right: -12px;
    border-radius: 50%;
	width: 30px;
	height: 30px;
    align-items: center;
    font-size: var(--theme-small-text);
	font-weight: var(--theme-text-weight-700);
    display: flex;
    justify-content: center;}
.oxyem-team-members span{margin-right: -12px;
    border-radius: 50%;
	width: 30px;
	height: 30px;
    align-items: center;
    font-size: var(--theme-small-text);
	font-weight: var(--theme-text-weight-700);
    display: flex;
    justify-content: center;}
.oxyem-team-members li.countaddicon{background-color: var(--theme-color); color:var(--theme-white-color); font-size: var(--theme-medium-small-text);}
.oxyem-team-members span.addicon{background-color: var(--theme-bg); box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.05); margin-right: 0px; margin-left: 10px;}
.oxyem-team-members li .sb-avatar__text div{font-size: 14px !important;}
.oxyem-team-members li:hover{ z-index: 99;}
.ReactModal__Overlay {
    z-index: 9999;
    background-color: rgb(39 39 39 / 60%) !important;
}
.ReactModal__Content {
    max-height: 85vh;
    opacity: 1;
    transition: all 1s ease-in-out;
    transform: scale(0.8);
}
.ReactModal__Content {
    min-width: 700px;
    max-width: 700px;
}
.ReactModalPortal .modal-header{position: relative;}
.oxyem-btn-close {position: absolute; right: 0; background: none; border: none;}
.oxyem-btn-close svg{font-size: 1.35rem;}
.oxyem-user-image-select .oxyem-popup-sel{min-height: 150px;}
.oxyem-pop-up-del{padding: 8px 0px;}
.oxyem-custombutton{
	color: var(--theme-white-color);
	background-color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}
.oxyem-custombutton:hover {
	color: var(--theme-white-color);
    background-color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}
.oxyem-cus-select-section {
    display: flex;
	align-items: center;
	padding: 4px;
}
.oxyem-cus-select-section:hover {
    background-color: var(--theme-primary-color);
	cursor: pointer;
}
.oxyem-cus-select-section:hover h6 {
    color: var(--theme-white-color);
}
.oxyem-cus-select-section:hover p {
    color: var(--theme-white-color);
}
.oxyem-cus-select-section .main-text{
    font-size: var(--theme-small-text);
	font-weight: var(--theme-text-weight-600);
}
.oxyem-cus-select-section .sub-text{
    font-size: var(--theme-medium-small-text);
}
.oxyem-cus-select-section .oxyem-user-text h6{  margin-bottom: 0px;}
.oxyem-cus-select-section .oxyem-user-text p{  margin-bottom: 0px;}
.react-datepicker-popper {
    z-index: 999 !important;
	position:absolute !important;
    
}
.react-datepicker__day--selected{background-color: var(--theme-color) !important;}
.react-datepicker__header {
    background-color: var(--theme-lightgrey-color);
    padding: 5px 0;
}
.react-datepicker {
    color: var(--theme-secondary-color);
    font-family: var(--theme-font-family);
	font-size: .7rem;
}
.react-datepicker-wrapper{width: 100%;}
input[type="file"]{
	height:38px;
}

input[type="file"]::-webkit-file-upload-button{
	height:38px;
}
.btn-oxyem{
    border: 1px solid #7d7c7c;
	color: #7d7c7c;
}
.btn-oxyem:hover{
    background-color: #7d7c7c;
	color: #fff;
}



.MuiCheckbox-root {
    display: none;
  }
.MuiFormControlLabel-root .MuiCheckbox-root {
    display: block;
  }
.MuiTableHead-root{background-color: var(--theme-white-color);}
.tss-mwfche-MUIDataTableBodyRow-root {
    border-bottom: 1px solid var(--theme-border-color);
}
#my-tooltip-table-text, #my-tooltip-table-text-name{background-color: var(--theme-tooltipbg) !important; color: var(--theme-secondary-color); border: 1px solid var(--theme-border-tooltipbg);}
.oxyem-tooltip-icon{color: var(--theme-icon-color); cursor: pointer;}
.css-tbvhg0-control{border-color: var(--theme-white-color) !important; box-shadow: 0 0 0 1px var(--theme-white-color) !important;}
.css-uzk62e-indicatorSeparator{background-color: #ff9b44 !important;}
.MuiTableHead-root th{ padding: 6px;}
.MuiPaper-root{box-shadow:none;}
.MuiTableCell-paddingCheckbox{display: none;}
.css-11mde6h-MuiPaper-root{box-shadow: none !important;}
.MuiTableBody-root td{padding: 9px 4px 9px 12px; max-width: 220px; font-family: var(--theme-font-family); font-size: var(--theme-small-text);}
.MuiTableFooter-root .css-1q1u3t4-MuiTableRow-root{background-color: var(--theme-white-color) !important;}
.oxyem-mark-deallocated , .oxyem-mark-Deallocated { color: #353131; font-size: var(--theme-small-text60); background-color: #dadada;
    padding: 4px; border-radius: 15px; cursor: default; width: 80px; display: block; text-align: center; text-transform: capitalize;
}

.oxyem-mark-decommissioned, .oxyem-mark-Decommissioned { color: #f6ffe8; font-size: var(--theme-small-text60); background-color: #ff5959; padding: 4px; border-radius: 15px; cursor: default; width: 100%; display: block; text-align: center; text-transform: capitalize; }
.oxyem-mark-active ,.oxyem-mark-Active, .oxyem-mark-Complete, .oxyem-mark-complete, .oxyem-mark-Allocated, .oxyem-mark-submit, .oxyem-mark-verified, .oxyem-mark-submitted, .oxyem-mark-Shortlisted, .oxyem-mark-shortlisted, .oxyem-mark-won, .oxyem-mark-Won, .leave-won ,.oxyem-mark-updated, .oxyem-mark-confirmed, .oxyem-mark-Confirmed , .oxyem-mark-Generated , .oxyem-mark-generated {color: var(--theme-active-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-active-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block; 
    text-align: center; text-transform: capitalize;}
/* .oxyem-mark-Paid, .oxyem-mark-paid {
    color: #26af48;
    font-size: var(--theme-small-text60);
    background-color: #b7eed5;
    padding: 4px;
    border-radius: 15px;
    cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
} */

.oxyem-mark-available , .oxyem-mark-Available { color: var(--theme-active-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-active-color);
    padding: 4px; border-radius: 15px; cursor: default; width: 80px; display: block; text-align: center; text-transform: capitalize;
}

.oxyem-mark-hold { color: #666766; font-size: var(--theme-small-text60); background-color: #ffdada; padding: 4px; border-radius: 15px;
    cursor: default; width: 80px; display: block; text-align: center; text-transform: capitalize;
}

.oxyem-mark-inactive, .oxyem-mark-Inactive, .oxyem-mark-reject, .oxyem-mark-Deallocate, .oxyem-mark-InActive, .oxyem-mark-inActive{color: var(--theme-inactive-color-text);  font-size: var(--theme-small-text60); background-color: var(--theme-inactive-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;}
.oxyem-mark-pending, .oxyem-mark-inprogress{color: var(--theme-pending-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-pending-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;}
.oxyem-mark-info{color: var(--theme-info-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-info-color); padding: 4px;
		border-radius: 15px; cursor: default;
		width: 80px;
		display: block;
		text-align: center; text-transform: capitalize;}
	.oxyem-mark-inProgress , .oxyem-mark-inprogress, .oxyem-mark-Inprogress{
		color: var(--theme-active-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-active-color); 
		padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
	}

.oxyem-mark-recalled{color: var(--theme-pending-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-pending-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;}
.oxyem-without-btn{font-size: var(--theme-medium-text); width: 28px; height: 28px; line-height: .5rem; border-radius: 3px; cursor: pointer; margin: 0px 3px; border: none; padding: 0px;
    background-color: transparent;}
.oxyem-mark-delete svg{color: red; text-transform: capitalize;}
.MuiTableHead-root th, .MuiButtonBase-root{
    color: var(--theme-dropdown-color);
    font-weight: var(--theme-text-weight-600);
    font-family: var(--theme-font-family);
	font-size: var(--theme-small-text);
	
	
}



.MuiTablePagination-selectLabel{margin-bottom: 0px !important;}
.MuiTablePagination-displayedRows{margin-bottom: 0px !important;}



.oxyem-top-box-design .stats-info {
    background: #fff;
    border-radius: 6px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 2px #f1f0f0;
    -moz-box-shadow: 0 0 5px 2px #f1f0f0;
    box-shadow: 0 0 5px 2px #f1f0f0;
    padding:40px 20px;
	display: flex;
	align-items: center;
	min-height: 165px;
}
.design-only-attendence .stats-info {
	display: block;
	align-items: center;
	padding:25px 20px;
	min-height: 155px;
}
.design-only-attendence .stats-info1 {
	display: flex;
	align-items: center;
}
.design-only-attendence .stats-info h6{
	font-size: var(--theme-medium-text);
	font-weight: var(--theme-text-weight-600);
	line-height: 1.5;
	color: var(--theme-grey-color);
	margin-top: 10px;
}
.stats-1 {
    padding: 11px;
    background-color: var(--theme-light-primary-color);
    border-radius: 50px;
    margin-right: 15px;
	height: 60px;
    width: 60px;
}
.oxyem-top-box-design .stats-info .stats-1 svg{font-size: var(--theme-big-icon-text); color: var(--theme-primary-color);}
.oxyem-top-box-design .stats-info .stats-1 svg path{color: var(--theme-primary-color);}
.oxyem-top-box-design .stats-info .stats-2 {width: 100%;}
.oxyem-top-box-design .stats-info .stats-2 h6{font-size: var(--theme-medium-text); line-height: 1.35;}
.oxyem-top-box-design .stats-info h4{
	font-size: var( --theme-large-text);
    margin-bottom: 0;
	font-weight: var(--theme-text-weight-600);
}
.oxyem-top-box-design{margin-bottom: 30px;}
.design-only-attendence{display: flex;}
.design-only-attendence .stats-info{width: 25%; margin: 0px 8px; }
.oxyem-create-attendenc-section{background-color: var(--theme-white-color); display: flex;
    padding: 20px;
    border-radius: 8px; margin-bottom: 25px; align-items: center;}
.oxyem-create-attendenc-section .main-text-for-attendence{ margin: 0px 10px; width: 40%; font-size: var(--theme-medium-text); font-weight: var(--theme-text-weight-600);
}
.oxyem-create-attendenc-section .main-text-for-attendence{width: 80%; margin: 0px 10px;}
.oxyem-create-attendenc-section .main-text-for-attendence .form-control{border-radius: 40px;}
.oxyem-create-attendenc-section .attendence-button{width: 20%; margin: 0px 10px; position: relative;}
.oxyem-create-attendenc-section .attendence-button svg{position: absolute;    top: 30%;
    right: 6px;
    font-size: 2rem; background-color: #fff; color: #FF003D;     padding: 4px;
    border-radius: 50%;}
.oxyem-create-attendenc-section .attendence-button span{
    display: block;
}
.oxyem-create-attendenc-section .attendence-checkin{ color: #fff;
    background: #0EBC6B; border-radius: 8px;  padding: 10px; cursor: pointer;}
.oxyem-create-attendenc-section .attendence-checkout{ color: #fff;
    background: #FF000F; border-radius: 8px;  padding: 10px; cursor: pointer;}
.oxyem-filter-button {
    padding: 10px 12px;
    border-radius: 50px;
}
.oxyem-filter-button svg{font-size: var(--theme-medium-text);}
.oxyem-search-fillter.oxyem-show {
    transition: height .7s ease-in-out, opacity 1.5s ease-in-out;
    opacity: 1;
    height: 315px;
}
.oxyem-search-fillter {
    transition: height .7s ease-in-out, opacity .3s ease-in-out;
    height: 0;
    opacity: 0;
}
.oxyem-custom-table-profile{display: flex; align-items: center;}
.oxyem-custom-table-profile .oxyem-table-link{color: var(--theme-secondary-color); margin-left: 5px; text-transform: capitalize;}
.oxyem-custom-table-profile .oxyem-table-link:hover{color: var(--theme-primary-color);}
.oxyem-right-label{position: absolute; top: -16px; right: 0; color: var(--theme-primary-color); cursor: pointer; font-size: var(--theme-medium-small-text);}
.oxyem-form-check{display: flex; align-items: center;}
.oxyem-form-check span {
	margin-left: 10px;
    width: 100%;
    line-height: 18px;
    font-size: var(--theme-medium-small-text);
}
.checkbox-form-group{margin-bottom: 15px !important;}
.checkbox-wrapper-31:hover .check {
    stroke-dashoffset: 0;
  }

  .checkbox-wrapper-31 {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
	line-height: 22px;
  }
  .checkbox-wrapper-31 .background {
    fill: var(--theme-icon-color);
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .checkbox-wrapper-31 .stroke {
    fill: none;
    stroke: var(--theme-white-color);
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-dashoffset: 100;
    stroke-dasharray: 100;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .checkbox-wrapper-31 .check {
    fill: none;
    stroke: var(--theme-white-color);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke-dashoffset: 22;
    stroke-dasharray: 22;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .checkbox-wrapper-31 input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    appearance: none;
    -webkit-appearance: none;
  }
  .checkbox-wrapper-31 input[type=checkbox]:hover {
    cursor: pointer;
  }
  .checkbox-wrapper-31 input[type=checkbox]:checked + svg .background {
    fill: var(--theme-primary-color);
  }
  .checkbox-wrapper-31 input[type=checkbox]:checked + svg .stroke {
    stroke-dashoffset: 0;
  }
  .checkbox-wrapper-31 input[type=checkbox]:checked + svg .check {
    stroke-dashoffset: 0;
  }
  
  
.oxyem-form-radio {
    display: flex;
    align-items: center;
	margin-bottom: 12px;

}
.oxyem-form-radio span{
    margin-left: 15px;
}

input[type="radio"]:checked {
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);

}

input[type="checkbox"]:checked {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

input[type="checkbox"] {
	cursor: pointer;
	transform: scale(1.2);
}

input[type="radio"] {
	cursor: pointer;
	transform: scale(1.6);
}
input[type="radio"]:focus {
	border-color: var(--theme-primary-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem #fa7e122e;
}
.btn:disabled{
	background-color: var(--theme-primary-color) !important;
	border: 1px solid var(--theme-primary-color) !important;
	box-shadow: var(--theme-box-shadow) !important;
}
.spinner {

	text-align: center;
  }

  .spinner>div {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
  }
  
  .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
  }
  
  @-webkit-keyframes sk-bouncedelay {
  
	0%,
	80%,
	100% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
  
	40% {
	  -webkit-transform: scale(1.0);
	  transform: scale(1.0);
	}
  }
  
  @keyframes sk-bouncedelay {
  
	0%,
	80%,
	100% {
	  transform: scale(0);
	}
  
	40% {
	  transform: scale(1.0);
	}
  }
.css-10by3a5-MuiButtonBase-root-MuiMenuItem-root-MuiTablePagination-menuItem {
        font-weight: var(--theme-text-weight-500) !important;
}
.tss-10rusft-MUIDataTableToolbar-icon svg{color:var(--theme-primary-color)}
.breadcrum-btn{
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 30px;
    border-radius: 50px;
}
.breadcrum-btn svg{
    font-size: var(--theme-medium-text);
}
.oxyem-custom-breadcrumb ul{margin-bottom:0px;}
.oxyem-custom-breadcrumb{margin-bottom:15px; margin-top:10px;}
.custom-calender-oxyem {position: relative;}
.custom-calender-oxyem svg{
    position: absolute;
    right: 11px;
    top: 25%;
    font-size: .85rem;
    cursor: pointer;
}
.oxyem-delete-popup-c svg{font-size: var(--theme-xll-large-text); color: var(--theme-inactive-color-text);}
.btn-yes{
	background-color: var(--theme-active-color);
	color: var(--theme-active-color-text);
    border: 1px solid var(--theme-active-color-text);
	margin: 0px 8px;
}
.btn-yes:hover, .btn-yes:focus, .btn-yes:focus-visible, .btn-yes:active{
	background-color: var(--theme-active-color-text) !important;
	color: var(--theme-active-color);
    border: 1px solid var(--theme-active-color-text);
}
.btn-no{
	background-color: var(--theme-inactive-color);
	color: var(--theme-inactive-color-text);
    border: 1px solid var(--theme-inactive-color-text);
	margin: 0px 8px;
}
.btn-no:hover, .btn-no:focus, .btn-no:focus-visible, .btn-no:active{
	background-color: var(--theme-inactive-color-text) !important;
	color: var(--theme-inactive-color);
    border: 1px solid var(--theme-inactive-color-text);
}
.oxyem-delete-popup-c{padding: 30px 15px;}
.oxyem-delete-btn-section{margin-top: 30px; display: block; margin-bottom: 5px;}
@media (min-width: 992px) {
	#toggle_btn {
        align-items: center;
        color: var(--theme-secondary-color);
        display: inline-flex;
        float: left;
        font-size: var(--theme-extra-large-text);
        height: 48px;
        width: 48px;
        justify-content: center;
        padding: 0 10px;
        position: absolute;
        left: -22px;
        z-index: 99;
        top: 10px;
		cursor: pointer;
    }
	
	
	#toggle_btn svg{
		width:48px;
		height:48px;
	}

	.mini-sidebar .menu-toggle #toggle_btn {
		left: 5px;
	}
	
	
	
	.menu-toggle  {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.mini-sidebar .header-left .logo img {
		height: auto;
		max-height: 40px;
		width: auto;
	}
	.mini-sidebar .header .header-left .logo {
		display: none;
	}
	.mini-sidebar .header-left .logo.logo-small {
		display: block;
		font-size:var(--theme-medium-text);
	}
	.mini-sidebar .header .header-left {
		padding: 0 5px;
		width: 68px;
	}
	.mini-sidebar .sidebar {
		width: 78px;
	}
	.mini-sidebar.expand-menu .sidebar {
		width: 240px;
	}
	.mini-sidebar .menu-title {
		visibility: hidden;
		white-space: nowrap;
	}
	.mini-sidebar.expand-menu .menu-title {
		visibility: visible;
	}
	.mini-sidebar .menu-title a {
		visibility: hidden;
	}
	.mini-sidebar.expand-menu .menu-title a {
		visibility: visible;
	}
	.modal-open.mini-sidebar .sidebar {
		z-index: 1051;
	}
	.mini-sidebar .sidebar .sidebar-menu ul > li > a span {
		display: none;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}
	.mini-sidebar .sidebar-item .submenu a span {
		display: none;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}
	.mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a span {
		display: inline;
		opacity: 1;
	}
	.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li > a i {
		width: 20px;
	}
	.mini-sidebar .page-wrapper {
		margin-left: 78px;
	}
	.oxyem-mobile-bottom-nav{display: none;}
}

@media (max-width: 575px) {
	
.box_status_bar_s{
		font-size: .7rem !important;
	}
	
	.finacial_year_box{
		font-size: .7rem !Important;
	}
	
	.oxyem-main-attendance_dashborad .oxyem-graph-tab .nav-link{
		padding-left:25px !important;
		padding-right:25px !important;
	}
	
	.tab_section_performance .performace_form_visible, .tab_section_performance .performace_form_visible_h{
		height:auto !important;
	}
	
	#performance-module .oxyem-mobile-card-body{
		margin-top:0px;
	}
	
	.oxyem-main-perform_dashborad .tab-content{
		min-height:55vh !important;
	}
	
	
	.oxyem-mobile-card-body{
		margin-top:0px;
	}
	
	.stats-info.stats-info-cus img{
		display:inline-block !important;
	}
	
	
	
	.page-wrapper {
    margin-left: 0px !important;
	
	}
	
	
	.oxyem-btn-close{
		top:-5px;
	}
	
	
	.user-name{
		font-size:24px !important;
	}
	
	.profile-info-left .text-muted{
		font-size:14px !important;
	}
	
	.profile-info-left h4 {
		font-size:16px !Important;
	}
	
	
.oxyem-stoke-template-grid{
	display:block !important;
}

.oxyem-stoke-template-box{
	width:100% !important;
	margin-bottom:20px; 
}



	
	#mover-oxyem-select{
		display:inline-block !important;
		width:100%;
	}
	
	#mover-oxyem-select .mover-main-container{
		width:100% !important;
	}
	
	.res_logo_text{
		position: absolute;
    bottom: -18px;
    left: 7px;
    font-size: 12px;
	}
	
	.card .card-title{
		font-size:15px !important;
	}
	
	
.menu-toggle{display: none;}
.page-wrapper {margin-left: 0px;}
.oxyem-mobile-card-body{padding:15px 0 ;}
.oxyem-mobile-bottom-nav {
	display:none;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    background-color: var(--theme-primary-color);
    height: 60px;
    padding: 0 10px;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: var(--theme-box-shadow);
	will-change: transform;
    transform: translateZ(0);
    z-index: 99999;
}
.oxyem-mobile-nav {
	flex-grow: 1;
	text-align: center;
	font-size: var(--theme-small-text);
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:15%;
}

.oxyem-nav-link{
	display: flex;
	flex-direction: column;
	color:var(--theme-white-color);
	font-size: var(--theme-very-small-text);
	font-weight: 500;
}

.oxyem-nav-link:hover {
    color: var(--theme-white-color);
}
.oxyem-mobile-nav svg {
	font-size: var(--theme-large-text);
	display: block;
	margin: 0px auto 2px auto;
}
.header {
    display: flex;
}
.header-left .logo {
    display: none !important;
}
.header-left .logo.logo-small {
    display: block !important;
	line-height: 30%;
}
.header .header-left .logo.logo-small {
    font-size: var(--theme-mobile-logo-text);
}
.header .header-left {
	width: 115px;
    padding: 0 10px;
	background-color: transparent;
}
.top-nav-search .oxyem-form {
    margin-top: 0px;
    width: 8.75rem;
    transition: width 0.8s ease, left 0.8s ease; /* Combine transitions */
    left: auto;
}
.oxyem-navbar-combine{margin-right: 15px;}
.top-nav-search .oxyem-form-clicked {
    margin-top: 0px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 9;
    transition: width 0.8s ease, left 0.8s ease; /* Combine transitions */
}

.oxyem-dropdown-toggle span{display: none;}
.top-nav-search {
    margin-right: 15px;
}
.oxyem-profile-menu .oxyem-dropdown-toggle{padding: 0;}


.claim-detail-v-page li .title {
	width: 45% !important;
}

.claim-detail-doc-page li .title{
	width: 70% !important;
}

.step-circle {
    width: 35px !important;
    height: 35px !important;
}

.btn{
 padding : 0.4rem 0.6rem !important;
}

.tss-qbo1l6-MUIDataTableToolbar-actions {
	text-align: end !important;
}

.tss-1cv15xf-MUIDataTableJumpToPage-selectRoot{
	margin-right: 10px !important;
}

.container-custom-boi .box p span.label {
    width: 50%;
    text-align: justify;
    padding: 0px 0px 0px 35px !important;
    font-size: 0.7rem;
}

.container-custom-boi .box p span.value {
    width: 50%;
    text-align: justify;
    padding: 0px 20px !important;
    font-size: 0.7rem;
}

.container-custom-boi .box-empinfo { min-height: 270px !important; }
.payroll_emp_in_all_text h6 { font-size: 1rem !important; }
.payroll_emp_in_name h5 { font-size: 1.5rem !important; }
.boi-view-heading { font-size: 0.9rem !important; }
}

.btnotpvalidate{
	background-color:#FA7E12 !important
}
@media (max-width: 1281px) {
.MuiTableBody-root td {   
    max-width: 140px;
	font-size: var(--theme-medium-small-text);
}
.MuiTableHead-root th, .MuiButtonBase-root {
    font-size: var(--theme-medium-small-text);
    text-transform: capitalize !important;
}
.oxyem-without-btn {
   font-size: var(--theme-semi-medium-text);
   width: 25px;
    height: 25px;
}
.MuiTableBody-root td {
    max-width: 190px;
}
.tss-1fbujeu-MUIDataTableHeadCell-toolButton {
    margin-left: -8px;
    min-width: 0;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 0px;
}
.oxyem-top-box-design .stats-info {
    padding:30px 15px;
	min-height: 120px;
}

.stats-info-cus h4{
	font-size:2rem;
}

.stats-1 {
    margin-right: 10px;
	height: 55px;
    width: 	55px;
}
.oxyem-top-box-design .stats-info .stats-1 svg{font-size: var(--theme-medium-icon-text);}
.oxyem-top-box-design .stats-info .stats-2 h6{font-size: var(--theme-semi-medium-text); line-height: 1.35;}
}

.btn-cancel {
	border:1px solid #6C757D;
	border-radius:5px;
	color:#6C757D;
	padding: 5px 35px;
}
 
.btn-cancel:hover {
	background:#6C757D;
	border-radius:5px;
	color:#fff;
}
 
.btn-submit {
	background: #FF9B44;
	border-radius:5px;
	color:#fff;
	padding: 5px 35px;
}
 
.btn-submit:hover {
	background:#FA7E12;
	border-radius:5px;
	color:#fff;
}
 
 
.btn-recall {
	border:1px solid #26AF48;
	border-radius:5px;
	color:#26AF48;
	padding: 5px 35px;
}
 
.btn-recall:hover {
	background:#26AF48;
	border-radius:5px;
	color:#fff;
}
 
 
/*---- css ----*/


/*---- css ----*/

/* Profile dashboard */


.profile-view .profile-basic .profile-info-left .staff-id {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
}


.profile-view .profile-basic .profile-info-left .phone {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}

.profile-view .profile-basic .profile-info-left .email {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}

.profile-view .profile-basic .profile-info-left .location {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}


.personal-info li {
    padding: 10px 15px;
}

.personal-info li:nth-child(even) { background:#FCFCFC !important; }
.personal-info li:nth-child(odd) { background:#F8F8F8 !important;}




.top-details li:nth-child(even) { background:none !important; }
.top-details li:nth-child(odd) { background:none !important;}



.table-responsive  tr:nth-child(odd) { background:#FCFCFC !important; }
.table-responsive  tr:nth-child(even) { background:#F8F8F8 !important;}


.table>:not(caption)>*>*{
	box-shadow:none;
}


.add-btn{
	width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FF9B44;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
}

.accordion-header{
	background: #F8F8F8;
    padding: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;

}



.faq-heading {
   
  font-weight: 500;
  font-size: 20px;
   /* -webkit-transition: text-indent 0.2s; */
   transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;


}

.faq-text {
   
  font-weight: 400;
  color: #919191;
  width:95%;
  padding-left:20px;
  margin-bottom:30px;
}

.faq {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
}
.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 50px;
}

.faq input[type="checkbox"] {
  display: none;
}

.faq .faq-arrow {
  width: 8px;
  height:8px;
  /* transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); */
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), 
            -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -30px;
  right: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 /* .faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
} */
.faq input[type="checkbox"]:checked + label > .faq-arrow {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), 
                -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
 .faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255,255,255,255) !important;
 /*  color: #4f7351; */
  height: 310px;
  /* transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); */
  -webkit-transition: height 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: height 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

 .faq input[type='checkbox']:not(:checked) + label {
  display: block;
  /* transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); */

  -webkit-transition: height 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: height 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}








.profile-view .profile-img-wrap img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

.profile-img-wrap {
    height: 120px;
    position: absolute;
    width: 120px;
    background: #fff;
    overflow: hidden;
}

.profile-view .profile-basic {
    margin-left: 140px;
 }

.profile-view .profile-basic .profile-info-left {
    border-right: 2px dashed #ccc;
}

.personal-info li .title {
    color: #333;
    float: left;
    font-weight: 600;
    margin-right: 30px;
    width: 48%;
}
.personal-info li .text {
    color: #888;
    display: block;
    overflow: hidden;
}
 
.card .card-title {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.experience-box {
    position: relative;
}

.experience-box .experience-list::before {
    background: #ddd;
    bottom: 0;
    content: "";
    width: 2px;
    position: absolute;
    top: 8px;
    left: 40px;
}

.experience-box .experience-list li .experience-user {
    background: #fff;
    height: 10px;
    width: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    left: 4px;
}

.experience-box .experience-list li .experience-content {
    background-color: #fff;
    margin: 0 0 20px 40px;
    padding: 0;
    position: relative;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}



.personal-info li:nth-child(odd) {
    background: #F8F8F8 !important;
}

.personal-info {
list-style: none;
    padding: 0;
    margin: 0;
}

.experience-box .experience-list li .experience-user {
    background: #fff;
    height: 10px;
    width: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    left: 4px;
}
.experience-box .experience-list li .experience-user .before-circle {
    background-color: #ddd;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.experience-box .experience-list li .experience-content .timeline-content a.name {
    color: #616161;
    font-weight: 700;
}

.experience-box .experience-list li .experience-content .time {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 1.35;
}

.add-btn-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FF9B44;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    float: right;
	cursor: pointer;
}

.file-download-icon{
cursor: pointer;
}

.mandatory-doc-table{
	--bs-body-bg: #F8F8F8;
}
.login-danger{
color: red;
}

.edit-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	padding: 0px 5px;
	cursor: pointer;
	height:20px;
	width:20px;
}


.profile-img {
	position: relative;
}

.css-16epbcf-MuiTypography-root{
font-size: 0.80rem !important;
}
.css-levciy-MuiTablePagination-displayedRows{
font-size: 0.80rem !important;
}
.css-pdct74-MuiTablePagination-selectLabel{
font-size: 0.80rem !important;
}

.personal-info-header li .text {
    color: #888;
    display: block;
    overflow: hidden;
}

.personal-info-header li .title {
    color: #333;
    float: left;
    font-weight: 600;
    margin-right: 20px;
    /* width: 40%; */
}

.personal-info-header {
    list-style: none;
    padding: 0;
    margin: 0;
}
.personal-info-header li {
    padding: 5px;
}

.personal-info-header-right li .text {
    color: #888;
    display: block;
    overflow: hidden;
}

.personal-info-header-right li .title {
    color: #333;
    float: left;
    font-weight: 600;

    width: 25%;
}

.personal-info-header-right {
    list-style: none;
    padding: 0;
    margin: 0;
}
.personal-info-header-right li {
    padding: 5px 0;
}
.allocation-edit-icon svg{font-size: 1.15rem; cursor: pointer;}

.profile-info-left h3{
    font-size: 1rem;
    line-height: 1.5rem;
}

.profile-info-left h4{
    font-size: .85rem;
}



@media (max-width: 575px) {
	
	.perfomace_id_page .tab_count_text{
		text-align:center;
		line-height:17px;
	}
	
	.perfomace_id_page .nav-item .skolrup-profile-tab-link {
    justify-content: left;
}
	.oxyem-main-graph-sec .graph-main-box {
	margin-bottom: 20px;
}
.design-only-attendence {
    display: flex;
    flex-wrap: wrap;
}

.oxyem-create-attendenc-section {
    display: block;
}
.oxyem-create-attendenc-section .main-text-for-attendence {
    width: 100%;
    margin: 0px 10px 20px 10px;
}
.oxyem-create-attendenc-section .attendence-button {
    width: 100% !important;
    margin: 25px 10px 0px 10px;
}
}

.profile-info-left h3{
    font-size: 1rem;
    line-height: 0.8rem;
}

.profile-info-left h4{
    font-size: .85rem;
}

.oxyem-custom-dropdown .css-qdf4or-control {
    height: 38px;
}

.oxyem-attendence-popup h6{
	font-size: var(--theme-medium-text);
	font-weight: var(--theme-text-weight-600);
}
.oxyem-attendence-popup h6 .top-inner-text{
	font-size: var(--theme-semi-medium-text);
	font-weight: var(--theme-text-weight-600);
	margin-left: 10px;
}
.oxyem-attendence-popup h6 .top-inner-text .top-inner-time{
	color: var(--theme-grey-color);
}
.oxyem-attendence-popup-card {
    box-shadow: 0 0 5px 2px #f1f0f0;
    padding: 20px;
    margin-top: 25px;
    display: flex;
	align-items: center;
	text-align: center;
}

.oxyem-attendence-popup-card .card1{
    width: 30%;
	text-align: left;
}
.oxyem-attendence-popup-card .card2{
    width: 40%;
}
.oxyem-attendence-popup-card .card3{
    width: 30%;
	text-align: left;
	padding-left: 20px;
}
.oxyem-attendence-popup-card .card2 .line{
    width: 100%;
    display: block;
    background: var(--theme-grey-color);
    height: 2px;
}
.oxyem-attendence-popup-card .card1{
    text-align: left;
}
.oxyem-attendence-popup-card .card1 span, .oxyem-attendence-popup-card .card3 span{
    display: flex;
	text-transform: capitalize;
}
.oxyem-attendence-popup-card .card1 .inner_text{
    display: inline-flex;
	color: var(--theme-active-color-text);
	font-weight: var(--theme-text-weight-600);
}
.oxyem-attendence-popup-card svg{
   font-size: 1rem;
   margin-right: 5px;
}
.oxyem-attendence-popup-card .main_text_2 svg{
    font-size: 1.35rem;
    margin-left: -2px;
}
.oxyem-attendence-popup-card .main_text{
   margin-top: 8px;
}
.oxyem-attendence-popup-card .card3 .inner_text{
    display: inline-flex;
	color: var(--theme-inactive-color-text);
	font-weight: var(--theme-text-weight-600);
}
.oxyem-attendence-popup-card .card1 .bottom_text, .oxyem-attendence-popup-card .card3 .bottom_text{
    display: inline-flex;
	color: var(--theme-grey-color);
}
.oxyem-attendence-popup-card-bottom{align-items: baseline;}
.oxyem-attendence-popup-card-bottom .card1,  .oxyem-attendence-popup-card-bottom .card3{width: 25%;}
.oxyem-attendence-popup-card-bottom .card2{width: 50%;}
.oxyem-attendence-popup-card-bottom .card1, .oxyem-attendence-popup-card-bottom .card2, .oxyem-attendence-popup-card-bottom .card3{position: relative; text-align: left;}
.oxyem-attendence-popup-card-bottom .card1 div, .oxyem-attendence-popup-card-bottom .card2 div, .oxyem-attendence-popup-card-bottom .card3 div{font-weight: var(--theme-text-weight-600); margin-left: 8px;}
.oxyem-attendence-popup-card-bottom .sideline{
    position: absolute;
    left: 0;
	top: -3px;
}
.attendence_update_btn{margin-top: 25px;}
.oxyem-attendence-popup-card-bottom .card1 .sideline, .oxyem-attendence-popup-card-bottom .card3 .sideline{
	height: 45px;
	width: 2px;
	background: var(--theme-active-color-text);
}
.oxyem-attendence-popup-card-bottom .card2 .sideline{
	height: 45px;
	width: 2px;
	display: block;
	background: var(--theme-inactive-color-text);
}



#leaderboard-emp-dashboard .oxyem-graph-tab li {
	width:50%;
}

.oxyem-graph-tab{ border-bottom: none;}
.oxyem-graph-tab li {cursor: pointer; border-bottom: 2px solid var(--theme-border-color) !important; }
.oxyem-graph-tab li.active { border-bottom: 2px solid var(--theme-primary-color) !important; }
.oxyem-main-graph-sec .tab-content {
    padding: 30px;
    padding-top: 35px;
}
.oxyem-main-graph-sec .graph-main-box {
	min-height: 350px;
	margin-bottom: 0px;
    
    box-shadow: 0 0 5px 2px #f1f0f0;
}
.graph-main-box h3{
	font-size: var(--theme-medium-text);
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
}
.graph-main-box .graph-top-head{
	display: flex;
    align-items: center;
	margin-bottom: 35px;
	padding:15px 20px 10px 20px;
	border-bottom: 1px solid var(--theme-border-color);
}


  
.stats-info-cus{
    box-shadow: none !important;
    border: 1px dashed #ccc;
    padding: 15px !important;
	cursor: pointer;
}
.stats-info-cus:hover{
   background-color: var(--theme-bg);
}
.stats-info-cus img{
    width: 30px !important;
}
.stats-info-cus h4{
    font-size: 2rem !important;
    margin: 5px 0px 0px 0px !important;
	font-weight: var(--theme-text-weight-800);
	
}
.stats-info-cus .all_attendence{
	color: var(--theme-active-color-text);
}
.stats-info-cus .month_attendence{
	color: var(--theme-active-color-text);
}
.stats-info-cus .week_attendence{
	color: var(--theme-active-color-text);
}
.stats-info-cus .notsubmit_attendence{
	color: #FF000F;
}
.stats-info-cus h6{
    font-size: .78rem !important;
	margin-top: 0px !important;
	font-weight: var(--theme-text-weight-400) !important;
}
.go2072408551 {

    border-radius: 3px;
}


.btn-reject, .btn-approve{margin: 0px 5px 5px;}
.btn-approve{color: var(--theme-active-color-text); border: 1px solid var(--theme-active-color-text);}
.btn-reject{color: var(--theme-inactive-color-text); border: 1px solid var(--theme-inactive-color-text);}
.btn-approve:hover, .btn-approve:focus, .btn-approve:active{color: var(--theme-white-color); background-color: var(--theme-active-color-text); border: 1px solid var(--theme-active-color-text);}
.btn-reject:hover, .btn-reject:focus, .btn-reject:active{color: var(--theme-white-color); background-color: var(--theme-inactive-color-text); border: 1px solid var(--theme-inactive-color-text);}
.checkbox-wrapper-19 {
    box-sizing: border-box;
    --background-color: #fff;
    --checkbox-height: 15px;
	margin: 0px 4px;
  }

  @-moz-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @-webkit-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-webkit-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-moz-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  .checkbox-wrapper-19 input[type=checkbox] {
    display: none;
  }

  .checkbox-wrapper-19 .check-box {
	margin-bottom: -3px !important; 
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .13) solid #4caf50;
    border-radius: 1px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
  }
  .checkbox-wrapper-19 .check-box::before,
  .checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #34b93d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
  }
  .checkbox-wrapper-19 .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .checkbox-wrapper-19 .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
  .checkbox-wrapper-19 .check-box.checked {
    border-color: #34b93d;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
  .checkbox-wrapper-19 .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
  .checkbox-wrapper-19 .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
  }
  .oxyem-mark-history svg{font-size: 1rem; color: var(--theme-color);}
  .oxyem-mark-edit1 svg{font-size: .9rem; color: var(--theme-pending-color-text);}
/* styles/CustomDrawer.css */
.custom-drawer {
	width: 515px !important; /* Set your desired width here */
	z-index: 999999 !important;
	padding: 20px !important;
	overflow: scroll;
	max-width:100% !important;
  }
  
  .drawer-content {
	position: relative;
	padding: 20px; /* Add padding as needed */
  }
  
  .custom-drawer .close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 20px;
  }
  
  .custom-overlay {
	background-color: rgba(0, 0, 0, 0.4) !important; /* Set your desired overlay color here */
	z-index: 99999 !important;
  }
  .design-only-attendence{margin-bottom:0px;}


  .oxyem-mark-approved, .oxyem-mark-reject, .oxyem-mark-rejected, .oxyem-mark-approve, .oxyem-mark-Approve { 
	font-size: var(--theme-small-text60);
	padding: 4px;
    border-radius: 15px;
    cursor: pointer;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
	    cursor: default;
  }

.oxyem-mark-approved, .oxyem-mark-approve, .oxyem-mark-Approve {
    color: #064428;
    background-color: #97ecac;
	    cursor: default;
}
  .oxyem-mark-reject, .oxyem-mark-rejected{
	cursor: default;
    color: var(--theme-inactive-color-text);
    background-color: var(--theme-inactive-color);
}
.oxyem-mark-view svg{color:var( --theme-primary-color);}
.oxyem-mark-confirm svg {
    color: var(--theme-active-color-text);
}
.oxyem-mark-recall svg{font-size: 1.2rem; color: #FF000F;}
.oxyem-leave-popup-side span{font-size: var(--theme-semi-medium-text); text-transform: capitalize;}
.custom-leave-box-side{
    display: flex;
    align-items: center;
	margin-top: 20px;
}
.oxyem-leave-popup-side {padding: 10px;}
.oxyem-leave-popup-side h6{margin-bottom: 40px; font-size: var(--theme-large-text);}
.custom-leave-box-side .btn-span-leave{
	font-size: var(--theme-small-text60);
}
.custom-leave-box-side .oxyem-rigth-box-side{
	margin-left: 15px;
}

.nav-tabs .nav-link:hover {
	background-color: #ededed !important; 
	cursor: pointer;
}
.edit-icon-color{
	color: var(--theme-pending-color-text);
	cursor: pointer;
	margin-right: 11px;
}

.oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic{
	background-color: var(--theme-lightgrey-color);     
	width: 35px;
    height: 35px;
    border-radius: 50px;
    display: block;
	line-height: 35px;
	padding: 0px 0px;
	text-align:center;
}
.oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic svg{
	font-size: 1.3rem;
}
.oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic:hover{
	background-color: var(--theme-primary-color);
}
.oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic:hover svg{
	color: var(--theme-white-color);
}
.oxyem-navbar-search .oxyem-user-menu .nav-item{
	background-color: var(--theme-lightgrey-color);     
	width: 35px;
    height: 35px;
    border-radius: 50px;
    display: block;
	line-height: 35px;
	padding: 0px 0px;
	text-align:center;
}
.oxyem-navbar-search .oxyem-user-menu .nav-item .translate-middle {
    transform: translate(-87%, -22%) !important;
}
.oxyem-navbar-search .oxyem-user-menu .nav-item:hover{
	background-color: var(--theme-primary-color);
}
.oxyem-navbar-search .oxyem-user-menu .nav-item:hover svg, .oxyem-navbar-search .oxyem-user-menu .nav-item:hover .badge{
	color: var(--theme-white-color);
}









.main-view-box-leave{
	
	margin-top: 25px;
}
.main-view-box-leave .top-box-leave {
    position: relative;
	padding: 15px 15px 8px 15px; 
	
}
.main-view-box-leave .detail-box-leave {
    position: relative;
	padding: 8px 15px 8px 15px;
	
}
.main-view-box-leave .top-box-leave h5{
    text-align: center;
	margin-bottom: 0px;
	font-size: var(--theme-medium-text);
	font-weight: var(--theme-text-weight-600);
	width:85%;
}

.main-view-box-leave .top-box-leave .top-box-leave-right, .main-view-box-leave .detail-box-leave .top-box-leave-right{
    position: absolute;
	top:35px;
	right: 0;
	padding: 5px 8px;
    cursor: pointer;
    width: 80px;
	border-radius: 15px;
    display: block;
    text-align: center;
    text-transform: capitalize;
	font-size: var(--theme-small-text60);
}
.main-view-box-leave .top-box-leave .top-box-leave-right{
    top:10px;
}
.main-view-box-leave .leave-approved, .main-view-box-leave .leave-Approved, .leave-Approve, .leave-Active , .leave-active{
	color: #064428;
    background-color: #97ecac;
    
}
.main-view-box-leave .leave-recalled, .main-view-box-leave .leave-Recalled{
    color: var(--theme-pending-color-text);
    background-color: var(--theme-pending-color);
}
.main-view-box-leave .leave-Submitted, .main-view-box-leave .leave-submitted{
    color: var(--theme-active-color-text);
    background-color: var(--theme-active-color);
}
.main-view-box-leave .leave-rejected, .main-view-box-leave .leave-Rejected, .main-view-box-leave .leave-Reject, .main-view-box-leave .leave-reject{
	color: var(--theme-inactive-color-text);
    background-color: var(--theme-inactive-color);

}

.top-box-other-text{
	font-size: var(--theme-small-text);
	
}

.top-box-other-text span{
	padding: 0px 5px;
}
.detail-box-leave .top-box-other-text {
	display: flex;
	margin-top: 14px;
	align-items: center;
}
.top-box-other-text .start_text_d{
	color: var(--theme-secondary-color);
    display: block;
	min-width: 90px;
}
.top-box-other-text .end_text_d{
	margin-left: 5px;
}
.top-box-other-text-detail{
	border-top: 1px solid var(--theme-border-color);
	padding-top: 15px;
	color: var(--theme-grey-color);
	font-size: .65rem;
	padding-bottom: 15px;
}
.experience-box .experience-list li {
    position: relative;
}
.css-r8u8y9 .MuiButtonBase-root{font-weight:100;}
.oxyem-time-managment .oxyem-team-members {
    margin: 0px !important;
}
.oxyem-time-managment .oxyem-custom-dropdown {
    margin-bottom: 0px !important;
}
.oxyem-time-managment .oxyem-custom-dropdown .css-my3gbk-control {
    min-width: 175px;
}
.oxyem-user-time-select {
    min-height: 225px;
}
.oxyem-user-time-select .oxyem-popup-sel-time-man{
    min-height: 55px;
}
.oxyem-custombutton-time-rem{
	background: none;
    border: none;
	line-height: 30px;
	color: var(--theme-inactive-color-text);
}
.oxyem-custombutton-time-rem svg{
	font-size: var(--theme-medium-text);
	color: var(--theme-inactive-color-text);
}
.css-1nmdiq5-menu{position: absolute !important;}
.oxyem-time-managment .oxyem-time-mang-format .error {
    margin-bottom: 0px;
    font-size: .6rem;
    position: absolute;
    z-index: 99;
	bottom: 0;
}
.oxyem-time-managment .MuiTableBody-root td {
    padding: 12px 4px 12px 4px;
	position: relative;
}
.oxyem-time-mang-format .oxyem-custom-dropdown .css-1wxabdw-control {
    min-height: 35px;
}
 .oxyem-time-mang-format .form-control {
    height: 35px !important;
}

.oxyem-time-mang-format .oxyem-custom-dropdown .css-my3gbk-control {
    height: 35px;
}

.oxyem-time-mang-format .oxyem-custom-dropdown .css-qdf4or-control {
    height: 35px;
}
.oxyem-time-mang-format .oxyem-team-members .sb-avatar {
    margin-right: 0px !important;
}
.oxyem-time-mang-format .oxtem-table-custom-pic {
    min-width: 110px ;
}
.oxyem-time-mang-format .oxyem-custom-class-input {
    min-width: 200px ;
}

.custom_class_applied_leave .css-1ex1afd-MuiTableCell-root{color: red;}
.custom_class_applied_leave .oxyem-custom-table-profile .oxyem-table-link{color: red;}
.custom_class_applied_leave .oxyem-mark-submit{
	color: var(--theme-inactive-color-text);
    background-color: var(--theme-inactive-color);
}
.custom_class_applied_leave .sb-avatar__text{
	color: var(--theme-inactive-color-text) !important;
    background-color: var(--theme-inactive-color) !important;
}
.custom_class_applied_leave .checkbox-wrapper-19 .check-box {
    border: calc(var(--checkbox-height)* .13) solid var(--theme-inactive-color-text);
}
.custom_class_applied_leave .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box, .custom_class_applied_leave .checkbox-wrapper-19 .check-box.checked {
    border-color: var(--theme-inactive-color-text);
}

.custom_class_applied_leave .checkbox-wrapper-19 .check-box::before, .custom_class_applied_leave .checkbox-wrapper-19 .check-box::after {
    background-color: var(--theme-inactive-color);
}
.custom_class_applied_leave .css-q34dxg{color: red !important;}

/* table input */

 .table-input-oxyem tr:nth-child(even) {
	background-color: #f8f8f8;
}
.table-input-oxyem tr:nth-child(odd) {
	background-color: #FCFCFC;
}

.table-input-oxyem td {
	padding: 5px 15px;
}

.table-input-oxyem th  {
	padding: 12px 15px;
}

.table-input-oxyem .title {
	font-weight: 600;
}
.table-input-oxyem .title2 {
	font-weight: 600; 
	padding: 12px 20px;
}
.table-input-oxyem .heading {
	background-color: #f2f2f2 !important;
	
}

.table-input-oxyem input[type="text"] {
    height: 40px !important;
}

.table-input-oxyem .annualSalary {
	background-color: #e4e4e4 !important;
	font-weight: 600;
}
.table-input-oxyem .monthlySalary {
	background-color: #f1f1f1 !important;
	font-weight: 600;
	
}

.table-input-oxyem{
	width: 100%;
	margin-bottom: 30px;
}

.oxyem-profile-link-head .main_emp_name{
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
	text-transform: capitalize;
}
.oxyem-profile-link-head .main_emp_name_icon{
	color: var(--theme-secondary-color);
	font-size: var(--theme-medium-text);
	margin-left: 3px;
}

.shift-heading-box{
	width: 33% !important;
	min-height: 130px !important;
}
/* ::-webkit-scrollbar {
  display: none;
} */
.custom-drawer{
  overflow-x:hidden;
  overflow-y:auto;
  max-height:100vh;
}
.custom-drawer::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.custom-drawer::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.custom-drawer::-webkit-scrollbar-thumb
{
	background-color: var(--theme-primary-color);
}
.hide-body-scroll{overflow: hidden;}


/* scrollbar */
.tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar {
	width: 7px;
	height: 7px;
  }
  
  .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 2px;
	border-radius: 2px;
  }
  
  .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  
  .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.3);
  }
.oxyem-time-managment_table .timesheet-table-th-other{min-width: 100px;}
.oxyem-time-managment_table .timesheet-table-th-sr{max-width: 40px;}
.oxyem-time-managment_table .timesheet-emp{max-height: 38px; padding-right: 0px; padding-left: 5px; text-align: center;}

.shift-history-status{ top: 80px !important; }

.oxyem-time-managment_table .timesheet-table-th-other{min-width: 105px;}
.oxyem-time-managment_table .timesheet-table-th-sr{max-width: 40px;}
.oxyem-time-managment_table .timesheet-emp{max-height: 38px;}


.custom_class_emp_timesheet td:nth-child(1) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon, .custom_class_emp_timesheet td:nth-child(2) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon, .custom_class_emp_timesheet td:nth-child(3) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	display: none;
  }
  .custom_class_emp_timesheet .form-control{
	pointer-events: none;
	border: none;
	background-color: transparent !important;
  }
  .oxyem-time-managment_table .MuiTableHead-root th, .oxyem-time-managment_table .MuiButtonBase-root {
    color: var(--theme-dropdown-color);
    font-weight: var(--theme-text-weight-600);
    font-family: var(--theme-font-family);
    font-size: var(--theme-small-text);
}
.oxyem-mark-allocation-btn svg{color:var(--theme-info-color); font-size: 1rem;}
.oxyem-mark-deallocation-btn svg{color:#FF000F; font-size: 1rem;}
.table_btn_disabled svg{
	color: #cccaca;
}
.checkbox-wrapper-19.table_btn_disabled .check-box{
	border-color: #cccaca !important;
}

  .oxyem-time-managment_table .custom_last_row:last-child td:nth-child(1) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	display: none;
  }
  .oxyem-time-managment_table .custom_last_row:last-child td:nth-child(2) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	display: none;
  }
  .oxyem-time-managment_table .custom_last_row:last-child td:nth-child(3) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	display: none;
  }  
  .oxyem-time-managment_table .custom_last_row:last-child td:nth-child(4) .tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	display: none;
  }
  .oxyem-time-managment_table .custom_last_row:last-child .form-control{
	pointer-events: none;
	border: none;
	background-color: transparent !important;
  }
  .oxyem-time-managment_table .time_hightlight_test_minus{
	color: red;
}

.oxyem-action-buttons {
	display: flex;
}
.oxyem-action-buttons .oxyem-without-btn {
    width: auto;
    height: auto;
	cursor:pointer;
}
.oxyem-time-mang-format .tss-1cdcmys-MUIDataTable-responsiveBase {
    overflow: inherit;
}
.oxyem-time-mang-format .oxyem-custom-dropdown .css-my3gbk-control {
    min-width: 115px;
}
.oxyem-time-mang-format .oxyem-custom-dropdown .css-qdf4or-control {
    min-width: 115px;
}
.oxyem-time-mang-format input.form-control {
    min-width: 100px;
    padding: 7px;
}
.oxyem-time-mang-format .form-control:disabled{
    min-width: 70px;
	max-width: 100px;
    padding: 7px;
}
.oxyem-time-mang-format .oxyem-custom-dropdown .css-1wxabdw-control {
    min-height: 35px;
    height: 35px;
    min-width: 100px;
}
.oxyem-pop-up-del-top{
	margin-bottom: 10px;
}
.oxyem-pop-up-del-top span{
	font-weight: var(--theme-text-weight-600);
}
  span.oxyem-mark-open,  span.oxyem-mark-Open, .leave-open, .leave-Open{
	color: var(--theme-pending-color-text);
    background-color: var(--theme-pending-color);
    padding: 4px;
    font-size: var(--theme-small-text60);
    padding: 4px;
    border-radius: 15px;
   cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.oxyem-mark-assignmem {
    background-color: transparent;
    border: none;
    text-align: center;
    margin: 0px auto;
    width: 50%;
	cursor: pointer;
}
.oxyem-mark-assignmem svg{
	font-size: var(--theme-extra-large-text);
	color: var(--theme-color);
}


.card-assign-mem {
    border: 0px;
    margin-bottom: 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 20px rgba(55, 55, 89, 0.04);
    background: #fff;
}
.card-assign-mem .card-body {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
.card-assign-mem .user-profile {
    border-bottom: 1px solid rgba(55, 55, 89, 0.1);
}
.card-assign-mem .card-profile__info{
    padding-left: 0px;
}
.card-assign-mem h5{
    font-size: 1rem;
}


.oxyem-assign-member-inner-box {
    padding: 20px 10px;
}
.oxyem-assign-member-inner-box .oxyem-pop-up-member-assign-top{
	margin-top: 5px;
	margin-bottom: 5px;
}
.oxyem-assign-member-inner-box .oxyem-pop-up-member-assign-top span{
	font-size: .8rem;
	font-weight: var(--theme-text-weight-600);
}
.oxyem-assign-member-inner-box .oxyem-pop-up-member-assign{
	padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted var(--theme-border-color);
}
.oxyem-assign-member-inner-box .assign-profile-s {
    display: flex;
}
.oxyem-assign-member-inner-box .assign-profile-s .assign-profile-name-text{
    display: block;
	cursor: pointer;
}
.oxyem-assign-member-inner-box .assign-profile-s .assign-profile-name-text:hover{
    color: var(--theme-primary-color);
}
.oxyem-assign-member-inner-box .assign-profile-s .assign-profile-designation-text{
    display: block;
	font-size: var(--theme-medium-small-text);
	color: var( --theme-grey-color);
}

 .btn-recall-btn{
	border:1px solid var(--theme-inactive-color-text);
	border-radius:5px;
	color:var(--theme-inactive-color-text);
	padding: 8px 35px;
 }
 .btn-recall-btn:hover{
	background:var(--theme-inactive-color-text);
	border-radius:5px;
	color:#fff;
 }
 .btn-oxyem {
    text-transform: capitalize;
 }
 
  .Footer_footer_oxyem_fixed {
    position: fixed;
    width: 100%;
    bottom: 0px;
	padding: 17px 0px;
	background: #fff;
    text-align: center;

}

.Footer_footer_oxyem_fixed .text_footer_b {
    color: var(--theme-secondary-color);
}
.Footer_footer_oxyem_fixed .text_footer_b span {
	color: var(--theme-primary-color);
	font-size:var(--theme-semi-medium-text);
	    font-weight: 600;
}
.padding_oxyem_left{padding-left:25px;}


@media screen and (min-width: 1024px) {
	
.design-only-timesheetemp .stats-info {
    width: 47.6%;
}
	
}


.disabled-class-dropdown{background-color: #cccbcb;}
.oxyem-cus-select-section:hover {
    background-color: var(--dropdownhoverbg);
    cursor: pointer;
}
.disabled-class-dropdown .oxyem-cus-select-section h6, .disabled-class-dropdown .oxyem-cus-select-section p, .disabled-class-dropdown .oxyem-cus-select-section .sub-text {
    color: var(--theme-white-color);
}
.disabled-class-dropdown .oxyem-cus-select-section .oxyem_dropdown_selected_icon svg{
    color: var(--theme-white-color);
}
.disabled-class-dropdown .oxyem-cus-select-section .oxyem_dropdown_selected_icon{
	width: 95px;
	margin-bottom: 0;
}
.disabled-class-dropdown .oxyem-cus-select-section .oxyem_dropdown_selected_icon .sub-text{
    font-size: .58rem;
	margin-left: 5px;
}
.oxyem-cus-select-section .oxyem-user-text h6 {
    text-transform: capitalize;
}
.oxyem-user-time-select #myTabContent {
    min-height: 110px;
}
.disabled-class-dropdown .oxyem-cus-select-section:hover{background-color: var(--theme-grey-color);}
.disabled-class-dropdown .oxyem_dropdown_selected_icon{text-align: end;}
.disabled-class-dropdown {cursor: not-allowed;}
.disabled-class-dropdown .oxyem-cus-select-section{cursor: not-allowed; align-items: center;}
.disabled-class-dropdown .dropdown_section_1{width: 15%;}
.disabled-class-dropdown .dropdown_section_2{width: 50%;}
.disabled-class-dropdown .dropdown_section_3{width: 35%;}
.oxyem-user-time-select .css-my3gbk-control{min-height: 38px !important;}
.timesheet-table-th-otherfield{width: 70px;}
.design-only-timesheetemp .stats-info {
    width: 18.7%;
}
.allownce_table {
	padding: 20px;
}

.allownce_table table {
	width: 100%;
}

.allownce_table .heading {
	font-size: var(--theme-small-text);
}
.table-input-oxyem tr td {
    font-size: var(--theme-small-text);
}

.allownce_table .monthlySalary .title,
.allownce_table .annualSalary .title {
	font-size: var(--theme-small-text);
}

.allownce_table .monthlySalary .total_count,
.allownce_table .annualSalary .total_count {
	font-size: var(--theme-semi-medium-text);
}

.allownce_table .monthlySalary td,
.allownce_table .annualSalary td {
	padding: 12px 15px;
}

.payroll_page_main {
	padding: 0px 15px;
}

.payroll_page_main .payroll_header_section .main_logo {
	text-align: end;
	font-size: var(--theme-lg-extra-large-text);
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
}

.payroll_page_main .payroll_header_section .main_logo span {
	color: var(--theme-primary-color)
}

.payroll_page_main .payroll_header_section {
	padding: 20px 0;
	border-bottom: 1px solid var(--theme-secondary-color);
}

.payroll_page_main .payroll_header_section .text_heaader_1 {
	font-size: var(--theme-semi-medium-text);
	font-weight: var(--theme-text-weight-600);
	margin-bottom: .5rem;
}

.payroll_page_main .payroll_header_section .text_heaader_2 {
	font-size: var(--theme-semi-medium-text);
	margin-bottom: .5rem;
}

.payroll_page_main .payroll_header_section .text_heaader_3 {
	font-size: var(--theme-semi-medium-text);
	margin-bottom: .5rem;
}

.payroll_page_main .payroll_header_section .text_heaader_3 span {
	font-weight: var(--theme-text-weight-600);
}

.payroll_emp_info_section {
	padding: 5px 0;
}

.payroll_emp_info_section .payroll_emp_in_name {
	color: var(--theme-color);
	margin-bottom: 15px;
	text-transform:capitalize;
}

.payroll_emp_info_section .payroll_emp_in_all_text p{
	font-size: var(--theme-semi-medium-text);
	color: var(--theme-secondary-color);
}
.payroll_emp_info_section .payroll_emp_in_all_text p span{ 
	font-weight: var(--theme-text-weight-600);
}

.payroll_emp_info_section .payroll_emp_net_pay_box {
	padding: 55px 20px;
    max-width: 200px;
    min-width: 200px;
    text-align: center;
	float: right;
	border: 1px solid var(--theme-secondary-color);
}
.payroll_emp_info_section .payroll_emp_net_pay_box .card-title{
	font-size: var(--theme-medium-text);
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
	margin-bottom: .5rem;
}
.payroll_emp_info_section .payroll_emp_net_pay_box .card-text{
	font-size: var(--theme-semi-medium-text);
	color: var(--theme-color);
	font-weight: var(--theme-text-weight-600);
}

.payroll_netpay_info_section {
	padding: 25px 0;
}

.payroll_netpay_info_section h3 {
	font-size: var(--theme-large-text);
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
}

.payroll_salary_info_table {
	margin-bottom: 30px;
}

.payroll_salary_info_table tr th {
	background-color: var(--theme-lightgrey-color);
}

.payroll_salary_info_table tr th,
.payroll_salary_info_table tr td {
	padding: 12px 8px;
}

.payroll_netpay_info_section p {
	font-size: var(--theme-semi-medium-text);
	color: var(--theme-secondary-color);
	font-weight: var(--theme-text-weight-600);
}
.input_left_lable{display: flex; align-items: center;}
.input_left_lable label{
	position: relative;    
	top: auto;
 	background-color: transparent; 
	min-width: 275px;
	padding: 0;
	font-weight: 600;
}
.allownce_inerr_text {
    padding: 0 20px 0px;
    text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}
.allownce_inerr_text span{
	    color: var(--theme-active-color-text);
    font-size: var(--theme-small-text60);
    background-color: var(--theme-active-color);
    padding: 4px;
    border-radius: 15px;
	padding: 5px 15px;
}
.emp_payroll_main{
	position: relative;
}
.emp_payroll_main .allownce_inerr_text {
    position: absolute;
    top: 0;
	right:0;
}
.emp_payroll_main_dash .allownce_inerr_text {top:-30px;}
#oxyem_basketallownce_page .css-flxz60-control, #oxyem_basketallownce_page .css-10ir7nv-control{
	min-height: 38px;
}
#oxyem_basketallownce_page .disabled-span{display:none;}
.allownce_table_emp .table-input-oxyem tr td{padding: 15px;}

.oxyem-mark-ViewSlip, .oxyem-mark-viewSlip, .oxyem-mark-viewslip {
    color: var(--theme-white-color);
    font-size: var(--theme-small-text60);
    background-color: var(--theme-primary-color);
    padding: 4px;
    border-radius: 15px;
    cursor: pointer;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.oxyem-mark-ViewSlip svg, .oxyem-mark-viewSlip svg, .oxyem-mark-viewslip svg {
    color: var(--theme-white-color);
	margin-right: 2px;
	font-size: var(--theme-medium-small-text);
}

.oxyem-mark-Generated, .oxyem-mark-generated, .leave-generated, .leave-Generated{
	color: #0ab39c;
    font-size: var(--theme-small-text60);
    background-color: #daf4f0;
    padding: 4px;
    border-radius: 15px;
    cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.oxyem-mark-Paid, .oxyem-mark-paid, .leave-paid, .leave-Paid{
	color: #26af48;
    font-size: var(--theme-small-text60);
    background-color: #b7eed5;
    padding: 4px;
    border-radius: 15px;
    cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.oxyem-mark-unpaid, .oxyem-mark-unPaid, .oxyem-mark-UnPaid, .leave-UnPaid, .leave-unPaid, .leave-unPaid, .oxyem-mark-Applied, .oxyem-mark-applied{
	color: #f8a921;
    font-size: var(--theme-small-text60);
    background-color: #fef4e4;
    padding: 4px;
    border-radius: 15px;
    cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.oxyem-mark-Draft, .oxyem-mark-draft, .leave-draft, .leave-Draft, .oxyem-mark-loss, .oxyem-mark-Loss, .leave-loss, .leave-Loss, .oxyem-mark-Reject, .oxyem-mark-reject{
	color: var(--theme-inactive-color-text);  
	font-size: var(--theme-small-text60); 
	background-color: var(--theme-inactive-color); 
	padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
}
.oxyem-timesheet-popup_w .oxyem-timesheet_main_text{margin-bottom:20px;}
.oxyem-timesheet-popup_w .oxyem-btn-close {
    top: 8px;
}

.oxyem-timesheet-popup_w .oxyem-timesheet-popup-button{margin-top:100px}


.react-datepicker__month-wrapper div {
    margin: 10px !important;
}

.ox_add_new_field{position: relative;}
.ox_add_new_field .ox_field_delete_btn {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: -20px;
	cursor: pointer;
}
.ox_add_new_field .ox_field_delete_btn svg{
    color: var(--theme-inactive-color-text);
}
.form-group .text_with_input{
	font-size: var(--theme-medium-text);
	font-weight: var(--theme-text-weight-600);
	color: var(--theme-primary-color);
}
span.add_icon_with_input {
   background: var(--theme-primary-color);
    color: var(--theme-white-color);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 15px;
    width: 80px;
    margin-left: 10px;
	font-size: var(--theme-small-text60);
}
span.add_icon_with_input svg{
    padding-right: 3px;
	color: var(--theme-white-color);
}

.oxyem-mark-basketofallow{
	width: 25px;
	height: 25px;
}
.oxyem-mark-basketofallow svg{
	font-size: 1.1rem;
}

/* Claim css */
.tracking-claim-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px; /* Adjusts the space between circles */
  }

.step-circle {
		  width: 50px;
          height: 50px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
}
.step-circle.active {
	background-color: var(--theme-active-color);
    color: var(--theme-active-color-text);
}

.step-circle.step-circle-pending {
	background-color: #ccc;
  }
.step-arrow {
	width: 100%;
	height: 3px;
	background-color: #4CAF50;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.step-arrow-submit {
	background-color: green;
  }

  .step-circle.step-arrow-submit {
	background-color: green;
  }

.step-arrow:after {
	content: '';
	position: absolute;
	right: -10px;
	top: -4px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #4CAF50;
}
.claim-v-history{
	padding-bottom: 0px !important;
}

.step-circle-pending {
	background-color: #c4c7c4;
}

.step-arrow-pending:after {
	
	border-left: 10px solid var(--theme-active-color);
}

.step-arrow-pending {
	
	background-color: var(--theme-active-color);
}

.claim-list-doc-detail{
	margin-left: 65px;
}

.claim-detail-v-page li .title{
	width: 30% ;
}

.claim-detail-doc-page li .text{
 cursor: pointer;
 color: var(--theme-primary-color);
}

.claim-detail-doc-page li .title{
	font-weight: 500;
	margin-left: 30px;
   }

.claim-detail-doc-page-title{
	margin-left: 5px;
}

/* Claim End CSS */

.header_attendance_modu {
	display: flex;
	align-items: center;
	float: left;
	margin-right: 15px;
	height: 60px;
	margin-left: 60px;
}

.header_attendance_modu .attendence-checkin {
	color: #fff;
	background: #0EBC6B;
	border-radius: 8px;
	padding: 6px 45px 6px 6px;
	cursor: pointer;
	position: relative;
}

.header_attendance_modu{font-size: var(--theme-medium-small-text);}
.header_attendance_modu .inner_time_section .inner_time_text1 {
	margin-left: 5px;
}

.header_attendance_modu .inner_time_section .inner_time_text2 {
	display: block;
}

.header_attendance_modu .oxyem-background-bg {
	position: absolute;
	right: 7px;
	top: 8px;
}

.header_attendance_modu .oxyem-background-bg svg {
	font-size: 1.6rem;
	background-color: #fff;
	color: #FF003D;
	padding: 4px;
	border-radius: 50%;
}
.header_attendance_modu .attendence-checkout {
	color: #fff;
	background: #FF000F;
	border-radius: 8px;
	padding: 6px 45px 6px 6px;
	cursor: pointer;
	position: relative;
}
@media screen and (max-width: 475px) {
.header_attendance_modu {
	display:none;
}	
}
.oxy_chat_box {
    border: 1px solid #f1f0f0;
	min-height: 320px;
}
.oxy_chat_box .oxy_chat_inner_text{
    text-align: center;
	margin-top: 60px;
}

.oxy_chat_box .oxy_chat_inner_text p{
    font-size: var(--theme-lg-extra-large-text);
	font-weight: var(--theme-text-weight-600);
	color: #e97132;
}
.oxy_chat_box .oxy_chat_inner_text img{
    width: 55px;
	display: block;
    text-align: center;
    margin: 0px auto 5px auto;
}
.oxy_table_check {
    background:#daf2d0 !important;
}
.oxy_table_uncheck {
    background: #f1a983 !important;
}
.oxy_table_uncheck, .oxy_table_check{
    text-align: center;
}
.oxy_table_uncheck svg, .oxy_table_check svg{
    font-size: 1.25rem;
	margin-top: 7px;
}
.oxy_table_uncheck svg{
	color:var(--theme-white-color)
}
.task_bar_profile .pr_text{
	color: var(--theme-secondary-color);
    margin-left: 5px;
    text-transform: capitalize;
	font-family: var(--theme-font-family);
    font-size: var(--theme-small-text);
	cursor: pointer;
}
.taskbar-leave_section_page .head_text, .taskbar-attendance_section_page .head_text{
	margin-bottom: 10px;
}

.taskbar-notification_section_page{
	padding:10px 0px;
	border-radius:10px;
	margin-top: 8px;
	border:1px dotted #e4e2e2;
	min-height:200px;
	max-height: 200px;
}
.taskbar-notification_section_page .oxyem-cus-select-section:hover {
    background-color: transparent;
    cursor: pointer;
}
.taskbar-notification_section_page  .oxyem-cus-select-section:hover p, .taskbar-notification_section_page  .oxyem-cus-select-section:hover h6 {
    color: var(--theme-secondary-color);
}
.sk-taskbar_ico{display: flex;}
.oxyem-ds-Approve svg, .oxyem-ds-Reject svg, .oxyem-ds-View svg{font-size: 1rem; color: #fff;}
.oxyem-ds-Approve {
    display: block;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 20px;
    background: var(--theme-active-color-text);
	margin: 0px 5px;
	cursor: pointer;
}
.oxyem-ds-Reject {
    display: block;
    width: 28px;
    height: 28px;
    padding: 4px 6px;
    border-radius: 20px;
    background: var(--theme-inactive-color-text);
	margin: 0px 5px;
	cursor: pointer;
}
.oxyem-ds-View {
	display: block;
	margin: 0px 5px;
    width: 28px;
    height: 28px;
    padding: 4px 6px;
    border-radius: 15px;
    background: var(--theme-primary-color);
	cursor: pointer;
}
.oxyem-navbar-task .oxyem-comb-tsk{
    background-color: var(--theme-lightgrey-color);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: block;
    line-height: 35px;
    padding: 0px 0px;
	margin-right: 17px;
	text-align:center;
}
.oxyem-navbar-task .oxyem-comb-tsk:hover{
    background-color: var(--theme-primary-color);
}
.oxyem-navbar-task .oxyem-comb-tsk:hover svg{
    color: #fff;
}

.oxyem-navbar-task .oxyem-comb-tsk svg {
    font-size: 1.1rem;
    color: var(--theme-icon-color);
    cursor: pointer;
}

.custom_padding_taskbar{
	padding: 5px !important;
}

.claim-detail-doc-page li .remark{
	cursor: pointer;
	color: var(--theme-title-color) !important;
 }
 .oxyem-mark-approved.oxyem-mark-basketofallow{
	 color:var(--theme-active-color-text);
 }
 
 .task_bar_cs_padding{
	 padding:5px;
 }
 #sk-taskbar-page .taskbar_bottom_collapsed_section{max-height:205px; overflow:auto !important; padding-right:5px;} 
	 #sk-taskbar-page .taskbar_bottom_collapsed_section thead{
            position: sticky;
            top: -1px;
            z-index: 9;
	 }
 #sk-taskbar-page .taskbar_bottom_collapsed_section::-webkit-scrollbar {width: 8px;}
 #sk-taskbar-page .taskbar_bottom_collapsed_section::-webkit-scrollbar-track {border-radius:4px; background-color: var(--theme-lightgrey-color);}
 #sk-taskbar-page .taskbar_bottom_collapsed_section::-webkit-scrollbar-thumb {border-radius:4px; background-color: var(--theme-primary-color);}
 #sk-taskbar-page .taskbar-notification_section_page .head_text{margin-bottom:10px;}
 #sk-taskbar-page .head_text{font-size:.80rem; margin-bottom: 0; font-weight:600;}
 #sk-taskbar-page .custom-table-taskbar{margin-top:5px; margin-bottom: 5px;}
 #sk-taskbar-page .custom-table-taskbar td{padding: 2px;
    border: 1px solid #ffffff;
    font-size: .60rem;}
 #sk-taskbar-page .custom-table-taskbar .task_bar_profile{border: none;}
 .cs_button_task svg{
	 font-size:.75rem;
	 color:var(--theme-secondary-color);
 }
 .oxy_table_holiday {
	background-color: var(--theme-pending-color) !important;
}

.oxy_table_weekend {
    background: #f2f4f3 !important;
}
.custom-card-padding-0{
	padding: 0;
}
.task_page_main{
	padding: 0px 5px;
}
.task_page_main_1{
	padding: 0px;
}
.cs_button_task {
    background-color: var(--theme-lightgrey-color);
    border-radius: 50px;
    padding: 5px 8px;
}
.cs_button_task:hover {
    background-color: var(--theme-lightgrey-color);
}
.custom-table-taskbar tr th{text-align: center; font-weight: 500;
    font-size: .65rem;}
.highlight_pt_txt{
	background-color: #009688;
	font-size:.65rem;
	color: #ffffff;
	border-radius: 14px;
	min-width: 110px;
	padding: 5px 10px;
	text-align: center;
	position: absolute;
    right: 25%;
}
.oxy_table_added{
	background-color:#e49edd !important;
	text-align:center;
	    line-height: 3;
}
.oxy_table_full{
	background-color: red !important;
	text-align:center;
	    line-height: 3;
}

/* Traking claim */
.step-circle.active {
	background-color: green !important;
	color: white !important;
  }
  
  
  .step-circle.next-pending {
	background-color: var(--theme-active-color) !important;
	color: green !important;
  }
  
  
  .step-circle.pending {
	background-color: rgb(168, 165, 165);
	color: white;
  }
  
  

  /* Arrows for the Submitted Step */
.step-arrow.submitted-active {
	background-color: green; 
  }
  .step-arrow.submitted-next-pending {
	
	background-color: var(--theme-active-color) !important;
  }
  
  /* Arrows for the Verified Step */
  .step-arrow.verified-active {
	background-color: green; /* Active */
  }
  .step-arrow.verified-next-pending {
	background-color: var(--theme-active-color) !important;
  }
  
  /* Arrows for the Approved Step */
  .step-arrow.approved-active {
	background-color: green; 
  }
  .step-arrow.approved-next-pending {
	background-color: var(--theme-active-color) !important;
  }
  
  /* Default Arrow (Gray) */
  .step-arrow.pending {
	background-color: gray !important;
  }

  step-arrow-pending::after{
	background-color: gray !important;
  }
  
  /*End Traking claim */
  
  
  
  
  .oxy_dashboard_img{width: 85px;}
.oxy_chat_box_stat{padding: 10px 30px;}
.custom_padding_taskbar_box {
    display: flex;
    align-items: end;
	margin-bottom: 15px;
}
.custom_padding_taskbar_box .oxy_tsk_1{
    font-size: 2.75rem;
	font-weight: var(--theme-text-weight-700);
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}
.custom_padding_taskbar_box .oxy_tsk_2{
    font-size: .9rem;
	font-weight: var(--theme-text-weight-700);
	display: block;
	margin-bottom: 0px;
}
.custom_padding_taskbar_box .loss_t{
    color: var(--theme-inactive-color-text);
}
.custom_padding_taskbar_box .win_t{
    color: var(--theme-active-color-text);
}
.custom_padding_taskbar_box .pen_t{
    color: var(--theme-pending-color-text);
}
.custom_padding_taskbar_box .ten_t{
    color: var(--theme-info-color);
}
.custom_padding_taskbar_box .oxy_tsk_inn_box{margin-left: 15px;}
.oxy_chat_box_stat h6{
    font-size: 13px;
}
.dashboard-page .page-wrapper{
margin-left: 0;
}
.dashboard-page .Footer_footer_oxyem_fixed{
	        left: 0px;
}

.oxy_chat_box_stat_project .custom_padding_taskbar_box .oxy_tsk_1{
    font-size: 1.55rem;
	margin-bottom: 10px;
}
.oxy_chat_box_stat_project .custom_padding_taskbar_box .oxy_tsk_2{
    font-size: .75rem;
}
.oxy_chat_box_stat_project .oxy_dashboard_img{width: 60px;}
.oxy_chat_box_stat_project .custom_padding_taskbar_box{margin-top: 20px;}

#holiday_page .year-calendar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
  }
  
  #holiday_page .month-calendar {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #f9f9f9;
  }
  #holiday_page .month_cal .rbc-toolbar .rbc-btn-group button{
	border: 1px solid var(--theme-border-color);
    color: #7d7c7c;
	font-size: var(--theme-btn-text);
    padding: 5px 10px;
  }
  #holiday_page .month_cal .rbc-toolbar .rbc-btn-group button.rbc-active{
	border: 1px solid var(--theme-primary-color);
    color: var(--theme-white-color);
	background-color: var(--theme-primary-color);
  }
  #holiday_page .month_cal .rbc-off-range-bg {
    background: #f4f4f4;
}
  #holiday_page .month_cal .rbc-calendar .rbc-month-view .rbc-row-content .rbc-row-segment .rbc-event .rbc-event-content{
	  padding:10px 2px;
  }
  #holiday_page .month_cal .rbc-month-header .rbc-header{
	padding: 15px 10px;
	background-color: #e4e3e3;
	font-size: .75rem;
  }
  #holiday_page .month_cal .rbc-agenda-view .rbc-agenda-table th{
	padding: 15px 10px;
	background-color: #e4e3e3;
	font-size: .75rem;
  }
  #holiday_page .month_cal .rbc-agenda-content .rbc-agenda-table td{
	padding: 10px 5px;
	font-size: .75rem;
  }
  #holiday_page .year_cal .rbc-toolbar .rbc-btn-group button{
	border: 1px solid var(--theme-border-color);
    color: #7d7c7c;
	font-size: .65rem;
    padding: 5px;
  }
  #holiday_page .year_cal .rbc-toolbar .rbc-btn-group button.rbc-active{
	border: 1px solid var(--theme-primary-color);
    color: var(--theme-white-color);
	background-color: var(--theme-primary-color);
  }
  #holiday_page .year_cal .rbc-toolbar .rbc-toolbar-label{
	font-size: .65rem;
	padding: 0;
  }
  #holiday_page .year_cal .rbc-month-view .rbc-header{
	padding: 10px 5px;
  }
  

.oxyem-mark-Mandatory, .oxyem-mark-mandatory{
	color: var(--theme-active-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-active-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
}
.oxyem-mark-Optional, .oxyem-mark-optional{
	color: var(--theme-pending-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-pending-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
}
#my-tooltip-datatable_h{
	z-index: 99999;
	background-color: #f4f4f4;
	-webkit-box-shadow: 0 0 10px #fff;
        box-shadow: 0 0 10px #fff;
		color: #000000;
		padding: 15px;
}
#my-tooltip-datatable_h .tooltip_holiday_m{
	min-width: 200px !important;
}
#my-tooltip-datatable_h .tooltip_holiday_m p{

	padding: 0px !important;
	line-height: 1 !important;
	margin-bottom: 10px !important;
}
#my-tooltip-datatable_h .tooltip_holiday_m p:last-child{
	margin-bottom: 0px !important;
}

@media (max-width: 575px) {
	#holiday_page .year-calendar {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
  }
  .absolute-image-claim {
    position: absolute;
    right: 26px;
    bottom: 265px;
    width: 23%;
}
 
}


 
.pr_card_top {
	padding: 20px 15px 15px 15px;
	padding-bottom: 35px;
	border-radius: 3px;
	background-color: #30c8be;
	color: white;
	display:flex;
  }
  
  .pr_card img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
  }
  .pr_card .user_name_m {
	font-size: 1.25rem;
	margin-top: 5px;
	margin-bottom: 4px;
  }
  .pr_card .user_desi_m {
	font-size: .75rem;
	margin-bottom: 0px;
  }
  .emp_dash_bottom_box{
	min-height:235px;
    margin: 5px;
	margin-top: -25px;
    background: #fff;
	border-radius: 3px;
    padding: 10px 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
  .pr_card .time {
	font-size: 1.4rem;
    font-weight: var(--theme-text-weight-600);
    margin-bottom: 10px;
    text-align: center;

  }
  .pr_card .time_b {
	font-size: .75rem;
    text-align: center;
  }
  
  .pr_card .clock-out {
	color: #fff;
    background: #FF000F;
    border-radius: 8px;
    padding: 6px 8px 6px 8px;
    cursor: pointer;
    position: relative;
	border: none;
	display: block;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
  }
  .pr_card .clock-out svg {
    font-size: 1.2rem;
    background-color: #fff;
    color: #FF003D;
    padding: 4px;
    border-radius: 50%;
	margin-left: 7px;
}
  .pr_card .clock-out:hover {
	background-color: #c62828; /* Darker red */
  }
  .pr_card .text_er1 {
	margin-left: 10px;
  }
  
  .pr_card .details {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
  }
  
  .pr_card .details p span {
	font-size: .75rem;
	color: var(--theme-grey-color);
  }
  .pr_card .details_3 {
    border-bottom: 1px dotted #d1cfcf;
    padding-bottom: 6px;
}
  .pr_card .h_m_text_er {
	color: var(--theme-grey-color);
  }
  .pr_card .emp_dash_bottom_box p {
	margin-bottom: 0;
  }
  .pr_card .e_my-timesheet{
	border:1px solid #156082;
	color: #156082;
    background: none;
    border-radius: 8px;
	line-height: 2;
    padding: 6px 12px 6px 12px;
    cursor: pointer;
	max-height: 40px;
  }
  .pr_card .e_my-timesheet:hover{
	color: #fff;
    background: #156082;
  }

  .custom_padding_wid_noti{
	padding: 10px 25px;
	min-height: 300px;
    max-height: 355px;
    overflow: auto;
  }
  .custom_padding_wid_noti .widget_noti {
	position: relative;
	width: 100%;
	background-color: #fcfdfd;
	border-left: 3px solid #fcfdfd;
	border-radius: 3px;
	padding: 8px 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	margin-bottom: 5px;
	transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
  }
  
  .custom_padding_wid_noti .widget_noti:hover {
	background-color: #f1f1f16e; /* Change background color on hover */
	cursor: pointer; /* Optional: show pointer cursor on hover */
  }
  .custom_padding_wid_noti .widget_noti:last-child{
	margin-bottom: 0px;
  }
  .custom_padding_wid_noti .head_text {
    font-size: .80rem;
    margin-bottom: 0;
    font-weight: 600;
	margin-bottom: 15px;
}
  .custom_padding_wid_noti .widget_noti .date{
	font-size: .6rem;
	color: var(--theme-grey-color);
  }
  
  .custom_padding_wid_noti .widget_noti .city{
	font-size: .8rem;
	font-weight: var(--theme-text-weight-500);
	color: var(--theme-secondary-color);
  }
  .right-panel_w_r{display: flex; align-items: center;}
  .custom_padding_wid_noti .widget_noti:hover{border-left: 3px solid var(--theme-primary-color);}
  .custom_padding_wid_noti .widget_noti .right-panel_w img{width: 35px; margin-right: 15px;}
  .custom_padding_wid_noti .disabled-btn svg{color: #bebbbb;}
  .custom_padding_wid_noti .icon_widget_box svg{margin: 0px 2px;}
  .custom_padding_wid_noti .icon_widget_box{
    text-align: end;
}

.image-container-claim {
	position: absolute;
	width: 100%;
	height: 150px; 
  }

.absolute-image-claim {position: absolute;
    right: 230px;
    bottom: 150px;
    width: 10%; }
  
  .text_salary_info {
	position: absolute;
    right: 0;
    top: -45px;
    padding: 35px 20px;
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    border: 1px solid var(--theme-border-color);
	border-radius:4px; 
}
 .text_salary_info .salary_info_text{
	 font-size: var(--theme-medium-text);
    color: var(--theme-secondary-color);
    font-weight: var(--theme-text-weight-600);
    margin-bottom: .5rem;
 }
 .text_salary_info .salary_amt_info{
	 font-size: var(--theme-semi-medium-text);
    color: var(--theme-color);
    font-weight: var(--theme-text-weight-600);
	 margin-bottom: 0;
 }
.other_info_field .other_info_field_lable{font-weight: var(--theme-text-weight-600);}

.oxyem-mark-allocated, .oxyem-mark-Allocated{
	color: var(--theme-active-color-text);
    font-size: var(--theme-small-text60);
    background-color: var(--theme-active-color);
    padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
}
.oxyem-mark-NotAlloc, .oxyem-mark-notAlloc{
	color: var(--theme-pending-color-text); font-size: var(--theme-small-text60); background-color: var(--theme-pending-color); padding: 4px;
    border-radius: 15px; cursor: default;
    width: 80px;
    display: block;
    text-align: center; text-transform: capitalize;
}
.oxyem-mark-doc-img{
    width: 100%;
    display: block;
    text-align: center;
}
.oxyem-mark-doc-img svg{font-size: var(--theme-medium-text); color:var(--theme-icon-color)}

/* Stoke css */
.oxyem-stoke-template-grid {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 46px;
    justify-items: center;
    margin-top: 40px;
}

.oxyem-stoke-template-box {
    width: 200px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.oxyem-stoke-template1 {
    background-color: #ffe5d9; /* Light Peach */
}

.oxyem-stoke-template2 {
    background-color: #add8e6; /* Light Blue */
}

.oxyem-stoke-template3 {
    background-color: #d4edda; /* Light Green */
}

.oxyem-stoke-template4 {
    background-color: #dcb6d5; /* Light Purple */
}

.oxyem-stoke-template-box:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}
.allowcation-filter-btn{
    position: absolute;
    top: 25px;
}
#oxyem-allocate-Assets .form-group .form-check{margin-top: 7px !important;}
.radio_btn_box{position: relative;}
.radio_btn_box .icon_input_radio{
	position: absolute; 
	cursor: pointer; 
	left: 243px;
    top: -25px;
	font-size: var(--theme-large-text);
	color: var(--theme-grey-color);
}
.table-asset-info-t {
    width: 100%;
}
.table-asset-info-t th{
    width: 50%;
}
.table-asset-info-t td{
    width: 50%;
}
.table-asset-info-t tr:nth-child(odd) {
    background-color: #FCFCFC;
}
.table-asset-info-t tr:nth-child(even) {
    background-color: #f8f8f8;
}
.asset_tab_table_content h4{
	font-size: var(--theme-medium-text);
	font-weight: var(--theme-text-weight-600);
	margin-top: 20px;
	margin-bottom: 20px;
}
.asset_tab_table_content:first-child h4{
	margin-top: 0px;
}
.table-asset-info-t tr td {
    font-size: var(--theme-small-text);
	font-weight: 500;
	padding: 10px 15px;
}
.table-asset-info-t tr th {
    font-size: var(--theme-small-text);
	font-weight: 600;
	padding: 10px 15px;
}
.select_option_common .icon_input_radio {
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: -35px;
    font-size: var(--theme-large-text);
    color: var(--theme-grey-color);
}
.paysilp_status_box{display:inline-block}
#filter_asset_data .MuiToolbar-regular{display:none !important;}










/* ----------------- Responsive -------------------*/
@media (max-width: 575px) {
.card {
    margin-bottom: 20px !important;
}
	.profile-img-wrap {
    height: 100px;
    width: 100px;
	top:20px;
	position:relative;
	margin:0 auto;
}
.profile-view .profile-img-wrap img {
    height: 100px;
    width: 100px;
}
	.profile-view .profile-basic {
    margin-left: auto;
    margin-top: 40px;
}
.profile-view .profile-basic .profile-info-left {
    border-right: none;
}
.profile-view .profile-basic .profile-info-left .user-name , .profile-view .profile-basic .profile-info-left .text-muted {
    text-transform: capitalize;
	margin-bottom:10px;
	text-align:center;
}
.profile-view .profile-basic .profile-info-left .personal-info-header li { 
    padding: 0;
    margin-bottom: 10px;
}
.profile-view .profile-basic .personal-info-header-right li .title {
    width: auto;
}
.tab-box .nav-tabs a.nav-link {
    padding: 10px 8px;
}
.MuiTableHead-root th {
    padding: 6px;
    min-width: 30px;
}
.oxyem-main-graph-sec .tab-content {
    padding: 15px;
    padding-top: 25px;
}
.design-only-attendence .stats-info, .shift-heading-box {
        width: 46% !important;
        margin: 2% 2%;
        flex: 0 0 auto;
    }
	.stats-info-cus h4 {
    font-size: 2.25rem !important;
}
    .oxyem-top-box-design .stats-info {
        min-height: 135px;
    }
	    .oxyem-combine-icons {
        right: 10px;
    }
	.breadcrum-btn {
    line-height: 17px;
}
.ReactModal__Content {
    min-width: 97%;
    max-width: 97%;
	padding: 12px !important;
}

	.nav-justified .nav-item, .nav-justified>.nav-link {
    text-align: left;
}
.payroll_emp_info_section {
    padding: 15px 10px;
	margin-top: 25px;
}
.emp_payroll_main .allownce_inerr_text {
    position: absolute;
    top: -46px;
    right: -24px;
}
.custom-drawer {
    padding: 10px !important;
}
.main-view-box-leave .detail-box-leave {
    padding: 8px 0px 8px 0px;
}
.top-box-other-text-detail {
    padding-top: 40px;
}
.text_salary_info {
    position: relative;
    right: 0;
    top: 0;
}
.card-oxyem-claim-card{
    padding: 15px 0px;
}
.tab-content .btn {
    margin: 0px 4px 10px !important;
    padding: 0.4rem 0.45rem !important;
}
.oxyem-time-mang-format .tss-1cdcmys-MUIDataTable-responsiveBase {
    overflow: auto;
}
}


#header_desktop {
	display: block;
}

#header_mobile {
	display: none;
}

@media (max-width: 575px) {
	#header_desktop {
		display: none;
	}

	#header_mobile {
		display: flex;
		align-items: center;
		background-color: var(--theme-white-color);
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
		height: 60px;
		padding: 5px;
	}

	#header_mobile .header-log .logo-mobile {
		font-size: var(--theme-mobile-logo-text);
		font-weight: var(--theme-text-weight-900);
		color: var(--theme-primary-color);
	}
	#header_mobile .header-log .logo-mobile span {
		color: var(--theme-secondary-color);
	}
	#header_mobile .dropdown-toggle::after{display: none;}
	#header_mobile .sk-iconss-img-noti .oxyem-user-menu .nav-item {
		background-color: var(--theme-lightgrey-color);
		width: 32px;
		height: 32px;
		border-radius: 50px;
		display: block;
		line-height: 24px;
		padding: 0px 2px;
		margin-right: 0px !important;
	}
	#header_mobile .oxyem-user-menu .nav-item .translate-middle {
		transform: translate(-87%, -22%) !important;
	}
	#header_mobile .sk-combine-menu-mobile svg{
		background-color: var(--theme-lightgrey-color);
		width: 32px;
		height: 32px;
		border-radius: 50px;
		display: block;
		line-height: 29.5px;
		padding: 0px 5.5px;
		font-size: 1.3rem;
	}
	
	
	.sb-avatar__image{
		width:32px !Important;
		height:32px !important;
		margin:3px 0;
	}
	
	#header_mobile .top-nav-search {
        margin-right: 0px;
    }
	#header_mobile .top-nav-search .oxyem-form {
        width: auto;
	}
	#header_mobile .mobile-menu-bar {
       width: 10%;
	   margin: 0 1%;
    }
	#header_mobile .mobile-menu-bar svg{
		font-size: 1.3rem;
		color: var(--theme-icon-color);
    }
	#header_mobile .header-log {
       width: 12%;
	   margin: 0 1%;
    }
	#header_mobile .sk-input-icons-form {
       width: 50%;
	   margin: 0 1%;
    }
	#header_mobile .sk-iconss-img-noti {
       width: 9%;
	   margin: 0 1%;
    }
	#header_mobile .sk-combine-menu-mobile {
       width: 9%;
	   margin: 0 1%;
    }
	#header_mobile .sk-combine-menu-mobile .oxyem-navbar-combine{
	   margin-right: 0;
    }
	#header_mobile .sk-iconss-img-prof{
       width: 9%;
	   margin: 0 1%;
    }
	#header_mobile .sk-iconss-img-prof .dropdown-toggle{
       padding: 0px;
    }
	#header_mobile .sk-iconss-img-prof .dropdown-toggle .sb-avatar{
       margin-right: 0px !important;
    }
	#header_mobile .oxyem-profile-menu .dropdown-menu {
    transform: translate3d(10px, 46.6667px, 0px) !important;
}
   #header_mobile .oxyem-profile-dropdown-link {
    padding: 12px 12px;
}
.custom-drawer {
    width: 100% !important;
}
.oxyem_dasktop_sidebar{display: none;}
.oxyem_mobile_sidebar .sidebar {
	transition: none;
    width: 85%;
	margin-left: -85%;
}
.oxyem_mobile_sidebar.at_add_data .sidebar{
    animation: slide-left 1.2s;
	margin-left: 0%;
}
.oxyem_mobile_sidebar.at_remove_data .sidebar{
    animation: slide-right 1.2s;
	margin-left: -85%;
}
.oxyem_mobile_sidebar .sidebar-inner {
    transition: none;
}

    @keyframes slide-right {
        0% {
            margin-left: 0%
        }

        to {
            margin-left: -85%
        }
    }

    @keyframes slide-left {
        0% {
            margin-left: -85%
        }

        to {
            margin-left: 0%
        }
    }
	#holiday_page .card-body{padding:8px;}
	#holiday_page .nav-item .nav-link{        
	font-size: var(--theme-medium-small-text);
    padding: 8px;
	}
	.top-box-other-text-detail {
    font-size: .57rem;
}
}
@media (min-width: 575px) {
.oxyem_mobile_sidebar{display: none;}
}

.passwordreset-page{
border: 1px solid #ededed;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    margin-top: 15px;
    margin-bottom: 20px;
    /* width: 480px; */
    border-radius: 4px;
    padding: 30px 30px;
}

.forgot-title{
	text-align: center;
    font-weight: 600;
}

.sk-validation1, .sk-validation2, .sk-validation3, .sk-validation4, .sk-validation5, .sk-validation6, .sk-validation7, .sk-validation8{
	list-style: none !important;
	font-weight: 500 !important;
	position: relative !important;
}
.sk-validation1 svg, .sk-validation2 svg, .sk-validation3 svg, .sk-validation4 svg, .sk-validation5 svg, .sk-validation6 svg, .sk-validation7 svg, .sk-validation8 svg{
	position: absolute;
    top: -1px;
    left: -18px;
    font-size: 1.01rem;
}
.ck-editor__editable{
	min-height: 200px;
}
.ck.ck-powered-by{display: none !important;}
.rating_star_input svg {
    font-size: 1.5rem;
    color: #fdcc0d;
}
.rating_star_input{
	margin:5px 0;
}
.rating_star_input label{
	top:-22px;
}
#managejob .add_post_btn {
    background: var(--theme-primary-color);
    color: var( --theme-white-color);
    padding: 8px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    display: block;
    width: fit-content;
    float: right;
}
#jobinfo-popup .top_header_section{
	margin-bottom: 10px;
}
#jobinfo-popup .top_header_section .job-post-title{
font-size:var(--theme-large-text);
}
#jobinfo-popup .job-group-item{
	margin-top: 7px;
	margin-bottom: 7px;
	display: block;
}
#jobinfo-popup .top_header_section .job-group-item{
	color:var(--theme-grey-color);
}
#jobinfo-popup .top_header_section .top_header_right{
	float: right;
}
#jobinfo-popup .middle_header_section{
	padding-bottom: 25px;
	border-bottom: 1px solid var(--theme-border-color);
}
#jobinfo-popup .bottom_section_content ul{
    list-style: disc;
}
#jobinfo-popup .bottom_section_content ul li{
    padding-bottom: 8px;
}
#jobinfo-popup .bottom_section_content p{
    line-height: 2;
}


/* for scroll my task */

.ox-scroll-mytask {
    width: 100%;      
   /* height: 300px; */    
    overflow-y: auto;  
    overflow-x: hidden;
    padding: 10px;     
    box-sizing: border-box; 
}

/* Optional: Styling the scrollbar */
.ox-scroll-mytask::-webkit-scrollbar {
    width: 8px;      
}

.ox-scroll-mytask::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 10px;    
}

.ox-scroll-mytask::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}

.ox-scroll-mytask::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.oxyem-cus-select-section .sub-text-massage{
	font-size: 0.6rem !important;
}
#oxyem-payrollPreview-page .payroll_salary_info_table thead th{width:50%;}
.rendertextData label{position: relative; top: 0; background-color: transparent; left: 0; font-weight: 600;}
.rendertextData .inner_rendertext{padding-left: 10px;}
#o-onborad-process-page .rating_star_input label{left: 0; font-weight: 600;}
#o-onborad-process-page .border_field .border_field_text{border-bottom: 1px solid var(--theme-border-color); display: block;}
#o-onborad-process-page .on_borad_tab_icon{
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  
  #o-onborad-process-page .on_borad_tab_icon .tab_icons_format{
	max-width: 65px;
	width: 100%;
	height: 65px;
	border-radius: 50%;
	background-color: #e4e2e2;
	border: 1px solid #e4e2e2;
	color: var(--theme-secondary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	flex-grow: 1; /* Ensure equal spacing */
	cursor: pointer;
  }
  #o-onborad-process-page .on_borad_tab_icon .tab_icons_line{
	width: 24%;
	margin: 0px 5px;
	border: 1px solid #e4e2e2;
  }
  #o-onborad-process-page .on_borad_tab_icon .tab_icons_format.active{
	background-color: transparent;
	border: 2px solid var(--theme-active-color-text);
	color: var(--theme-active-color-text);
  }
  .taxprojection_info_table tr:nth-child(odd) {
    background-color: #FCFCFC;
}
.taxprojection_info_table tr:nth-child(even) {
    background-color: #f8f8f8;
}
.taxprojection_info_table tr:last-child {
    background-color: #eeecec;
}
.taxprojection_info_table thead tr{
    background-color: #eeecec;
}
.taxprojection_info_table tr td {
    background-color: transparent;
	padding: 10px;
}
.taxprojection_info_table thead tr th {
    background-color: transparent;
	padding: 10px;
}
.taxprojection_info_table .table_text_heading {
    background-color: transparent !important;
	font-size: var( --theme-medium-text);
	margin-top: 20px;
	display: block;
	border-color: transparent;
}
.taxprojection_info_table .table_text_heading td{
	padding: 15px 0px;
}
.notify_with_button .alert{
    text-align: left !important;
}

#automation-create-page .ck-content{
	border-bottom: none;
    border-left: none;
    border-right: none;
}

#automation-create-page .ck.ck-editor__main>.ck-editor__editable {
    max-height: 370px !important;
}

#automation-create-page .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
	box-shadow:none !important;
}
#form-top-button {
	position: -webkit-sticky; /* For Safari */
	position: sticky;
	top: 56px; /* Adjust this value to your desired offset from the top */
	z-index: 990; /* Ensure it's above other content */
	background-color: white; /* Ensure background color matches your design */
	padding: 10px; /* Adjust padding as needed */
  }
  
  #form-top-button .btn {
	margin-left: 10px; /* Add some space between buttons */
  }
  
  #form-top-button .text-end {
	text-align: right; /* Ensure text alignment is to the right */
	width: 100%; /* Make sure it takes the full width */
	position: absolute;
  }


  #automation-step-circle .step-circle{
	width: 60px !important;
    height: 60px !important;
  }

  #automation-create-page #form-top-button{
    padding: 10px 0px 0px !important;
    background-color: #FFF !important;
    margin-bottom: 20px;
  }

  #automation-create-page #form-top-button .text-end {
	position:  relative !important;
  }


  #automation-create-page #form-top-button .form-group {
	margin-bottom: 8px !important;
  }

  .automation-view-details{
	padding-top: 15px;
        color: var(--theme-grey-color);
        font-size: .65rem;
        padding-bottom: 15px;
  }

.oxyem-login-screen-right{
    position: relative;
    width: 100%;
    height: 445px;
}





@media only screen and (max-width: 768px) {
	



.logo-mobile img{
	width: 34px;
}

.login-wrapper .sk-loginbox .login-right {
    padding: 20px 0;
}

.oxyem-login-screen-right{
    height: 440px;
}

}

.password-input-container {
	position: relative;
	display: flex;
	align-items: center;
  }
  
  .password-toggle-button {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--theme-primary-color);
	font-size: 14px;
  }

.login-form-header{
	font-size: 1.563em;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
  }
 

/* Footer login page */

.dark .footer__area .content_footer p {
	margin-top: 25px;
  }
   
  .dark .footer__area .content_footer p {
  
	font-size: .875rem;
  
  }
   
  .dark .footer__area .get_in_touch_footer .footer__widget-title,
  
  .dark .footer__area .useful_links_footer .footer__widget-title {
  
	font-size: 1rem;
  
  }
  
  
  .footer__widget p {
  
	max-width: 310px;
  
	font-weight: 400;
  
	font-size: 16px;
  
	line-height: 1.5;
  
	color: var(--gray-2);
  
	margin-bottom: 30px;
  
  }
   
  .footer__widget-title {
  
	font-weight: 600;
  
	font-size: 20px;
  
	line-height: 1.3;
  
	color: var(--white);
  
	padding-bottom: 20px;
  
  }
   
  .dark .footer__area .get_in_touch_footer .footer__contact,
  .dark .footer__area .useful_links_footer .footer__contact {
	font-size: 18px;
  }
   
  .dark .footer__area .content_footer .footer__social li a {
  
	font-size: 23px;
	width: 40px;
	height: 40px;
	padding: 1px 9px;
	border-radius: 50%;
	border: 1px solid var(--gray-2);
	background-color: var(--white);
  }
   
  .dark .footer__area .content_footer .footer__social li a:hover {
	background-color: var(--primary);
	color: var(--white);
  }
   
  .highlight_text {
	color: #ffc451 !important;
  }
   
  .portfolio__area .portfolio__btn {
  
	margin-top: 625px !important;
  
  }
   
  .footer__inner {
  
	padding-left: 0px;
  
  }
   
  .dark .footer__area,
  
  .dark .footer__inner {
  
	background-color: var(--black-2);
  
	padding-top: 100px;
  
  }
   
  .dark .footer__area ul {
  
	padding-left: 0px;
  
  }
   
  .copyright-text {
  
	padding: 20px;
  
	text-align: center;
  
	color: var(--white);
  
	font-size: .75rem;
  
	letter-spacing: 1px;
  
  }
 
   
.dark .footer__area .content_footer p {

	margin-top: 25px;
  
  }
   
  .dark .footer__area .content_footer p {
  
	font-size: .875rem;
  
  }
   
  .dark .footer__area .get_in_touch_footer .footer__widget-title,
  
  .dark .footer__area .useful_links_footer .footer__widget-title {
  
	font-size: 1rem;
  
  }
   
  .dark .footer__area .get_in_touch_footer .footer__contact,
  
  .dark .footer__area .useful_links_footer .footer__contact {
  
	font-size: 18px;
  
  }
   
  .dark .footer__area .content_footer .footer__social li a {
  
	font-size: 23px;
  
	width: 40px;
  
	height: 40px;
  
	padding: 1px 9px;
  
	border-radius: 50%;
  
	border: 1px solid var(--gray-2);
  
	background-color: var(--white);
  
  }
   
  .dark .footer__area .content_footer .footer__social li a:hover {
  
	background-color: var(--primary);
  
	color: var(--white);
  
  }
.footer__btm ul{
	padding-left: 0rem !important;
  }

  .footer__btm ul li{
	line-height: 1.5rem !important;
  }
 .MuiTable-root thead th{text-transform:capitalize}
 .hidetxtvale {
    color: var(--bs-secondary-bg);
}

/* Add this CSS to your styles file */
.edit_profileloader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid  var(--theme-primary-color); 
    border-radius: 50%;
    width: 40px; /* Size of the loader */
    height: 40px; /* Size of the loader */
    animation: spin 1s linear infinite;
    position: absolute; /* Position it over the image */
    top: 33%;
    left: 33%;
    transform: translate(-50%, -50%); /* Center the loader */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#sidebar-menu ul{opacity: 0;}
.oxy-Sidebar-visible, .oxy-Sidebar-visible .menu-title{
  opacity: 1 !important;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
.oxy-Sidebar-hidden, .oxy-Sidebar-hidden .menu-title{
  opacity: 0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
#sidebar-menu .menu-title {
    min-height: 30px;
}

.logo-text-sk{
    text-transform: uppercase;
    font-size: 0.95rem;
    margin-left: -2px;
}

.oxyem-motion-mover ul{
padding: 0px;
margin: 0px;
}

.oxyem-motion-mover ul li:hover{
	background-color: var(--dropdownhoverbg) !important;
}

.oxyem-motion-mover ul li{		
	padding: 10px;
}

.groupisforMoverspan{
	float: inline-end;
}

.policy__employee_page{margin-bottom:40px;}
.policy__employee_page .policy_oxyem_heading{
	margin-bottom: 25px;
    font-size: 1.35rem;
	}
.policy_oxyem_card{
	box-shadow: 0 0 1px 1px #e1e0e0;
	margin-bottom:20px;
	padding:5px 0px;
}
.policy_oxyem_card:hover {
  background-color: var(--theme-bg);
}
.policy_oxyem_card .card-body p{
	min-height:73px;
}
.policy_oxyem_card .policy_oxyem_card_bottom{
	border-top:1px solid #e1e0e0;
	padding-top:10px;
	    color: #a3a1a1;
		    font-size: .65rem;
}
.policy_oxyem_card .policy_oxyem_card_bottom .right_ca_o{text-align:end;}
.policy_oxyem_card .card-title {
    color: #1f1f1f;
    font-size: 1rem;
	min-height:45px;
    font-weight: 600;
	display:block;
    margin-bottom: 5px;
}
.policy_oxyem_card .card_img_click{text-align:Center;}
.policy_oxyem_card .policy_oxyem_card_img{
	width:70px;
	margin:35px auto 15px auto;	
}
.oxyem_policy_btn_box{text-align:center;}
.oxyem_policy_read_more {
    background-color: var(--theme-primary-color);
    color: #fff;
    font-size: .6rem;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
}
.oxyem_policy_nofound_box {
    border: 1px dashed #ccc;
	padding:35px 15px;
	border-radius: 5px;
	margin: 0px 10px;
}
.oxyem_policy_nofound_box p{
    margin-bottom:0px;
	font-size: .9rem;
	color: #7d7b7b;
}
.policy_oxyem_card_label{
    background: aliceblue;
    width: 70%;
    position: absolute;
    right: 0;
    padding: 3px 10px;
    text-align: center;
    top: 0;
    border-radius: 0px 6px 0px 0px;
}
.policy_oxyem_card_search{
	padding-top: 20px;
}
.oxyem_file_close {
    color: red;
    position: absolute;
    right: 30px;
    top: 30%;
}
.oxyem_file_close svg{
    font-size: 1rem;
}
.drop_show_prefilled{
	text-align:left !important;
	position:relative;
}
.drop_show_prefilled a svg{
	position: absolute;
    right: 40px;
    font-size: 1rem;
	top: 13px;
}
.labe_field_radio_btn{display: flex; padding-top: 13px;}
.labe_field_radio_btn .oxyem-form-radio {
    margin-bottom: 0px;
	padding-left: 20px;
}
.labe_field_radio_btn .oxyem-form-radio input[type="radio"] {
    transform: scale(1.45);
	margin-top: 0px;
}
.labe_field_radio_btn .oxyem-form-radio span {
    margin-left: 12px;
}
.sr-no-input{width: 50px; text-align: center;}
.sr-no-input:disabled{min-width: 50px !important;}

.oxyem-custom-dropdown{min-width:100%;}

.sr-no-txt{ min-width:70px !important;}
.btn-notes-section{text-align: end; margin-bottom: 20px;}
.btn-notes-opp{
	background-color: #6e2f9d;
	padding: 9px 22px;
	border-radius: 4px;
	cursor: pointer;
	    color: #fff;
}
.btn-notes-opp svg{
	color: #fff;
    font-size: 1rem;
}
.oxyem-note-popup{margin-top: 0px;}
.oxyem-note-popup .ck-editor__editable{min-height: 225px; max-height:225px;}
.oxyem-note-popup .ck.ck-icon {
    font-size: .5rem;
}
.oxyem-note-popup .ck.ck-button, .oxyem-note-popup a.ck.ck-button{
	padding:0px;
}
.ck.ck-balloon-panel {
    z-index: 9999999;
}
.ck.ck-mentions{
	max-height: 150px;
	padding: 0;
}
.custom-item-for-mention.ck-button.ck-on{
	background-color: var(--theme-primary-color) !important;
}
.custom-item-for-mention{
	padding: 8px 5px !important;
}
.custom-item-for-mention .mention_main{
	display: flex;
	align-items: center;
}
.custom-item-for-mention .mention_main .mention_img_section{
	width: 40px;
    height: 40px;
}
.custom-item-for-mention .mention_main .mention_img_section .custom-item-image{
	width: 100%;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.custom-item-for-mention .mention_main .mention_content_section{
	width: 80%;
	padding-left: 13px;
}
.custom-item-for-mention .mention_main .mention_content_section .custom-item-name{
	font-family: var(--theme-font-family);
    font-weight: 600;
	font-size: .8rem;
}
.custom-item-for-mention .mention_main .mention_content_section .custom-item-qualification{
	font-family: var(--theme-font-family);
    font-size: .65rem;
	line-height: 1.2;
}
.btn_cancal_tb {
    border: none;
    background-color: transparent;
    width: 30px;
}
.btn_cancal_tb img{width: 30px;}
@media only screen and (max-width: 1520px) {
	.policy_oxyem_card .policy_oxyem_card_img {
    margin: 30px auto 10px auto;
}
.policy_oxyem_card .card-title {
    font-size: .9rem;
}
.policy_oxyem_card .card-body p {
    font-size: .75rem;
}
.policy_oxyem_card .card-body p {
    min-height: 92px;
}
.policy_oxyem_card .policy_oxyem_card_bottom {
    font-size: .65rem;
}
.policy_oxyem_card .card-body{padding:13px;}
.policy_oxyem_card_label {
    padding: 3px 5px;
	font-size: .65rem;
}
}
@media only screen and (max-width: 1360px) and (min-width: 1160px){
.policy_oxyem_card .card-title {
        font-size: .75rem;
    }	
	.policy_oxyem_card .card-body p {
		font-size: .65rem;
        min-height: 75px;
    }
	.policy_oxyem_card .policy_oxyem_card_img {
    width: 60px;
}
.policy_oxyem_card_label {
        width: 75%;
        font-size: .62rem;
    }
	.policy_oxyem_card .policy_oxyem_card_bottom {
        font-size: .6rem;
    }
}
@media only screen and (max-width: 575px) {
.policy__employee_page .policy_oxyem_heading {
    font-size: 1.25rem;
	line-height:1.5;
}	
.policy_oxyem_card .card-title {
        font-size: 1rem;
    }
    .policy_oxyem_card .card-body p {
        min-height: 60px;
    }
}


/* Boi view detail */
.container-custom-boi .container-custom {
    max-width: 900px;
    margin: 20px auto;
}

.container-custom-boi .box1 {
    padding: 20px;
    background-color: #dceaf5;
    border-radius: 50px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container-custom-boi .box {
    padding: 20px;
    background-color: #dceaf5;
    border-radius: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
	min-height: 275px;
}
.container-custom-boi .box h5 {
    margin: 0;
    font-weight: 600;
    padding: 15px;
}

.container-custom-boi .box h4 {
    
    font-weight: 600;
	font-size: 1.35rem;
    line-height: 40px;
}

.container-custom-boi .final h4 {
    
    font-weight: 600;
	font-size: 1.6rem;
    line-height: 40px;
}


.container-custom-boi .box p {
    margin: 0;
    font-size: 0.8rem;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.container-custom-boi .box p span.label {
    width: 50%;
    text-align: justify;
	padding: 0px 0px 0px 20px;
    font-size: 0.7rem;
}

.container-custom-boi .box p span.value {
    width: 50%;
    text-align: justify;
    padding: 0px 10px;
    font-size: 0.7rem;
}
.container-custom-boi .total {
    font-size: 1.2em;
    font-weight: bold;
	padding: 3px;
}

.container-custom-boi .text-right {
    text-align: right;
}

.container-custom-boi hr {
    border: 1px solid #ffffff;
    margin: 10px 0;
}

.container-custom-boi .box-empinfo {
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: left;
    min-height: 570px;
}
/* Boi view detail end*/

/* tax view detail Start*/

.tax-projection-heading{
    color: var(--theme-active-color-text);
    font-size: 1rem;
    background-color: var(--theme-active-color);
    padding: 4px;
    border-radius: 15px;
    padding: 5px 15px;
}
.container-custom-tax .container-custom {
    max-width: 900px;
    margin: 20px auto;
}

.container-custom-tax .box1 {
    padding: 20px;
    background-color: #dceaf5;
    border-radius: 50px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container-custom-tax .box {
    padding: 20px;
    background-color: #dceaf5;
    border-radius: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    min-height: 390px;
}
.container-custom-tax .box h5 {
    margin: 0;
    font-weight: 600;
    padding: 15px;
}

.container-custom-tax .box h4 {
    
    font-weight: 600;
	font-size: 1.35rem;
    line-height: 40px;
}

.container-custom-tax .final h4 {
    
    font-weight: 600;
	font-size: 1.6rem;
    line-height: 40px;
}


.container-custom-tax .box p {
    margin: 0;
    font-size: 0.8rem;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.container-custom-tax .box p span.label { 
    width: 50%;
    text-align: left;
	padding: 0px 0px 0px 0px;
    font-size: 0.7rem;
}

.container-custom-tax .box p span.value {
    width: 50%;
    text-align: justify;
    padding: 0px 10px;
    font-size: 0.7rem;
}
.container-custom-tax .total {
    font-size: 1.2em;
    font-weight: bold;
	padding: 3px;
}

.container-custom-tax .text-right {
    text-align: right;
}

.container-custom-tax hr {
    border: 1px solid #ffffff;
    margin: 10px 0;
}

#boi-final-box{
    justify-content: center;
}

.allownce_inerr_text-boi {
    text-align: right;
    padding: 0px 5px 0px;
}

.allownce_inerr_text-boi span{
    padding: 0px 5px 0px;
    border-radius: 5px;
    color: var(--theme-active-color-text);
    font-size: var(--theme-small-text60);
    background-color: var(--theme-active-color);
}

.boi-view-heading{
    text-decoration: underline;
}

.payroll_emp_in_all_text h6{
    font-size: 0.7rem;
    margin-bottom: 15px;    
}

.payroll_emp_in_name h5{
    font-size: 1rem; 
    margin-bottom: 15px; 
}
.container-custom-boi h3{
	font-weight: 100 !important;
}

/* tax view detail end*/


.oppor_cards .card-title{
	font-size: .9rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.oppor_cards p{
    text-transform: capitalize;
}
.btn_cancal_tb svg{
	font-size:.85rem;
	color:red;
}
.row_design_view{
    margin: 20px;
    column-count: 2;
    column-gap: 20px;
}
.row_design_view .oppor_cards{
    background-color: #dceaf7;
    margin-bottom: 8px;
    padding: 10px;
    width: 100%;
    border-radius: 2px;
    break-inside: avoid;
}
.row_design_view .card_inform p{
    padding-top: 4px;
    padding-bottom: 4px;
}
.row_design_view .card_profit_o{
    min-height: 242px;
}
.row_design_view .no_data_found{
    padding-top: 40px;
    text-align: center;
}

.row_design_view .oppor_cards .card_inform{
    min-height: 400px;
}
.row_design_view .oppor_cards .card_financial{
    min-height: 355px;
}
.row_design_view .res_opp{
    display: flex;
}
.row_design_view .card_resources .card-text-cus{
    margin-top: 50px;
}
.row_design_view .card_profit_o .card_financial_top{
    padding-bottom: 10px;
}
.row_design_view .card_profit_o .card_financial_top .card-title {
    margin-bottom: 20px;
}
.row_design_view .card-text-cus{
    font-size: 1.35rem;
    font-weight: 600;
}
.row_design_view .card_financial_top{
    text-align: center;
    padding-bottom: 35px;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff;
}
.row_design_view .res_opp .res_opp_left, .row_design_view .res_opp .res_opp_right{
    width: 50%;
    text-align: center;
}
.row_design_view .card_oppor_cards{ padding: 10px 5px;}
.row_design_view .card_profit_o .card-text-right{ color: #26AF48;}
.row_design_view .card-text{display: flex;}
.row_design_view .card-text-left{
    font-weight: 600;
}
.row_design_view .card-text-left, .row_design_view .card-text-right{width: 45%; padding-left: 30px;}
.row_design_view .card_financial .card-text-left, .row_design_view .card_financial .card-text-right {
    width: 45%;
    padding-left: 55px;
}
.row_design_view .card-text-center{width: 10%;}
.oxyem-opportiunity-popup .row_design_view .oppor_cards .card_inform {
    min-height: 380px;
}
.oxyem-opportiunity-popup .card_resources .res_opp .card-title {
    margin-bottom: 15px;
}
.oxyem-opportiunity-popup .card_financial_top {
    padding-bottom: 30px;
}
.oxyem-opportiunity-popup .card_profit_o {
    min-height: 242px;
}
.oxyem-opportiunity-popup .row_design_view {
    margin: 0px;
}
@media only screen and (max-width: 575px) {
.row_design_view {
    margin: 0px;
    column-count: 1;
}
.row_design_view .oppor_cards {
    padding: 15px 0px;
}
.row_design_view .oppor_cards .card_inform {
    min-height: auto;
}
.row_design_view .card-text-left, .row_design_view .card-text-right {
    width: 48%;
    padding-left: 0px;
}
.row_design_view .card-text-center {
    width: 4%;
}
.oppor_cards .card-title {
    margin-bottom: 20px;
    min-height: 43px;
}
.row_design_view .card_financial .card-text-left, .row_design_view .card_financial .card-text-right {
    width: 48%;
    padding-left: 0px;
}
.row_design_view .oppor_cards .card_financial {
    min-height: auto;
}
.row_design_view .card_profit_o {
    min-height: auto;
}
}

/* Tax header */
.design-only-employeeTax .header-box{
    margin: 0px 5px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    box-shadow: none !important;
    border: 1px dashed #ccc;
    padding: 15px !important;
    cursor: pointer;
    width: 23%;
}

.design-only-employeeTax .header-box h6{
    line-height: 1.5;
    color: var(--theme-grey-color);
}
.design-only-employeeTax .header-box h4{
    font-weight: var(--theme-text-weight-600);
    color: var(--theme-active-color-text);
}
/* Tax header */

/* Employee onboard history */
.main-view-box-leave .top-box-job-history p{
    position: relative;
    color: var(--theme-grey-color);
    font-size: 0.7rem;
}
.main-view-box-leave .detail-box-job-history {
    position: relative;
    padding: 8px 0px 0px 0px;
}
.top-box-other-job-star span {
    padding: 0px 0px !important;
}
.top-box-other-job-star h5 {
    font-size: 0.78rem;
}
.top-box-other-job-star svg {
    font-size: 1.5rem;
    padding: 2px 0px;
}

.top-box-other-text-detail-job {
    border-top: 1px solid var(--theme-border-color);
    padding-top: 15px;
    color: var(--theme-grey-color);
    font-size: .65rem;
    padding-bottom: 5px;
}
.oxyem-mark-Download, .oxyem-mark-download ,.oxyem-mark-joined, .oxyem-mark-Joined {
    color: #f8a921;
    font-size: var(--theme-small-text60);
    background-color: #fef4e4;
    padding: 4px;
    border-radius: 15px;
    cursor: default;
    width: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
/* Employee onboard history end*/

.combo_btn_opp{text-align: end; margin-bottom: 20px;}
.btn-opportunity-won{
    background-color: var(--theme-active-color-text);
    padding: 9px 22px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    margin-right: 15px;
}
.btn-opportunity-loss {
    background-color: var(--theme-inactive-color-text);
    padding: 9px 22px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    margin-right: 15px;
}
.notes_header_btn{
	position: absolute;
    right: 40px;
}
.form-control:disabled {
    background-color: #f2f2f2;
}
.table_field_error .form-control,  .table_field_error .css-flxz60-control{
    border: 1.5px solid red;
}
#oxyem_opportunity_page .oxyem-time-mang-format{
    position: relative;
}
#oxyem_opportunity_page .oxyem-time-mang-format .breadcrum-btn{
    position: absolute;
    top: 0;
	right: 20px;	
}
#oxyem_opportunity_page .oxyem-time-mang-format .form-control:disabled {
    max-width: none;
}

#oxyem_opportunity_page .MuiTable-root thead th {
    text-align:Center;
}
#oxyem_opportunity_page .MuiTable-root thead th .tss-178gktx-MUIDataTableHeadCell-contentWrapper {
    display: inline-flex;
}
#oxyem_opportunity_page .oxyem-time-mang-format .form-control {
    height: 38px !important;
}
.form-control:disabled {
    color: #9ea09e;
}
.modal-note-bottom-section{
	margin-top:30px !important;
}
.profile-section-user-n {
    display: flex;
    align-items: center;
	margin-bottom:4px;
}
.img-section-user-n{
	margin-right:5px;
}
.text-section-user-n h2 {
    font-size: .65rem;
    font-weight: 600;
    text-transform: capitalize;
	margin-bottom: 4px;
}
.text-section-user-n p {
    font-size: .5rem;
    margin-bottom: 0;
}
.maincontent-section-user-n {
    padding: 0px 0px 0px 40px;
    border-radius: 4px;
	font-family: var(--theme-font-family);
	margin-bottom:7px;
}
.maincontent-section-user-n p, .maincontent-section-user-n span{
	font-family: var(--theme-font-family)!important;
	color: var(--theme-label-color) ;
    font-size: .7rem !important;
    line-height: 1.85;
}
.maincontent-section-user-n p{
	 margin-bottom: 10px;
}
.maincontent-section-user-n .read-more-btn-n{
	background-color: #6e2f9d;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: .5rem;
    border: none;
}
.reduce_size_editor{
   	top: -40px;
    position: relative;
	transition: top 2s ease;
	margin-bottom:-45px;
}
.reduce_size_editor .ck-reset_all{
    opacity: 0;
    transition: opacity 2s ease;
}
.reduce_size_editor .ck-editor__editable {
    min-height: auto !important;
    max-height: auto;
    height: 75px !important;
    padding: 5px 15px 15px 15px !important;
    transition: height 2s ease;
}
.expand_size_editor .ck-reset_all{
    opacity: 1;
    transition: opacity 2s ease;
}
.expand_size_editor .ck-editor__editable {
    min-height: auto !important;
    max-height: auto;
    height: 175px !important;
    padding: 5px 15px 15px 15px !important;
    transition: height 2s ease;
}
.reduce_size_editor .ck.ck-editor {
    box-shadow: none !important; 
}


  .drawer-header {
    position: sticky; 
    top: -20px;
    background-color: #fff; 
    padding: 16px;
    z-index: 1;
  }
.sum_next_des .row_design_view .card_profit_o {
    min-height: 105px;
}
.sum_next_des .row_design_view .oppor_cards .card_profit_o .card_financial_top {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.sum_next_des .row_design_view .oppor_cards .card_financial_top .card-text-cus{
    margin-bottom: 0;
}
.sum_next_des .row_design_view .oppor_cards .card_financial {
    min-height: 327px;
}
.disabled-input-file{
	    background: #f2f2f2;
		border: 1px solid #f2f2f2;
		    color: #9ea09e;
}
.chart_des_graph {
    margin-top: 20px;
}
.label_div_box_graph{
    display: flex;
    flex-wrap: wrap;
    justify-content: Center;
    gap: 10px;
}
.label_div_box_graph .label_box_graph_each{
	margin-right:10px;
	display:flex;
	align-items:Center;
    display: flex;
        align-items: center;
        white-space: nowrap;
}
.label_div_box_graph .label_box_graph_each .description-lab-0{
	width: 12px;
    height: 12px;
	background:#316799;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each .description-lab-1{
	width: 12px;
    height: 12px;
	background:#009688;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each .description-lab-2{
	width: 12px;
    height: 12px;
	background:#8e24aa;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each .description-lab-3{
	width: 12px;
    height: 12px;
	background:#00bcd4;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each .description-lab-4{
	width: 12px;
    height: 12px;
	background:#795548;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each .description-lab-5{
	width: 12px;
    height: 12px;
	background:#1e88e5;
	display:block;
	margin-right:5px;
	border-radius:3px;
}
.label_div_box_graph .label_box_graph_each span{
	font-size:.65rem;
	text-transform: capitalize;
	line-height:0;
}
.sum_next_des .row_design_view .card_financial .card-text-left, .sum_next_des .row_design_view .card_financial .card-text-right {
    padding-left: 25px;
}
.for_empty_summary_message{
	padding:20vh 0px;
	    text-align: center;
    font-size: .85rem;
    font-weight: 600;
}

.inviocie_price_section{
    width: 100%;
}
.t_inviocie_price_section{
    position: relative;
    left: 62%;
    width: 350px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.inviocie_price_section .in_er_line{
    padding: 5px 0px;
    display: flex;
    align-items: center;
}
.inviocie_price_section .in_er_line input{
    width: 75px;
    border: 1px solid var(--theme-border-color);
    box-shadow: none;
    color: var(--theme-secondary-color);
    font-size: .9rem;
    height: 34px;
    font-weight: 700;
    padding: 0px 8px;
    border-radius: 4px;
}
.inviocie_price_section .in_er_line .start_text_f{
    width: 175px;
    display: block;
    font-size: .75rem;
}
.inviocie_price_section .in_er_line .end_text_f{
   font-weight: 700;
   font-size: .85rem;
}
.inviocie_price_dec{
    margin: 10px 0;
}
.inviocie_price_dec span{
    font-weight: 600;
}
.invoice_top_section_total {
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
}
.invoice_top_section_total .invoice_logo_section .invoice_logo{
    font-weight: 800;
    font-size: 2.25rem;
    line-height: .55;
    letter-spacing: 1px;
}
.invoice_top_section_total .invoice_logo_section .invoice_logo span{
    color: #ffc451;
}
.invoice_top_section_total .invoice_logo_section .invoice_logo .invoice_logo_bottom {
    font-size: .75rem;
    letter-spacing: .3px;
}
.invoice_top_section_total .invoice_top_section h2 {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.invoice_top_section_total .invoice_top_section p {
    font-size: .7rem;
    margin-bottom: 7px;
}
.invoice_middle_section{
    padding: 15px 25px;
    padding-top: 25px;
    border-bottom: 1px solid #dee2e6;
}
.invoice_middle_section .invoice_middle_text h2 {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.invoice_middle_section .invoice_middle_text p {
    font-size: .8rem;
    margin-bottom: 10px;
}
.invoice_middle_section .invoice_middle_text p span{
    font-weight: 700;
}
.invoice_description_section{
    padding: 15px 25px;
    border-bottom: 1px solid #dee2e6;
}
.invoice_description_table{
    width: 100%;
}
.invoice_description_table tr th {
	background-color: var(--theme-lightgrey-color);
}

.invoice_description_table tr th,
.invoice_description_table tr td {
	padding: 12px 8px;
}
.invoice_total_section{
    padding: 15px 25px;
    padding-top: 25px;
}
.invoice_total_section .t_inviocie_price_section {
    left: 0;
    width: auto;
}
.invoice_total_section h3{
    font-size: .9rem;
    font-weight: 600;
}
.invoice_all_section_div{
    -webkit-box-shadow: 0 0 3px #f4f3f3;
    box-shadow: 0 0 3px #f4f3f3;
    padding: 20px 0px;
}
.invoice_description_table .th-item {
    width: 15%;
  }
  
.invoice_description_table .th-description {
    width: 65%;
  }
  
 .invoice_description_table .th-amount {
    width: 20%;
  }
  
  th.custom-class-for-invocie {
    text-transform: capitalize;
    padding: 6px;
	border-bottom: 1px solid rgb(224, 224, 224);
	color: var(--theme-dropdown-color);
    font-weight: var(--theme-text-weight-600);
    font-family: var(--theme-font-family);
    font-size: var(--theme-small-text);
  }
  .custom-class-for-srNo{
	  width:85px;
  }
  .sr_no_f{
	  text-align:center;
  }
  .custom-class-for-totalam{
	  width:185px;
  }
  .invoice_cente_section h2{
	  font-weight: 800;
    font-size: 2.25rem;
  }
  .current_word_con{text-transform:capitalize;}
  .invoice_all_section_div .inviocie_price_section .in_er_line .start_text_f {
    width: 140px;
}
.invocie-declaration-section{
    align-items: end;
}
.invoice_total_section .invocie-declaration-section h3 {
    font-size: .7rem;
}
.invoice_total_section .invocie-declaration-section p {
    font-size: .7rem;
	margin-bottom: 7px;
}
.invoice_total_section .invocie-declaration-section .bt_d{
	margin-bottom: 1.25rem;
}
.invoice_all_section_div .inviocie_price_section .in_er_line {
    align-items: start;
}
.invoice_all_section_div .invocie-declaration-text{
	padding-right:25px;
}
.invoice_stat_b .invoice_pen{
	color:var(--theme-pending-color-text);
}
.invoice_stat_b .invoice_app{
	color:var(--theme-active-color-text);
}
.invoice_stat_b .invoice_disp{
	color:#f8a921;
}
.invoice_stat_b .invoice_draf{
	color: #FF000F;
}
.detail-box-invoice {
    display: flex;
    margin-top: 14px;
    align-items: center;
	border-top: 1px solid var(--theme-border-color);
}
.detail-box-invoice .top-box-other-invo {
    padding-top: 15px;
    color: var(--theme-grey-color);
    font-size: .65rem;
    padding-bottom: 15px;
	width: 85%;
}
.detail-box-invoice .top-box-other-invo span:first-child{
    padding-left:5px;
}
.detail-box-invoice .top-box-leave-right {
    top: 17px !important;
}
#oxyem_opportunity_page .inner_form_client{
margin-bottom: 40px;
}
#oxyem_opportunity_page .inner_form_client .error {
    bottom: -18px;
}
#create_invoice_list .oxyem-main-graph-sec .graph-main-box{margin-bottom:25px;}
#create_invoice_list .oxyem-main-graph-sec .graph-main-box .graph-top-head {
    display: block;
    text-align:center;
}

#oxyem_client_page .MuiTableBody-root td{
    min-height: 38px !important;
    height: 38px;
}
#oxyem_client_page .inner_form_client {
    border: 1px solid #dddddd54;
}
#oxyem_client_page .in_vo_table{
    position: relative;
}
#oxyem_client_page .in_vo_table .breadcrum-btn {
    position: absolute;
    top: 0;
    right: 40px;
}
#oxyem_client_page .inner_form_client .skolrup-learning-card-body {
    padding-top: 0;
    padding-bottom: 1.5rem;
}
#oxyem_client_page .btn_tb_section_o .btn_edit_tb {
    border: none;
    background: transparent;
}
#oxyem_client_page .btn_tb_section_o .btn_edit_tb svg {
    font-size: .9rem;
    color: var(--theme-pending-color-text);
}
.reduce_form_client{
    opacity: 0;
    transition: opacity 1s ease;
}

.expand_form_client{
    opacity: 1;
    transition: opacity 1s ease;
    margin-bottom: 40px;
}
#oxyem_client_page .inner_form_client .error {
    bottom: -18px;
}
.oxyem-mark-BTP{
    display: flex;
    align-items: center;
}
.oxyem-mark-BTP .circle-mark-BTP{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    margin-right: 7px;
    background: var(--theme-purple-color);
}
.oxyem-mark-SHTP{
    display: flex;
    align-items: center;
}
.oxyem-mark-SHTP .circle-mark-SHTP{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    margin-right: 7px;
    background: var(--theme-notes-color);
}

/*------------ Radio Button Start -----------*/
.checkbox-wrapper-22 .switch {
    display: inline-block;
    height: 22px;
    position: relative;
    width: 45px;
	margin-bottom:0;
  }
  .checkbox-wrapper-22 .switch input {
    display:none;
  }
  .checkbox-wrapper-22 .slider {
    background-color: var(--theme-grey-color);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
  }
  .checkbox-wrapper-22 .slider:before {
    background-color: var(--theme-white-color);
    bottom: 2.25px;
    content: "";
    height: 17px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 17px;
  }
  .checkbox-wrapper-22 input:checked + .slider {
    background-color:var(--theme-active-color);
  }
  .checkbox-wrapper-22 input:checked + .slider:before {
    transform: translateX(21px);
	 background-color: var(--theme-active-color-text);
  }
  .checkbox-wrapper-22 .slider.round {
    border-radius: 34px;
  }
  .checkbox-wrapper-22 .slider.round:before {
    border-radius: 50%;
  }
  /*------------ Radio Button End -----------*/
  
  
  
  
 #create_invoice_list .design-only-attendence .stats-info, #oxyem_client_list .design-only-attendence .stats-info{
    min-height: 115px;
}
.cl_bt_dow{
	Position:absolute;
	right:12px;
}
.cl_bt_dow svg{
	color:var(--theme-primary-color);
}
.disable_clie svg{
	color: #9ea09e !important;
}
.oxyem-mark-email1 svg{
	color:#2fcefb;
	font-size: 1.17rem;
}
.table_btn_disabled svg {
    color: #cccaca;
}

  /*------------ onboard start -----------*/
.onboard-question label{
    position: static !important;
}
.btn-OfferLetter{
background-color: rgb(81, 195, 226);
border: 1px solid rgb(81, 195, 226);
color: white;
}
.btn-Finance{
    background-color: #0353a4;
    border: 1px solid #0353a4;
    color: white;
}
.btn-Finance:hover{
    background-color:#0353a4;
    border: 1px solid #0353a4;
    color: white;
}
.btn-OfferLetter:hover{
    background-color: rgb(81, 195, 226);
    border: 1px solid rgb(81, 195, 226);
    color: white;
    }

.on_borad_tab_icon .tab_icons_format.complete {
    background-color: green !important;
    color: white !important;
  }
  
  .on_borad_tab_icon .tab_icons_format.next {
    background-color: rgb(204, 249, 202) !important;
    color: black !important;
  }
  
  .on_borad_tab_icon .tab_icons_format {
    background-color: #f5f5f5 !important;
    color: black !important;
  }
.on_borad_tab_icon .tab_icons_format.tab-rejected {
    background-color: red !important;
    color: white !important; 
    cursor: not-allowed !important;
  }

  .on_borad_tab_icon .tab_icons_format.rejected {
    cursor: not-allowed !important;
  }
  /*------------ onboard end -----------*/
    .send_mail_input_popup .oxyem-custom-textarea {
    min-height: 40px !important;
}    
.send_mail_input_popup .form-group {
    margin-bottom:1rem;
}
.btp-stp-popup-form .top-heading-text-tab{display:none;}
.top-amount_box_pr{align-items:center;}
.top-amount_box_pr .aomunt_opp_total_top{
	margin-bottom:3rem;
	text-align: end;
}
.pr_create_oxyem .t_inviocie_price_section{left:65%;}
.oxyem-mark-finacialinfo {
    color: #ec9f36;
    font-size: var(--theme-small-text60);
    background-color: #fef3e4;
    padding: 4px 10px;
    border-radius: 15px;
    cursor: default;
    text-align: center;
    text-transform: capitalize;
} 
.pr_create_oxyem .in_er_line .start_text_f {
    width: 100px;
    display: block;
    font-size: .75rem;
}
.oxyem_price_edit_form .top-amount_box_pr{margin-bottom:10px;}
.oxyem_price_edit_form .breadcrum-btn {
    top: 37px !important;
}

.freetexfiled .title {
    color: #333;
    float: left;
    font-weight: 600;
    width: 40%;
}

.freetexfiled .text {
    color: #888;
    display: block;
    overflow: hidden;
}
.field_no_input .f_lable_no_inp .form-label {
	Position:relative;
	top:auto;
	left:auto;
	font-weight: 600;
}
.field_no_input  .f_value_no_inp {
	margin-left:20px;
}

.oxyem-mark-dispatched, .oxyem-mark-Dispatched {
    font-size: var(--theme-small-text60); padding: 4px; border-radius: 15px; width: 80px; display: block; text-align: center; text-transform: capitalize;
    cursor: default; background-color: var(--theme-active-color-text); color: var(--theme-bg);
}
.tss-1h9t3sl-MUIDataTableHeadCell-sortAction {
    text-transform: capitalize;
}
.oxyem_radio_btn_f {
    display: inline-flex;
    background: #fff;
    height: auto;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 0px 10px;
}
.oxyem_radio_btn_f .option {
    background: #fff;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px 15px;
    border: 1px solid var(--theme-grey-color);
    transition: all 0.3s ease;
}
.oxyem_radio_btn_f input[type="radio"] {
    display: none;
}
.oxyem_radio_btn_f #option-1:checked:checked~.option-1,
.oxyem_radio_btn_f #option-2:checked:checked~.option-2 {
    border-color: #0EBC6B;
    background: #0EBC6B;
}
.oxyem_radio_btn_f .option span {
    font-size: .7rem;
    color: var(--theme-grey-color);
}
.oxyem_radio_btn_f #option-1:checked:checked~.option-1 span,
.oxyem_radio_btn_f #option-2:checked:checked~.option-2 span {
    color: #fff;
}
.main-view-box-formalities .top-box-leave{
	padding-left:0;
	padding-right:0;
}
.main-view-box-formalities .error_formalties{ margin-top:15px;}
.main-view-box-formalities .inner-text-formalitie{ margin-top:25px;}
.main-view-box-formalities .inner-text-formalitie p{ font-weight:600; display:flex; margin-bottom: 1.25rem;}
.main-view-box-formalities .inner-text-formalitie p .lable_formalitie_text{ font-weight:500; width:140px; display:block;}
.main-view-box-formalities .btn-section{ margin-top:25px; text-align:left !important;}
.main-view-box-formalities .oxyem-custom-textarea{ margin-top:25px;}
.main-view-box-formalities .top-box-leave h5{
	text-align:left;
}

.job-stage{
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}
.history-onboard-stage{   
    background-color: #f4efef;
    border: 1px solid #f4efef;
    border-radius: 8px;
    /* color: #f8a921; */
    padding: 0px 10px;
    border-radius: 15px;
    cursor: default;
    width: 53%;
    text-align: center;
    text-transform: capitalize;
}
.rewards-list{
    cursor: pointer;
}


.oxyem-mobile-card-body{min-height:60vh;}
.no_min_height{
	min-height:auto !important;
}
#sk-report-datatable-list .tss-tlx3x1-MUIDataTableToolbar-root{display:none;}
#sk-report-datatable-list {
    margin-top: 5px;
	padding:0px 10px;
}

/* reward dashboard */
#reward-dashboard .thumb-line svg{
    color: var(--theme-rewards-color);

}
#reward-dashboard .oxyem-graph-tab li.active {
    border-bottom: 2px solid var(--theme-rewards-color) !important;
}

#reward-dashboard .reward-point {
    color: var(--theme-rewards-color) ;
}

#reward-dashboard .reward-list .reward-point  {
    /* color: var(--theme-rewards-color); */
    background-color: var(--theme-rewards-color) ;
    font-size: 0.7rem;
    border-radius: 0px;
}

#reward-dashboard .nav-link.active{
    color: var(--theme-white-color);
    background-color: var(--theme-rewards-color) ;
}

#reward-dashboard .reward-list .badget{
    width: 130px;
    height: 130px;
    object-fit: contain
}
#reward-dashboard .spinner-border{
    color: var(--theme-rewards-color);
}
#reward-dashboard .thumb-line{
    position: relative; 
    top: -5px;
}
#reward-dashboard .heading-emp-reward{
    font-size:0.9rem;
}

.reward-management-top-date{
    background-color:  #7030A0;
    color: var(--theme-white-color);
    float: right;
    margin-right: 10px;
    margin-top: -10px;
    border-radius: 3px;
    font-size: 10px;
}
#rewards-management .reward-profile{
    background-color: #f6f0fa;
}
.reward-type-description{
    font-size: 15px;
    font-weight: 100;
}

.btn-reward.active {
    color: var(--theme-white-color);
    background-color: #7030A0 !important;
    border-color: #7030A0 !important;
}

.btn-reward {
    border-color: #7030A0 !important;
}

/* reward dashboard end*/

/* Reward sidebar */
.sidebar-reward {
 background: var(--theme-rewards-background-color);
}
.sidebar-reward .menu-title{
    color: white;
}
.sidebar-reward .sidebar-menu li.active>a > span{
    color: #ffef1e;
}

.sidebar-reward .sidebar-menu li a:hover{
    background: none;
    border-radius: 0;
}
.sidebar-reward .sidebar-menu li a{
    background: none;
    display: block;
    width: 100%;
}
.sidebar-reward .sidebar-menu li a span:hover{
    color: #ffef1e;
}
.sidebar-reward .sidebar-menu li a span{
    color: var(--dropdownselectedcolor);
}
.sidebar-reward .sidebar-item.open .submenu i {
    color: var(--theme-white-color);
}
.sidebar-reward .sidebar-item .submenu i {
    color: var(--theme-white-color);
}


.sidebar-reward .sidebar-menu li.active>a::before {
    width: 6px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffef1e;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 0px 8px 8px 0px;
}

#reward-type-list .custom-drawer{
    background: var(--theme-rewards-background-color) !important;
}
.reward-team-individual-text{
    font-size: 0.7em;
}
.reward-team-individual-name{
    font-size: 1.5em;
    margin-bottom: 5px;
}
.reward-team-individual-btn{
    width: 50%;
}
.btn-reward-module:hover{
    background-color: #bd78f0;
    border: 1px solid #bd78f0;
}
#rewards-management-popup .btn-reward-module:focus-visible{
    background-color: #bd78f0 !important;
    border: 1px solid #bd78f0 !important;
    box-shadow: var(--theme-box-shadow) !important;
}

#rewards-management-popup .btn-reward-module:active{
    background-color: #bd78f0 !important;
    border: 1px solid #bd78f0 !important;
    box-shadow: var(--theme-box-shadow) !important;
}

.btn-reward-module{
    width: 40%;
    height: 15%;
    background-color: var(--theme-rewards-color);
    border: 1px solid var(--theme-rewards-color);
}

#rewards-management-popup .btn-reward-module:disabled{
    background-color: #bd78f0 !important;
    border: 1px solid #bd78f0 !important;
    box-shadow: var(--theme-box-shadow) !important;
}


.header-reward{
    background: #bd78f0;
}

.header-reward .menu-toggle svg{
    color: var(--theme-white-color);
}

.header-reward .oxyem-form input[type="text"]{
background-color: #e9d7f7;
}
.header-reward .oxyem-form-clicked input[type="text"]{
    background-color: #e9d7f7;
    }

.header-reward .main_emp_name{
    color: var(--theme-white-color);
}
.header-reward .main_emp_name_icon svg{
    color: var(--theme-white-color);
}

/* Reward sidebar End*/

.btn-export{
	background-color: #0EBC6B;
	color: #fff;
	margin-left:7px;
}
.btn-export svg{
	font-size: 1.1rem;
}
.btn-export:hover, .btn-export:active, .btn-export:focus{
	background-color: #008d2e !important;
	color: #fff !important;
}
#sk-report-datatable-list{Position:relative;}
.report-export-btn-d {
    background-color: #008d2e;
    font-size: var(--theme-btn-text);
    padding: .5rem 1rem;
    color: #fff;
    width: max-content;
	border-radius:.375rem;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
}
.report-export-btn-d svg{
    font-size: 1.35rem;
	margin-right:5px;
}
#sk-report-datatable-list .MuiPaper-root{
	margin-top:60px;
} 
.design-only-performance_Review {
    margin-bottom: 35px;
    margin-top: 10px;
}

.design-only-performance_Review .all_performance {
    color: #7030A0;
}

.design-only-performance_Review .stats-info {
    min-height: 125px;
    position: relative;
}

.design-only-performance_Review .top_lable_perform {
    font-size: var(--theme-small-text60);
    padding: 4px 12px;
    border-radius: 15px;
    cursor: default;
    width: auto;
    display: block;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    top: 0;
    right: 0;
    top: -11px;
    right: 11px;
}

.design-only-performance_Review .stats-info-sub .top_lable_perform {
    color: var(--theme-active-color-text);
    background-color: var(--theme-active-color);
}

.design-only-performance_Review .stats-info-srev .top_lable_perform {
    color: var(--theme-pending-color-text);
    background-color: var(--theme-pending-color);
}

.design-only-performance_Review .stats-info-close .top_lable_perform {
    color: var(--theme-inactive-color-text);
    background-color: var(--theme-inactive-color);
}

.oxyem-main-perform_dashborad .oxyem-graph-tab {
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.oxyem-main-perform_dashborad .oxyem-graph-tab .nav-link {
    padding-left: 85px;
    padding-right: 85px;
}

.oxyem-main-perform_dashborad .tab-content {
    min-height: 25vh;
    padding: 20px;
    padding-top: 35px;
}

.performace_dashborad_box {
    border: 1px solid #DCDCDC;
    padding: 5px 15px 25px 15px;
}

.performace_dashborad_box .performace_dashborad_box_head {
    text-align: right;
}

.performace_dashborad_box .performace_dashborad_box_head svg {
    font-size: 1.45rem;
	color:#f9c82b;
}

.performace_dashborad_box .performace_dashborad_box_img {
    text-align: center;
    margin: 25px 0;
}

.performace_dashborad_box .main_text_perform {
    text-align: center;
    margin-bottom: 20px;
}

.performace_dashborad_box .bottom_text_per {
    align-items: center;
}

.performace_dashborad_box .performace_dashborad_box_img img {
    width: 100px;
}

.performace_dashborad_box .btn-performance {
    width: 100%;
    background-color: #7030A0;
    color: #ffffff;
    margin-top: 20px; 
}
.btn-performance{
    background-color: #7030A0;
    color: #ffffff; 
	
}
.btn-performance:hover, .btn-performance:active, .btn-performance:focus{
    background-color: #8b3cc7;
    color: #ffffff; 
}
.performace_dashborad_box .bottom_text_per .oxyem-perform-date,
.performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
    font-size: .65rem;
}


@media (min-width: 1601px) {
    .performace_dashborad_box .performace_dashborad_box_img img {
        width: 60px;
    }

    .performace_dashborad_box .bottom_text_per .oxyem-perform-date,
    .performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
        font-size: .75rem;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1461px) {
    .performace_dashborad_box .performace_dashborad_box_img img {
        width: 50px;
    }

    .performace_dashborad_box .bottom_text_per .oxyem-perform-date,
    .performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
        font-size: .65rem;
    }
	.performace_dashborad_box .main_text_perform {
    font-size:1rem;
	margin-bottom: 12px;
}
.performace_dashborad_box .performace_dashborad_box_head svg {
    font-size: 1.25rem;
}
.performace_dashborad_box .performace_dashborad_box_img {
    margin: 20px 0;
}

@media only screen and (max-width: 1460px) and (min-width: 1281px) {
    .performace_dashborad_box .performace_dashborad_box_img img {
        width: 60px;
    }

    .performace_dashborad_box .bottom_text_per .oxyem-perform-date,
    .performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
        font-size: .55rem;
    }}

	.performace_dashborad_box .main_text_perform {
    font-size:1rem;
	margin-bottom: 12px;
}
.performace_dashborad_box .performace_dashborad_box_head svg {
    font-size: 1.25rem;
}
.performace_dashborad_box .performace_dashborad_box_img {
    margin: 20px 0;
}
}

@media only screen and (max-width: 1280px) and (min-width: 1160px) {
    .performace_dashborad_box .performace_dashborad_box_img img {
        width: 55px;
    }

    .performace_dashborad_box .bottom_text_per .oxyem-perform-date,
    .performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
        font-size: .5rem;
    }

    .performace_dashborad_box .main_text_perform {
        font-size: .9rem;
    }

    .performace_dashborad_box .performace_dashborad_box_head svg {
        font-size: .95rem;
    }

    .performace_dashborad_box {
        border: 1px solid #DCDCDC;
        padding: 5px 8px 15px 8px;
    }
}

@media (max-width: 575px) {
    .performace_dashborad_box {
        margin-bottom: 20px;
    }

    .oxyem-main-perform_dashborad .oxyem-graph-tab .nav-link {
        padding-left: 50px;
        padding-right: 50px;
    }

    .performace_dashborad_box .performace_dashborad_box_img img {
        width: 75px;
    }

    .performace_dashborad_box .bottom_text_per .oxyem-perform-date,
    .performace_dashborad_box .bottom_text_per .oxyem-custom-table-profile {
        font-size: .75rem;
    }

    .performace_dashborad_box .btn-performance {
        margin-top: 20px !important;
    }

    .performace_dashborad_box {
        padding: 7px 20px 25px 20px;
    }
}

.perform_l {
    padding-right: 5px;
}

.perform_r {
    padding-left: 5px;
}

.tab_section_performance .performace_search_icon {
    text-align: end;
    position: relative;
    margin-bottom: 10px;
} 

.tab_section_performance .performace_search_icon span svg {
    font-size: 1rem;
}

.tab_section_performance .performace_search_icon span {
    padding: 7px 15px;
    background-color: #7030A0;
    color: #ffffff;
    cursor: pointer;
    border-radius: .4rem;
}
.tab_section_performance .performace_form_hide, .tab_section_performance .performace_form_hide_h{
    opacity: 0;
    min-height: auto !important;
    max-height: auto;
    height: 5px !important;
    transition: opacity 1s ease, height 1.5s ease;
  }
  .tab_section_performance .performace_form_visible, .tab_section_performance .performace_form_visible_h {
    opacity: 1;
    min-height: auto !important;
    max-height: auto;
    height: 295px;
    transition: opacity 1.5s ease, height 1.5s ease;
  }
  
.custom_staus_dropdown{
    position: relative;
	margin-right:20px;
}
.custom_staus_dropdown .btn svg{
    font-size: 1rem !Important;
    margin-left: 7px;
}
.custom_staus_dropdown .input-box-section{
    color: #ffffff;
    cursor: pointer;
    background-color: #7030A0;
    display: block;
    border-radius: .4rem;
    width: 100%;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: var(--theme-medium-small-text);
    text-transform: capitalize;
}
.custom_staus_dropdown .custom_staus_dropdown_option {
    -webkit-box-shadow: 0 0 1px 1px #f1f0f0;
    -moz-box-shadow: 0 0 5px 2px #f1f0f0;
    box-shadow: 0 0 1px 1px #f1f0f0;
    padding: 10px;
    position: absolute;
    width: 100%;
    top: 43px;
    background-color: #ffffff;
    border-radius: .35rem;
	z-index:99;
}
.custom_staus_dropdown .form-dropdown-field {
    padding: 8px 7px;
    text-align: center;
    margin: 8px 0;
    border-radius: .35rem;
}
.form-check-pending {
    background-color: #DCEAF7;
}
.form-check-wait {
    background-color: #f2CfEE;
}
.form-check-approve {
    background-color: #C2F1C8;
}
.form-check-acceptence {
    background-color: #FBE3D6;
}
.form-dropdown-field {
    position: relative;
  }

  .form-dropdown-field label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px;
    display: block;
    top: 5px;
  }
  .form-check-pending label {
    border: 1px solid var(--theme-pending-color-text);
  }
  .form-check-wait label {
    border: 1px solid #f16ce2;
  }
  .form-check-approve label {
    border: 1px solid var(--theme-active-color-text);
  }
  .form-check-acceptence label {
    border: 1px solid #fb8d51;
  }

  .form-dropdown-field label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 10px;
  }

  .form-dropdown-field input[type="checkbox"] {
    visibility: hidden;
    display: none;
    opacity: 0;
  }

  .form-dropdown-field input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
  }
  .form-check-pending input[type="checkbox"]:checked + label {
    background-color: var(--theme-pending-color-text);
    border-color: var(--theme-pending-color-text);
  }
  .form-check-wait input[type="checkbox"]:checked + label {
    background-color: #f16ce2;
    border-color: #f16ce2;
  }
  .form-check-approve input[type="checkbox"]:checked + label {
    background-color: var(--theme-active-color-text);
    border-color: var(--theme-active-color-text);
  }
  .form-check-acceptence input[type="checkbox"]:checked + label {
    background-color: #fb8d51;
    border-color: #fb8d51;
  }
  .form-dropdown-field input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }
  
/* -------------- AUTH PAGE START ----------------- */
.navbar-area {
    z-index:99;
}

.auth_page_form {
background: #fff;
border-radius: 6px;
text-align: center;
padding: 40px 0px;
align-items: center;
}
.auth_page_heading{font-size:1.35rem; line-height:1.5; text-align: left;}
.auth_page_text{text-align: left; font-size:var(--theme-small-text)}
.auth_page .skolrup-learning-card-body{padding: 0px;}
.auth_page .sk-log-container{min-height:auto; padding:30px 0px 55px 0px;}
.auth_page .oxyem-login-screen-right img{width:70% !important;  text-align: center; margin: 0px auto;}
.auth_page .login-right{margin-bottom: 0px !important;}
.footer__area{margin-top:2rem !important;}
.footer__area .content_footer p{font-size:.85rem !important;}
.footer__area .footer__widget-title {
font-size: 16px;
}
.footer__area .footer__btm ul li {
font-size:.85rem !important;
color: var(--optionalColor);
}
.footer__area .footer__btm ul li a{
color: var(--theme-primary-color);
}
.footer__area .logo_size_text{
font-size:1.85rem !important;
margin-bottom:1rem;
}
.auth_page .form-control {
background-color:transparent !important;
border: 1px solid var(--theme-border-color) !important;
box-shadow: none !important;
color: var(--theme-secondary-color) !important;
font-size: var(--theme-medium-small-text) !important;
height: 50px !important;
border-radius:5px;
}
.diclaimer_log_in{
    font-size: var(--theme-medium-small-text);
    margin-top: 40px;
    text-align: left;
}
.auth_otp_heading{margin-bottom: 20px;}
.auth_otp_subtext{font-weight: 500; margin-bottom: 15px;}
.auth_otp_text{font-size: var(--theme-semi-medium-text)}
.login-wrapper .sk-loginbox .login-right .forgotpass{margin-top: 10px;}
.auth_scan_heading{
    margin-bottom: 15px;
}
.auth_scan_subheading {
    color: #2d2d37;
    margin-bottom: 10px;
    display: block;
}
.auth_scan_text {
    margin-bottom: 10px;
}


.oxyem_auth_otp input[type=number] {
   appearance: textfield;
  -moz-appearance: textfield; 
}


.oxyem_auth_otp input[type=number]::-webkit-inner-spin-button, 
.oxyem_auth_otp input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0;
}

/* input[type=number] {
  -moz-appearance:textfield;
} */

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
  }
  



@media (max-width: 575px) {
    .oxyem_reverse_column{
     flex-direction: column-reverse;
    }
    .auth_page .oxyem-login-screen-right {height: 285px;}
    .auth_page .oxyem-login-screen-right img{width:90% !important;}
    .auth_page .login-right {padding-top: 10px;}
     .auth_page_form {
             padding: 3vh 20px;
    height: 90vh;}
    .oxyem_auth_otp, .oxyem_auth_scan {
        margin-top: 10vh;
        -webkit-box-shadow: 0 0 3px 2px #f1f0f0;
        -moz-box-shadow: 0 0 3px 2px #f1f0f0;
        box-shadow: 0 0 3px 2px #f1f0f0;
        padding: 40px 20px;
    }
	.oxyem_auth_scan {
        margin-top: 3vh;
	}
     .auth_page_heading {font-size: 1.5rem;}
}
@media only screen and (max-width: 1199px) and (min-width: 767px) {
   .noke-nav {display: block !important; padding: 0px 10px; }
       .noke-responsive-nav .noke-responsive-menu{display: none !important; }
       .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {padding: 25px 35px !important;}
}

/* Reward btn style */
#reward-dashboard .breadcrumb-item a ,
#reward-list-admin .breadcrumb-item a,
#select-rewards-for-add .breadcrumb-item a{
    color: var(--theme-rewards-color);
    text-decoration: none;
}

#reward-dashboard .btn-primary,
#reward-list-admin .btn-primary {
    background-color: var(--theme-rewards-color);
    border: 1px solid var(--theme-rewards-color);
    color: #fff; /* Adjust text color if needed */
}

#reward-dashboard .btn-primary:hover,
#reward-dashboard .btn-primary:focus,
#reward-dashboard .btn:focus-visible,
#reward-dashboard .btn-primary:focus-visible,
#reward-dashboard .btn-primary:active,
#reward-list-admin .btn-primary:hover,
#reward-list-admin .btn-primary:focus,
#reward-list-admin .btn:focus-visible,
#reward-list-admin .btn-primary:focus-visible,
#reward-list-admin .btn-primary:active {
    background-color: var(--theme-rewards-color) !important;
    border: 1px solid var(--theme-rewards-color) !important;
    color: #fff;
    box-shadow: none; /* Removes focus shadow if unwanted */
}

#reward-list-admin .oxyem-graph-tab li.active {
    border-bottom: 2px solid var(--theme-rewards-color) !important;
}
#reward-list-admin .tss-10rusft-MUIDataTableToolbar-icon svg{
    color: var(--theme-rewards-color);
}

#reward-list-admin .MuiTableBody-root svg {
    color: var(--theme-rewards-color);
}
/* Reward btn style End*/


/* Performance module Start*/
#performance-module .breadcrumb-item a{
    color: #7030A0;
}
#performance-module .sidebar .menu-title {
    color: var(--theme-white-color);
}
#performance-module .sidebar-menu li.active>a{background-color:transparent; }
#performance-module .sidebar-menu>ul>li>a:hover {
    background-color: #7633aa;
	color:#fff;
}
#performance-module .sidebar-menu li a{background-color:transparent; color:#fff;}
#performance-module .oxyem-graph-tab li.active {
    border-bottom: 2px solid #7030A0 !important;
}
#performance-module .sidebar, #performance-module .header {
    background: hsla(274, 54%, 41%, 1);

    background: linear-gradient(135deg, hsla(274, 54%, 41%, 1) 0%, hsla(274, 54%, 47%, 1) 50%, hsla(274, 53%, 49%, 1) 100%);
    
    background: -moz-linear-gradient(135deg, hsla(274, 54%, 41%, 1) 0%, hsla(274, 54%, 47%, 1) 50%, hsla(274, 53%, 49%, 1) 100%);
    
    background: -webkit-linear-gradient(135deg, hsla(274, 54%, 41%, 1) 0%, hsla(274, 54%, 47%, 1) 50%, hsla(274, 53%, 49%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#7030A0", endColorstr="#8037B8", GradientType=1 ); 
}
#performance-module #toggle_btn, #performance-module .oxyem-profile-link-head .main_emp_name, #performance-module .oxyem-profile-link-head .main_emp_name_icon{
    color: var(--theme-white-color);
}
.oxyem_perfprmance_tab .vertical-tabs-container{display: flex; border-top: 1px solid var(--theme-border-color);}
.oxyem_perfprmance_tab .tabs{width: 32%; border-right: 1px solid var(--theme-border-color); padding-right: 3%; padding-top: 30px;}
.oxyem_perfprmance_tab .tab-content{width: 65%; margin-left: 3%; padding-top: 30px;}
#performance-module .custom-drawer {
    width: 710px !important;
}
#performance-module .vertical-tabs-container .nav-tabs{
    display: block;
    border-bottom: none;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-link{
   text-align: left; font-weight: 500;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item{
    background-color: #F2F2F2; 
    margin: 8px 0px;
    font-weight: 600;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item:first-child {
    margin-top: 0px;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item.active, #performance-module .vertical-tabs-container .nav-tabs .nav-item:hover{
    background-color: #B8DFFF;
    color: #2196F3 !important;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item.active, #performance-module .vertical-tabs-container .nav-tabs .nav-item:hover .nav-link{
    background-color: #B8DFFF;
    color: #2196F3 !important;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item.active .nav-link{
    color: #2196F3 !important;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-link:hover {
    background-color: #B8DFFF !important;
    color: #2196F3;
    cursor: pointer;
}
.goal_popup_text{
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.75;
}
.section-name-Review .goal_popup_text, .section-name-Comments .goal_popup_text{font-weight:500;}
.goal_popup_text-highlight {
    color: #6b2d9a;
}
.remove_scroll{overflow: hidden;}

.custom_status_dropdown_t .custom_status_dropdown_text{
    display: flex;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-dropdown-field {
    width: 32%;
    height: auto;
    min-height: 100px;
    border: 1px solid var(--theme-border-color);
    padding: 7px;
    border-radius: 5px;
    margin: 1%;
    margin-bottom: 0px;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-dropdown-field:first-child {
    margin-left: 0%;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-dropdown-field:last-child {
    margin-right: 0%;
}
.custom_status_dropdown_t .custom_status_dropdown_text .active_box{
    border: 1px solid #ea18d3;
    background-color:#F6C7F1;
}
.custom_check_radio_text input[type="radio"]:checked + .custom-radio-box{
  border: 2px solid #FFDAE9;
}
.custom_status_dropdown_t .custom_status_dropdown_text label{
    width: 100%;
    border: none;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    background: transparent;
    background-color: transparent;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-dropdown-field input[type="checkbox"]:checked + label {
    background-color: transparent;
    border-color: transparent;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-dropdown-field label:after{
    display: none;
}
.custom_status_dropdown_t .custom_status_dropdown_text .form-check-label{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0px 10px;
}

.custom_status_dropdown_t .form-check-text-r{
        font-size: .65rem;
        font-weight: 600;
        line-height: 1.5 !important;
    display: block;
    max-height: 55px;
}
.custom_status_dropdown_t  .form-check-sub-text {
    font-size: .57rem;
    margin-bottom: 0;
    margin-top: 5px;
}
.oxyem_perfprmance_tab .error {
    font-size: .65rem;
}
#performance-module .custom-drawer::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#performance-module .custom-drawer::-webkit-scrollbar-thumb
{
	background-color: #7030A0;
}
#performance-module .performance_head_box{
	padding:25px 15px;
}
#performance-module .design-only-performance_Review {
    margin-bottom: 15px;
}
#performance-module .performance_head_text{margin-bottom:10px;}
#performance-module .performance_head_text svg{font-size:1.75rem; color:#7030A0;}
#performance-module .nav-tabs.nav-tabs-bottom>li>a.active, #performance-module .nav-tabs.nav-tabs-bottom>li>a.active:hover, #performance-module .nav-tabs.nav-tabs-bottom>li>a.active:focus {
    border-bottom-width: 2px;
    border-color: transparent;
    border-bottom-color: #7030A0;
}
.oxyem_radio_btn_label_text{
    margin-bottom: 5px;
}
.oxyem_perfprmance_tab .oxyem_perfom_subtext{
    color: var(--theme-grey-color);
}
.oxyem_perfprmance_tab .oxyem_perfom_head_text{
	color:#7030A0;
    font-weight: 600;
}
.oxyem_perfprmance_tab .oxyem_perfom_head_icon svg{
	color:#7030A0;
    font-size: 2rem;
}
.btn-performance svg{font-size:1.5rem;}
.form_btn_status .custom_staus_dropdown .custom_staus_dropdown_option{
    width: 250px;
    right: 0;
}
.form_btn_status .custom_staus_dropdown .form-dropdown-field {
    align-items: center;
    display: flex;
}

.form_btn_status .custom_staus_dropdown .form-dropdown-field label {
    margin-bottom: 0;
    margin-right: 10px;
}
.form_btn_status .custom_staus_dropdown .form-dropdown-field label:after {
    left: 12px;
    top: 13px;
}
.form-check-intiated label {
    border: 1px solid #F46164;
  }
  .form-check-intiated{background-color: #FFBABB;}
.form-check-intiated input[type="checkbox"]:checked + label {
    background-color: #F46164;
    border-color: #F46164;
  }
  .box_initiate_form_v{
	  background-color: #f5f4f487;
	  padding:15px 15px 0px 15px;
  }
  .box_initiate_form_v p{
	  font-weight:400;
	  display: flex;
	  font-size:12px;
	  text-transform: capitalize;
  }
  .box_initiate_form_v p span{
	  font-weight:600;
	  min-width:115px;
	  display: block;
  }
  .perfomace_id_page{padding-top:0px;}
  .form_btn_arrow{margin-top:25px;}
  .form_btn_arrow button {
    background-color: transparent;
    border: none;
}
  .form_btn_arrow svg{color:#7030a0; font-size:1.35rem;}
  .oxyem_perfprmance_tab .vertical-tabs-container .alert{padding:10px;}
  .oxyem_perfprmance_tab .vertical-tabs-container  .alert-dismissible .btn-close {
    top: 5px;
    padding: 10px;
}

.box-all_field .main_text_i_b{font-size: .75rem; font-weight: 600;}
.box-all_field .main_text_i_b span{font-weight: 600;}
.input_f_b{margin-top: 17px;}
.main_lab_name{padding: 0px 10px 0px 10px; font-size:.7rem;}
.inn_input_field input{
    background-color: transparent !important;
    border: 1px solid var(--theme-border-color) !important;
    box-shadow: none !important;
    color: var(--theme-secondary-color) !important;
    font-size: var(--theme-medium-small-text) !important;
    height: 32px !important;
    border-radius: 5px;
    padding: 0px 5px;
} 
.inn_input_field textarea{
    background-color: transparent !important;
    border: 1px solid var(--theme-border-color) !important;
    box-shadow: none !important;
    color: var(--theme-secondary-color) !important;
    font-size: var(--theme-medium-small-text) !important;
    width: 100%;
    min-height: 60px;
    max-height: 60px;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 0px 12px;
}
.texa-m-r{
    margin-bottom: 5px;
}

.rating_star_input_b .main_lab_name{
    font-size: .65rem;
    color: var(--theme-grey-color);
}
.texa-m-r .main_lab_name_textarea{
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.box-all_field{padding: 20px 5px 4px 5px; position: relative;}
.box-all_field .rating_star_input{margin: 18px 0;}
.box-all_field .rating_star_input svg {
    font-size: 1.25rem;
}
.rating_star_input_b{margin: 0 !important}
.rating_star_input_b svg {
    font-size: .85rem !important;
}
.rating_star_input_b .main_lab_name_f {
    padding-left: 0px;
}
.rating_star_input_b .rating_starnput {
    float: right;
}    
.bar_lab{
    width: max-content;
    padding: 4px 8px;
    position: absolute;
    top: 15px;
    right: 0;
}
.box_main_all_f:first-child{
	margin-top:15px;
    border-top: 1px solid #ddddddba;
}
.box_main_all_f{
    border-bottom: 1px solid #ddddddba;
}
.box_f_second  {
    border-right: 1px dotted #ddddddba;
    border-left: 1px dotted #ddddddba;
}
.label_rad{display: flex; align-items: center;}
.checkbox-wrapper-23 *,
  .checkbox-wrapper-23 *:after,
  .checkbox-wrapper-23 *:before {
    box-sizing: border-box;
  }

  .checkbox-wrapper-23 input {
    position: absolute;
    opacity: 0;
  }
    
  .checkbox-wrapper-23 input:checked + label svg path {
    stroke-dashoffset: 0;
  }
    
  .checkbox-wrapper-23 input:focus + label {
    transform: scale(1.03);
  }

  .checkbox-wrapper-23 input + label {
    display: block;
    border: 2px solid red;
    width: var(--size);
    height: var(--size);
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s ease;
    --size: 20px;
    margin-bottom: 0px;
    position: relative;
  }
    
  .checkbox-wrapper-23 input + label:active {
    transform: scale(1.05);
    border-radius: 12px;
  }
    
  .checkbox-wrapper-23 input + label svg {
    pointer-events: none;
    padding: 5%;
    position: absolute;
  }

  .checkbox-wrapper-23 input + label svg path {      
    fill: none;     
    stroke: red;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 101;
    transition: all 250ms cubic-bezier(1,0,.37,.91);
  }
  .perfomace_id_page .tab_count_text {
    background: #7030a0;
    color: #fff;
    width: 17px;
    height: 17px;
    font-size: .65rem;
    border-radius: 34px;
    display: block;
	margin-left:5px;
}
.perfomace_id_page .nav-item .skolrup-profile-tab-link {
    display: flex;
    width: 100%;
    justify-content: center;
}

.main_lab_name_input_file {
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 7px;
}
.lab_name_input_file_l {
    padding-left: 18px;
    list-style: auto;
}
.lab_name_input_file_l li{
    padding-bottom:5px;
}
.filepond--root{height: 42px !important;}
.filepond--root .filepond--drop-label {
    min-height: 42px !important;
}
.filepond--wrapper{
    z-index: 9999;
    position: relative;
}
.filepond--root .filepond--credits{display: none !important;}
.filepond--root .filepond--file-wrapper, .filepond--root .filepond--list-scroller{display: none !important;}
.box-all_field .filepond-wrapper-custom{position: relative;}
.box-all_field .filepond-wrapper-custom .filepond-custom-label{
	
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-25%, -50%);
    font-size: .7rem;
    color: #7030a0;
}
.box-all_field .filepond-wrapper-custom .filepond-custom-label svg{
    font-size: .9rem;
    color: #7030a0;
}
.box-all_field .filepond-wrapper-custom .filepond--panel-root{
    border: 2px dotted #7030a0;
    background-color: transparent;
}
.file_table_data_f table{width: 100%;}
.file_table_data_f table .s_h{width: 20%; }
.file_table_data_f table .d_h{width: 13%; }
.file_table_data_f table .f_h{width: 67%; }
.bottom_table_line .svg_ic svg{font-size: 1.1rem; cursor: pointer;}
.bottom_table_line .type_ic{font-size: .52rem;}
.bottom_table_line .name_ic{font-size: .6rem;}
.file_table_data_f table th{text-align: left; font-size: .65rem;  border-bottom: 1px solid var(--theme-border-color); padding-bottom: 5px;}
.file_table_data_f table .bottom_table_line{font-size: .65rem;  border-bottom: 1px solid var(--theme-border-color);}
.file_table_data_f table .bottom_table_line td{padding: 7px 2px;}
.file_table_data_f table .bottom_table_line:last-child{border-bottom: none;}
@media (max-width: 575px) {
.oxyem_perfprmance_tab .oxyem_perfom_head_icon svg {
    font-size: 1.6rem;
}
}
/* Performance module End*/


/* About Page Start*/
.about_page_inner{
    background-color: #fff;
    padding-top: 0px;
}
.about-box-single.about-box-center {
    text-align: center;
}
.about-box-single {
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: block;
    padding: 45px 45px 30px;
    margin-bottom: 28px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	min-height:285px;
}
.about-box-single p{
    font-size: .75rem;
    line-height: 1.5;
    min-height: 40px;
}
.about-box-single .about-img-box {
    margin-bottom: 20px;
}
.about-box-single .about-img-box img {
    width: 65px;
}
.about-box-single:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #96478d;
    color: #ffffff;
}
.about-box-single:hover h4, .about-box-single:hover p {
    color: #FFFFFF;
}
.oxyem_about_tittle_section{
    text-align: center; 
    width: 75%;
    margin: 0px auto;
    margin-bottom: 25px;
}
.oxyem_about_tittle_section .about-section-title{font-size: 1.85rem; font-weight: 600; text-transform: uppercase;}
.oxyem_about_tittle_section .about-section-subtitle{font-size: .95rem;}
.about-Single-section-title{font-size: 1.85rem; font-weight: 600; text-transform: uppercase; text-align: left;}
.about-section-space .about_left{
    border-top: 3px solid #FFC300;
    width: 60px;
    margin: 1.3em 0 1.4em 0;
    position: relative;
}
.about-section-space {
    padding: 80px 0;
    background: #eaedf6;
}
.oxyem_about {
    padding: 80px 0 55px 0;
}
.about-section-space p{
    font-size: .95rem;
    line-height: 1.85;
    margin-bottom: 15px;
}
.about-section-space p a{ 
    color: #FFC300;
}
.about-section-bg-img {

    background-image: url(../../assets/img/about_page.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.overlayer-about{
    padding: 135px 0;
    background: #9c27b0b3;
    text-align: center;
}
.overlayer-about h3{
    font-size: 1.85rem; font-weight: 600; text-transform: uppercase; color: #fff;
    margin-bottom: 20px;
}
.overlayer-about .section-subtitle{
    font-size: 1.2rem;
    line-height: 1.85;
    color: #fff;
    margin-bottom: 5px;
}
.overlayer-about .section-text{
    font-size: .95rem;
    line-height: 1.85;
    color: #fff;
    width: 70%;
    margin: 0px auto;
}
.about_white{
    background-color: #ffffff;
}
@media (max-width: 575px) {
	.overlayer-about {
    padding: 85px 0;
}
.overlayer-about .section-text {
    width: 100%;
}
.about-section-space img{width:80% !important; margin-top:15px;}
.about-section-space.about_white img{margin-top:0px !important; margin-bottom:45px;}
.oxyem_about_tittle_section {
    width: 100%;
}
}
/* About Page End*/

.main-soket-box-top {
    margin-top: 55px !important;
    border-top: 5px solid var(--theme-rewards-color) !important;
    background-color: #fff !important; /* Keeps background white */
    border-radius: 12px !important; /* Ensures rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important; /* Adds slight shadow */
}

.main-soket-box-top .like-svg{
    position: absolute;
    bottom: 15px;
    left: -8px;
color: var(--theme-rewards-color);
}


.member-assign-custom-dropdown {
    position: relative;
}
.member-assign-custom-dropdown .member-dropdown-btn {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.95;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid var(--theme-border-color);
    box-shadow: none;
    color: var(--theme-secondary-color);
    font-size: var(--theme-medium-small-text);
    height: 38px;
}
.member-assign-input-b{
    position: relative;
}
.member-assign-custom-dropdown .member-assign-input-b svg {
    font-size: .85rem;
    right: 10px;
    top: 12px;
    position: absolute;
    color: #8b3cc7;
}
input.member-dropdown-btn.active{
    border-color: #8b3cc7;
}
.member-assign-custom-dropdown .dropdown-list {
    padding-left: 0px;
    position: absolute;
    width: 100%;
    right: 0;
    border: 1px solid var(--theme-border-color);
    margin-top: 10px !important;
    border-radius: 6px;
    max-height: 185px;
    z-index: 999;
    background-color: #fff;
    overflow: auto;
    box-shadow: var(--theme-box-shadow);

    &::-webkit-scrollbar {
        width: 8px;
    }

    &::-webkit-scrollbar-track {
        background-color: var(--theme-lightgrey-color);
    }

    &::-webkit-scrollbar-thumb {
        background-color: #7030A0;
    }
}

.member-assign-custom-dropdown .dropdown-item {
    padding: 5px 10px;
    background: #f8f8f8;
    border-bottom: 1px solid #e8e7e7;
    cursor: pointer;
}
.member-assign-custom-dropdown .dropdown-item:hover {
    background-color: #7030A0;
    color: #ffffff;
}
.section-name-Comments .goal_popup_text {
    margin-bottom:15px;
}



.about-section-subtitle a{
	color:#FFC300;
}


.tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{
	width:100%;
}

.tss-1qjwhn0-MUIDataTableBody-emptyTitle{
	text-align:left;
}

#emp-dashboard-rewards .nav-item.active ,#emp-dashboard-rewards .nav-item{
    font-size: 0.9em;
    font-weight: 600;
}
#emp-dashboard-rewards .badget {
    width: 100px;
    height: 112px;
    object-fit: contain;
}

.oxyem_auth_otp #otp span{margin:0px 8px;}
.oxyem_auth_otp #otp input[type=number]{margin:0px !important;}





.goal_status_btn{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: var(--theme-active-color-text);
    top: 10px;
    right: 15px;
    border-radius: 50%;
}
.perfomace_id_page .ck-content ul, .perfomace_id_page .ck-content li, .perfomace_id_page .ck-content p,
.perfomace_id_page .ck-content span{
    font-size: .7rem !important;
    font-family: var(--theme-font-family) !important;
    line-height: 1.65;
    margin-bottom: 5px;
}
.highlight_t_s{
    color: var(--theme-color);
    font-size: .5rem;
    line-height: 1.4;
}
.custom_file_field_b {
    padding: 4px;
    text-align: center;
    border: 2px dotted #7030a0;
    font-size: .65rem;
    color: #7030a0;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 15px;
}
.custom_file_field_b svg{
    font-size: .95rem;
    margin-right: 7px;
}
.file_table_data_f table .bottom_table_line td {
    word-break: break-all;
}
.main_lab_name_b {
    background: #7030a0;
    margin-left: 5px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.file_table_data_f {
    padding-right: 6px;
    max-height: 125px;
    overflow: auto;
    &::-webkit-scrollbar {
        width: 3px;
    }

    &::-webkit-scrollbar-track {
        background-color: var(--theme-lightgrey-color);
    }

    &::-webkit-scrollbar-thumb {
        background-color: #7030A0;
    }
}
.box_main_all_f .checkbox-wrapper-19 .check-box {
    border: calc(var(--checkbox-height)* .13) solid red;
}
.box_main_all_f .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box, .box_main_all_f .checkbox-wrapper-19 .check-box.checked {
    border-color: red;
}
.box_main_all_f .checkbox-wrapper-19 .check-box::before, .box_main_all_f .checkbox-wrapper-19 .check-box::after {
    background-color: red;
}
.box_main_all_f .inn_input_field textarea:focus-visible, .box_main_all_f .inn_input_field input:focus-visible {
    outline: none;
    border: 1px solid #7030A0 !important;
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {

.menu-toggle{
    position: absolute;
    left: 255px;
    top: 20px;
}

}

.attendance-time-profile .time{
    font-size: .6rem;
    color: var(--theme-grey-color);
}

.attendance-time-profile .label{
    font-size: 0.7rem;
}

.emp_dash_bottom_box .attendence-button{
    display: grid;
}

.emp_dash_bottom_box .attendence-checkin .btn-primary{
    color: #fff;
    background: #0EBC6B !important;
    border: 1px solid #0EBC6B !important;
    
}

#me-dashboard .custom_padding_wid_noti {
    padding: 10px 25px;
    min-height: 300px;
    max-height: 260px;
    overflow: auto;
}

#me-dashboard .checked-in-at{
    color: var(--theme-grey-color);
}

/* mover-oxyem-select */

#mover-oxyem-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#mover-oxyem-select .mover-main-container{
    width: 45%;
    position: relative;
}

#mover-oxyem-select .box-heading{
  font-size: var(--theme-small-text);
  color: var(--theme-label-color);
  font-weight: 500;
  top: -20px;
  left: 10px;
  background: var(--theme-white-color);
  margin-bottom: 0;
  padding: 0px 5px;
  z-index: 9;
}

#mover-oxyem-select .scrollContainerStyle{
    height: 260px;
    overflow: auto;
}

#mover-oxyem-select .spanIsFor{
    color: blue;
    font-size: 0.6rem;
    float: end;
}

#mover-oxyem-select .searchBoxStyle{
    padding: 10px 20px;
    width: 100%;
    border: 1px solid var(--theme-border-searchbar-color); 
    background-color: #e6e6e6;
    border-radius: 5px;
}

#mover-oxyem-select .oxyem-motion-mover{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0px;
    height: 300px;
}

#mover-oxyem-select .buttonStyle{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}

/* End mover-oxyem-select  */

.fileupload-pending img{
    width: 24px;
    margin-left: 7px;
}
.fileupload-check svg{
    font-size: 1.25rem !important;
    margin-left: 7px;
}
.inn_input_field_self{
    margin-top: 15px;
}
.inn_input_field_self {
    padding-right: 6px;
    max-height: 180px;
    overflow: auto;
    &::-webkit-scrollbar {
        width: 3px;
    }

    &::-webkit-scrollbar-track {
        background-color: var(--theme-lightgrey-color);
    }

    &::-webkit-scrollbar-thumb {
        background-color: #7030A0;
    }
}
.comment_area_box_area{
    margin-bottom: 10px;
}
.inn_input_field_self .comment_area_b{
    border: 1px solid #f1f0f087;
    font-size: .65rem;
    border-radius: 5px;
    padding: 3px 7px;
    color: #706f6f;
}
.inn_input_field_self .comment_bottom_info .c_info_detail{
    font-size: .5rem;
    padding: 0px 2px;
    color: var(--theme-grey-color);
}
.box-all_field .btn {
    margin-top: 5px;
    padding: 5px 12px;
}
.box-all_field {
    padding: 20px 15px 12px 15px;
}
    .box-all_field .main_text_i_b {
        width: 85%;
        text-transform: capitalize;
        display: flex;   
         line-height: 1.4;
    }
    .box-all_field .main_text_i_b span {
        display: block;
        margin-right: 4px;
    }
    .status_btn_per_open{
        background: var(--theme-active-color-text);
    }
    .status_btn_per_close{
        background: red;
    }
    .performance_error_content{
        color: red;
        font-size: .65rem;
        text-transform: capitalize;
        margin-bottom: 10px;
    }
    .input_f_b  .performance_error_content{
        padding-left: 20px;
    }


.fileupload-pending img{
    width: 24px;
    margin-left: 7px;
}
.fileupload-check svg{
    font-size: 1.25rem !important;
    margin-left: 7px;
}







@media screen and (max-width: 1180px) {

 .oxyem-navbar-search{
	 margin-right:0px;
 }
 
 
.top-nav-search {
    margin-right: 10px !Important; 
}

.oxyem-navbar-search .oxyem-user-menu .nav-item {
    margin-right: 10px !important;
}

.oxyem-navbar-task .oxyem-comb-tsk{
    margin-right: 10px !important; 
}

.top-nav-search .oxyem-form{
	width:10rem;
}

.header_attendance_modu{
	display:block; 
	        margin: 8px 35px; 
}

}



@media screen and (max-width: 932px) {

	.design-only-timesheetemp .stats-info {
    width: 22.6%;
}

.design-only-performance_Review .stats-info-orange .top_lable_perform {
    color: #FBE3D6;
    background-color: #fb8d51;
    font-size: 9px;
}

}

@media screen and (max-width: 1024px) {
	
	
	
	.design-only-timesheetemp .stats-info {
        width: 30.2%;
    }
	
	.top-header-taxProjection{ 
		min-height:100px;
		padding:15px 5px;
	}
	
	.tax_value{
		font-size:1rem;
	}
	
	.stats-info.stats-info-cus img{
		display:none;
	}
	
	.stats-info-cus h4{
		font-size:1.5rem !important;
	}
	
	
	.sidebar{
		width:220px;
	}
	
	.page-wrapper {
    margin-left: 220px;
	
	}
	
	.oxyem-create-attendenc-section .attendence-button {
    width: 31%;
	}
	
		.claim-detail-v-page li .title {
		width:45%;
	}
	

 .oxyem-navbar-search{
	 margin-right:0px;
 }
 
 
.top-nav-search {
    margin-right: 5px !Important; 
}

.top-nav-search .oxyem-form{
	width:10rem;
}


.oxyem-navbar-search .oxyem-user-menu .nav-item{
	margin-right:5px !important;
}

.oxyem-navbar-task .oxyem-comb-tsk{
	margin-right:5px;
}

.nav-link{
	padding: 0px 5px 5px 5px;
}

.top-nav-search .oxyem-form-clicked{
	width:12rem;
}

.oxyem-navbar-search{
	margin-top:12px;
}

.header .header-left{
	width:195px;
}







.header_attendance_modu{
	display:block;
	        margin: 8px 35px;
}

}


@media screen and (min-width: 768px) {
	
	.oxyem-main-attendance_dashborad .oxyem-graph-tab .nav-link{
		padding-left:35px !important;
		padding-right:35px !important;
	}
	
	.inn_input_field input{
		width:48% !important;
	}

}

@media screen and (min-width: 1024px) {
	
	.container-custom-boi h3{
		font-size:1rem;
	}
	
		.performance_employee .stats-info {
    width: 33% !important;
}
	
	.rating_display_section .rating_star_input svg{
		font-size:1rem;
	}
	
	.inn_input_field input{
		width:50%;
	}
	
	
	.btn-add-improvement .btn-performance {

    padding: 8px 12px;
	
	}
	
	.btn-performance {

    padding: 8px 3px;
	
}	



}	
	
@media screen and (min-width: 1180px) {
	
		.performance_employee .stats-info {
    width: 33% !important;
}
	
	
	.btn-performance {

    padding: 8px 12px;
}
	
	
.design-only-timesheetemp .stats-info {
    width: 18.1%;
}

.design-only-performance_Review .stats-info-orange .top_lable_perform {
    color: #FBE3D6;
    background-color: #fb8d51;
    font-size: 9px;
}

}

@media screen and (min-width: 1360px) {
.design-only-timesheetemp .stats-info {
    width: 18.5%;
}

.performance_employee .stats-info {
    width: 33% !important;
}

}

@media (min-width: 991px) and (max-width: 1024px) {
	
	.performance_employee .stats-info {
    width: 33% !important;
}
	
	
	.design-only-timesheetemp .stats-info {
    width: 22.9%;
}
	
		.profile-img-wrap{
		position:relative;
	}
	
	.profile-view .profile-basic {
    margin-left: 0px;
	margin:20px 0 0;
}



	
	
}


@media screen and (max-width: 991px) {
	
	.oxyem-mobile-bottom-nav{
		display:none;
	}
	
	
	.pr_card .user_name_m{
		font-size:1rem;
	}
	
	.oxyem-create-attendenc-section .attendence-button{
		width:50%;
	}
	
	.user-name{
		font-size:20px;
	}
	
	.profile-info-left .text-muted{
		font-size:12px;
	}
	
	.profile-info-left h4 {
		font-size:13px;
	}
	
	.personal-info-header-right li .title{
		width:60%;
	}
	
	.claim-detail-v-page li .title {
		width:45%;
	}

	
	
	.oxyem-stoke-template-grid{
	display:block !important;
}

.oxyem-stoke-template-box{
	width:100% !important;
	margin-bottom:20px; 
}
	
	
	
	
	.oxyem-main-perform_dashborad .tab-content{
		padding:5px;
	}
	
	
    #toggle_btn {
        align-items: center;
        color: var(--theme-secondary-color);
        display: inline-flex;
        float: left;
        font-size: var(--theme-extra-large-text);
        height: 48px;
        width: 48px;
        justify-content: center;
        padding: 0 10px;
        position: absolute;
        z-index: 99;
        top: 10px;
        cursor: pointer;
    }
	
.header_attendance_modu{
	display:none !important;
}

.oxyem-navbar-task .oxyem-comb-tsk{
	margin-right:5px;
}

.oxyem-navbar-search .oxyem-user-menu .nav-item{
	margin-right:5px !important;
}

.nav-link{
	padding-left:5px;
}

.personal-info-header-right li {
    padding: 5px 0;
    margin-bottom: 10px;
}

	
}



@media screen and (max-width: 640px) {
	
	
	    .oxyem-navbar-task .oxyem-comb-tsk {
	
	display:none;
}
.oxyem-profile-link-head .main_emp_name{
	
	display:none;
}

    #toggle_btn {
        top: -10px;
       
    }

}












@media (max-width: 1023px) {
	
		.claim-detail-v-page li .title {
		width:45%;
	}
	
	
	.card .card-title{
		font-size:15px;
	}
	
	
	.profile-img-wrap{
		position:relative;
		margin-bottom:20px;
	}
	
	
	.profile-view .profile-basic{
		margin-left:0px;
	}
	
	.card-body {
    flex: 1 1 auto;
    padding: 1rem .5rem;
}
	
	
    h6 {
        font-size: 12px;
    }
	    h3 {
        font-size: 16px;
    }
}

.leave_grap_inner_box {
    display: flex;
}

.leave_grap_inner_box .graph_type_sec {
    font-size: .6rem;
}
.leave_grap_inner_box {
    display: flex;
    align-items: center;
	padding: 5px 5px;
    border-bottom: 1px solid var(--theme-border-color);
}
.graph_profile_img {
    width: 75%;
    display: flex;
    align-items: center;
}
.graph_profile_img .info_e_sec {
    text-align: left;
}
.graph_profile_img .info_e_sec h4 {
    font-size: .55rem;
    font-weight: 600;
    margin-bottom: 2px;
}
.graph_profile_img .info_e_sec h5 {
    font-size: .45rem;
    margin-bottom: 0px;
}
.leave_grap_inner_box .graph_status_sec {
    width: auto;
    font-size: .4rem;
    padding: 4px 7px;
}
.cus_leave_box_e .oxy_chat_inner_text{
    margin-top: 20px;
}
.leave_grap_section_t_box p{
    margin-bottom: 0px;
}
.leave_grap_section_t_box span{
    margin-bottom: 25px;
    display: block;
}
.leave_grap_section_box {
    padding-right: 5px;
    max-height: 120px;
    min-height: 100px;
    overflow: auto;
    &::-webkit-scrollbar {
        width: 3px;
    }
    &::-webkit-scrollbar-track {
        background-color: var(--theme-lightgrey-color);
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--theme-primary-color);
    }
}

.inn_input_field input:disabled, .inn_input_field textarea:disabled {
    background-color: #f2f2f2 !important;
}
.box_main_all_f .checkbox-wrapper-19 input[type=checkbox]:disabled + .check-box, .box_main_all_f .checkbox-wrapper-19 .check-box.disabled {
    border-color: #c3c0c0 !important;
}
.box_main_all_f .checkbox-wrapper-19 input[type=checkbox]:disabled + .check-box::before,  .box_main_all_f .checkbox-wrapper-19 input[type=checkbox]:disabled + .check-box::after{
    background-color: #c3c0c0 !important;
}
/*-------------------- Logo Start -----------------------*/
.main_logo_oxy{
    align-items: end !important;
    padding-bottom: 5px !important;
}
.main_logo_oxy .logo_b_text_oxyem{font-size: .6rem; margin-bottom: 0px; color: #000000;  line-height: 1.4;}
.main_logo_oxy .logo_text_oxyem{     font-size: 1.3rem;
    letter-spacing: .5px;
    margin-bottom: 0px;font-weight: 600; line-height: 1.4;}
.main_logo_oxy .logo_text_oxyem{color: #30c8be;}
.main_logo_oxy .logo_text_oxyem span{color: #96478d;}
.logo_text_oxy{margin-left: 2px;}
.mini-sidebar .logo_text_oxy{
   display: none;
}
.header-left{display: flex;}
#performance-module .main_logo_oxy .logo_b_text_oxyem {
    color: #ffffff;
}
#performance-module .main_logo_oxy .logo_text_oxyem {
    color: #fbb03b;
}
#performance-module .main_logo_oxy .logo_text_oxyem span {
    color: #fff;
}
@media (max-width: 575px) {
	
	.oxyem-main-perform_dashborad .oxyem-graph-tab .nav-link{
		    padding-left: 35px;
    padding-right: 35px;
	}
	
	
	
	#performance-module .main_logo_oxy .logo_text_oxyem span {
    color: #96478d;
}
	
    .main_logo_oxy .logo_b_text_oxyem{display: none;}
    .logo_text_oxy {
        margin-left: 0px;
    }
    .main_logo_oxy {
        padding-bottom: 0px !important;
    }
    .main_logo_oxy .logo_text_oxyem{ font-size: .65rem;}
    .logo-mobile img {
        width: 38px;
    }
    .header-left {
        display: block;
    }
	.noke-responsive-menu .logo_pic_oxy img{width:52px;}
	   .noke-responsive-menu .main_logo_oxy .logo_text_oxyem {
        font-size: .85rem;
    }
}
/*-------------------- Logo End -----------------------*/

.perform_notes_btn_status .btn-notes-section{
	margin-bottom:0px;
	margin-right:8px;
}
.perform_notes_btn_status .custom_staus_dropdown button{
	color:#ffffff;
}
.perform_notes_btn_status .form-check-intiated{
	border:none;
}
.perform_notes_btn_status .form-check-intiated:hover, .perform_notes_btn_status .form-check-intiated:focus-visible, .perform_notes_btn_status .form-check-intiated:active {
    background-color: #feacad;
}
.url_field input {
    width: 60%;
}

.emp-claim-box-chart .oxy_tsk_2{
    color: black !important;
}

.emp-claim-box-chart .oxy_tsk_1{
    color: rgb(38, 175, 72) !important;
}


.performace_summary_heading{
    display: flex;
    align-items: center;
}
.performace_summary_heading p{
    font-size: .75rem;
    margin-bottom: 0;
}
.performace_summary_heading svg{
    font-size: 2.25rem;
    color: #7030A0;
    margin-right: 10px;
}
.rating_display_section .performace_summary_heading, .rating_display_section .performace_summary_upload{
   margin-bottom: 35px;
}
.rating_display_section .table_content_data_perform table{
        width: 100%;
}
.rating_display_section .table_content_data_perform table tr{
    border-bottom: 1px solid var(--theme-border-color);
}
.rating_display_section .table_content_data_perform table td{
        padding: 8px;
}
.rating_display_section .table_content_data_perform table th:first-child {
    width: 40%;
}
.rating_display_section .table_content_data_perform table th{
        width: 20%;
        padding: 8px; 
}
.rating_display_section .table_content_data_perform h3{
    font-size: .85rem;
    font-weight: 600;
    display: flex;
    margin-bottom: 15px;
}
.rating_display_section .table_content_data_perform h3 span{
   background: #7030a0;
    color: #fff;
    width: 17px;
    height: 17px; 
    font-size: .65rem;
    border-radius: 34px;
    display: block;
    margin-left: 5px;
    line-height: 17px;
    text-align: center;
}
.performace_summary_heading{
	margin-bottom:20px;
}
.table_content_data_perform {
    padding: 0px 0px 20px 0px;
}
.rating_display_section .rating_star_input svg {
    font-size: 1rem;
}
.performace_summary_heading.middle{
    font-weight: 600;
    margin-top: 35px;
}
.performace_summary_heading.bottom{
    font-weight: 600;
}
.improve_strength_section{
    margin-top: 35px;
}
.improve_strength_section h3 {
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.summary_remarks_section, .summary_recommendedRating_section{
    margin-top: 35px;
}
.summary_remarks_section textarea{
    min-height: 75px !important;
}
.summary_remarks_section .form-control:focus {
	border-color: #7030A0 !important;
}
.list_recommed_section_main {
    display: flex;
    justify-content: space-between;
}
.list_recommed_section {
    text-align: center;
}
.t_rcommd_c {
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--theme-border-color);
	font-size:.65rem;
}
.b_rcommd_c {
    margin-bottom: 0;
    padding-top: 12px;
}
.btn-performance-second{
	background-color:#FBE2D5;
	color:#000000;
}
.btn-performance-second:hover, .btn-performance-second:focus-visible, .btn-performance-second:focus, .btn-performance-second:active{
	background-color:#f4cdb9;
}


.perform_imp_str_data{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.perform_imp_str_data .sn_perform_index{
    width: 5%;
    margin-right:2%;
}
.perform_imp_str_data .sn_perform_select{
    width: 34%;
    margin-right: 2%;
}
.perform_imp_str_data .sn_perform_text{
    width: 50%;
    margin-right:2%;
}
.perform_imp_str_data .sn_perform_btn{
    width: 5%;
    text-align: end;
}
.perform_imp_str_data .sn_perform_index{
   text-align: center;
}
.sn_perform_btn .remove-btn-p{cursor: pointer; background-color:transparent; border:none;}
.sn_perform_btn .remove-btn-p svg{font-size: 1.25rem; color: red;}
.oxyem_perfprmance_strength .t_per_area h2{
    color: #7030A0;
    font-weight: 600;
    font-size: 1rem;
}
.oxyem_perfprmance_strength .t_per_area p{
    color: var(--theme-grey-color);
    margin-bottom: 0;
}
.oxyem_perfprmance_strength .t_per_area svg{
    color: #7030A0;
    font-size: 2rem;
    margin-right: 10px;
}
.add_pbtn-performance{
    color: #7030A0;
    font-size: 1.5rem;
    cursor: pointer;
}
.both_improv_strength .list_data_value_si{
    padding: 12px 0px;
    display: flex;
}
.both_improv_strength .list_data_value_si:first-child{
    padding-top: 0px;
}
.both_improv_strength .list_data_value_si h3, .both_improv_strength .list_data_value_si span{
    font-weight: 500;
    font-size: .7rem;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0px;
}
.both_improv_strength .message_empy{
    font-weight: 500;
    font-size: .7rem;
	padding-top: 30px;
}
.both_improv_strength .list_data_value_si span{
    display: block;
    margin-right: 8px;
}
.both_improv_strength {
    min-height: 210px;
    padding: 15px;
    border-radius: 5px;
    max-height: 210px;
    overflow: auto;
}
.strength_list_section{
    background-color: #f3feee;
	margin-bottom:15px;
}
.improvement_list_section{
    background-color: #fff6f1;
}
.strength_list_section .list_data_value_si {
    border-bottom: 1px solid #b0ee96;
}
.improvement_list_section .list_data_value_si {
    border-bottom: 1px solid #fbcfb8;
}
.strength_list_section .top_heding_improv_strength {
    border-bottom: 1px solid #b0ee96;
	padding-bottom:10px;
}
.improvement_list_section .top_heding_improv_strength {
    border-bottom: 1px solid #fbcfb8;
	padding-bottom:10px;
}
.improvement_list_section {
	&::-webkit-scrollbar {
		width: 4px;
	}
	&::-webkit-scrollbar-track {
		background-color: var(--theme-lightgrey-color);
	}
	&::-webkit-scrollbar-thumb {
		background-color: #f8a174; 
	}
}
.strength_list_section {
	&::-webkit-scrollbar {
		width: 4px;
	}
	&::-webkit-scrollbar-track {
		background-color: var(--theme-lightgrey-color);
	}
	&::-webkit-scrollbar-thumb {
		background-color: #85b372;
	}
}

.leaderboard-point-emp-dashboard{
    background: #30c8be;
    color: white;
    padding: 2px 6px;
    font-size: 0.5rem;
}
#leaderboard-emp-dashboard .widget_noti{
    padding: 3px 10px ;
}

.comment_his_section h3 {
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.comment_his_section .comment_his_section_box {
    border: 1px solid #f1f0f087;
    font-size: .7rem;
    border-radius: 5px;
    padding: 20px 8px;
    color: #706f6f;
}
.comment_his_section .comment_his_section_box p{
    margin-bottom:0;
}
.comment_his_section .comment_his_main_box{
	margin-bottom:10px;
}
.comment_his_section .comment_his_main_box span  {
    font-size: .55rem;
    padding: 0px 4px;
	margin-bottom:3px;
	display:block;
    color: var(--theme-grey-color);
}
.btn-performance:disabled {
    background-color: #7030a0 !important;
    border: 1px solid #7030a0 !important;
    box-shadow: var(--theme-box-shadow) !important;
	color: #fff !important;
}
.comment_his_section_list .message_empy{
	border: 1px solid #f1f0f087;
    font-size: .7rem;
    border-radius: 5px;
	font-weight:500;
    padding: 10px 8px;
    color: #706f6f;
}
.task_page_main_1 .oxyem-mobile-card-body, .task_page_main .oxyem-mobile-card-body{
    min-height: auto;
}
.btn-performance-second:disabled {
    background-color: #FBE2D5 !important;
    border: 1px solid #FBE2D5 !important;
    box-shadow: var(--theme-box-shadow) !important;
}
.top_heding_improv_strength span{
    font-weight: 600;
}
.summary_recommendedRating_section {
    border-radius: 5px;
    border: 1px solid var(--theme-border-color);
    padding: 15px;
    margin: 0px;
    margin-top: 30px;
}
.custom_staus_dropdown .btn.form-check-pending{
    background-color:var(--theme-pending-color-text);
    color: #fff;
}
.custom_staus_dropdown .btn.form-check-pending:hover{
    background-color:#41a6f6;
}
.custom_staus_dropdown .btn.form-check-wait{
    background-color:#f16ce2;
    color: #fff;
}
.custom_staus_dropdown .btn.form-check-wait:hover{
    background-color:#f37ee6;
}
.custom_staus_dropdown .btn.form-check-approve{
    background-color:var(--theme-active-color-text);
    color: #fff;
}
.custom_staus_dropdown .btn.form-check-approve:hover{
    background-color:#3bdd63;
}
.custom_staus_dropdown .btn.form-check-acceptence{
    background-color:#fb8d51;
    color: #fff;
}
.custom_staus_dropdown .btn.form-check-acceptence:hover{
    background-color:#f89864;
}
.custom_staus_dropdown .btn.form-check-intiated{
    background-color:#FFBABB;
    color: #000000;
}
.custom_staus_dropdown .btn.form-check-intiated:hover{
    background-color:#ed898b;
    color: #ffffff;
}
.url_field .refresh_url_va {
    color: #7030a0;
	word-break: break-all;
}
.url_field .refresh_url_va:hover{
    color: #8137b9;
	text-transform:underline;
}

/* ---------------- Loader Start ----------------- */
.loader-oxyem {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin:65px auto;
    position: relative;
    color: #7030A0;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
  }
  
  @keyframes animloader {
    0% {
      box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
    25% {
      box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;
    }
    50% {
      box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;
    }
    75% {
      box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
    100% {
      box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
  }
  /* ---------------- Loader End ----------------- */
  .oxyem-mark-Self, .oxyem-mark-self{
	  font-size: var(--theme-small-text60); 
	  padding: 4px; border-radius: 15px; 
	  width: 110px; 
	  display: block; 
	  text-align: center; 
	  text-transform: capitalize;
    cursor: default; 
	background-color: #DCEAF7; 
	color: var(--theme-pending-color-text);
  }  
  .oxyem-mark-Cycle, .oxyem-mark-cycle {
	  font-size: var(--theme-small-text60); 
	  padding: 4px; border-radius: 15px; 
	  width: 110px; 
	  display: block; 
	  text-align: center; 
	  text-transform: capitalize;
    cursor: default; 
	background-color: #FFBABB; 
	color: #F46164;
  }  
  .oxyem-mark-Manager , .oxyem-mark-manager  {
	  font-size: var(--theme-small-text60); 
	  padding: 4px; border-radius: 15px; 
	  width: 110px; 
	  display: block; 
	  text-align: center; 
	  text-transform: capitalize;
    cursor: default; 
	background-color: #f2CfEE; 
	color: #f16ce2;
  }  
  .oxyem-mark-Approver , .oxyem-mark-approver  {
	  font-size: var(--theme-small-text60); 
	  padding: 4px; border-radius: 15px; 
	  width: 110px; 
	  display: block; 
	  text-align: center; 
	  text-transform: capitalize;
    cursor: default; 
	background-color: #C2F1C8; 
	color: var(--theme-active-color-text);
  }  
  .oxyem-mark-Acceptance , .oxyem-mark-acceptance  {
	  font-size: var(--theme-small-text60); 
	  padding: 4px; border-radius: 15px; 
	  width: 110px; 
	  display: block; 
	  text-align: center; 
	  text-transform: capitalize;
    cursor: default; 
	background-color: #FBE3D6; 
	color: #fb8d51;
  }
  .performace_summary_upload {
display: flex;
align-items: center;
  }
  .performace_summary_upload svg{
    font-size: 3.5rem;
    color: #7030A0;
    margin-right: 7px;
  }
  .performace_summary_upload  p{
    font-size: .7rem;
    margin-bottom: 0;
}
.performace_full_section_upload{
    border: 1px solid #dddddd59;
    padding: 10px;
    border-radius: 4px;
}
.performace_full_section_upload .file_table_data_f {
    max-height: 175px;
}
.retrive_percentage_goal{
    background-color: #30c8be;
    padding: 7px 3px;
    color: #fff;
    height: 27px;
    font-size: .55rem;
    width: 27px;
    border-radius: 50%;
    margin-left: 1px;
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer;
	text-align: center;
}

.emp-dashboard-payroll-month-anual{
    padding: 20px;
    background-color: #dceaf5;
   /* border-radius: 15px;
     margin-bottom: 20px; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
    min-height: 320px;
}

.emp-dashboard-payroll-month-anual .final h4 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 40px;
}
.rating_star_input.disabled svg {
    color: #fce37e;
}
.total-point-emp-dashboard-reward {
    background: #a556ff;
    font-size: 0.75rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
  }
.top-box-leave-right{
	background-color: #DCEAF7; 
	color: var(--theme-pending-color-text);
}
.custom_status_dropdown_t.new_change_label .custom_status_dropdown_text .form-dropdown-field {
    width: 50%;
}

.custom_padding_wid_noti .widget_noti .name{
    font-size: .75rem;
    font-weight: var(--theme-text-weight-500);
    color: var(--theme-secondary-color);
  }

 .security-otp-lock{
    background-color: #f0f0f0;
    height: 75px !important;
    width: 75px !important;
    border-radius: 50%;
    display: inline-block;
  }

  .security-otp-lock svg{
    color: var(--theme-primary-color);
    width: 37px;
    height: 37px;
    margin: 18px;
  }

#shortcut-navbar a{
  border-bottom: 1px solid #f0f0f0;
  font-size: 0.85rem;
}

#shortcut-navbar .custom_padding_wid_noti .widget_noti {
    position: relative;
    width: 100%;
    background-color: #fcfdfd;
    border-left: 3px solid #fcfdfd;
    border-radius: 3px;
    padding: 3px 10px;
    margin-bottom: 0px;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

#shortcut-navbar .custom_padding_wid_noti .widget_noti:hover {
    border-left: 3px solid var(--theme-primary-color);
}

#shortcut-navbar .custom_padding_wid_noti {
    padding: 0px 0px;
    min-height: auto;
    max-height: inherit;
    overflow: auto;
}

.ck-column-resize_disabled {
    background-color: #f2f2f2 !important;
    color: #999999;
}





.status_box_all_in{
    margin-top: 14px;
}
.status_refl_box{
    background-color: #d5d4d4;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0px 2px;
}
.status_refl_box.open{
    background-color: var(--theme-active-color-text);
}
.status_refl_box.close, .status_refl_box.closed, .status_refl_box.Close{
    background-color: red;
}
.main-view-box-perform .top-box-leave h5{
text-align: left;
}
.main-view-box-perform .top-box-leave-right, .main-view-box-perform .detail-box-leave .top-box-leave-right {
    width: auto !important;
}
.leave-cycle-intiated{
    background-color: #FFBABB; 
	color: #F46164;font-size: var(--theme-small-text60);  padding: 4px 7px;
    border-radius: 15px; cursor: default;
    display: block; 
    text-align: center; text-transform: capitalize;
}
.leave-goal-added{
    color: var(--theme-active-color-text);
    background-color: var(--theme-active-color);
    font-size: var(--theme-small-text60);  padding: 4px 7px;
    border-radius: 15px; cursor: default;
    display: block; 
    text-align: center; text-transform: capitalize;
}
.leave-goal-updated{
    color: var(--theme-active-color-text);
    background-color: var(--theme-active-color);
    font-size: var(--theme-small-text60);  padding: 4px 7px;
    border-radius: 15px; cursor: default;
    display: block; 
    text-align: center; text-transform: capitalize;
}
.update-details_peforme table{
    width: 100%;
    border: 1px solid var(--theme-border-color);
}
.update-details_peforme table th{
    border-bottom: 1px solid var(--theme-border-color);
    padding: 8px 10px;
	    text-transform: capitalize;
		font-size: .65rem;
		color: var(--theme-grey-color);
		font-weight:400;
}
.update-details_peforme table td{
	color: var(--theme-grey-color);
	font-size: .6rem;
    padding: 8px 10px;
}
.main-view-box-perform .detail-box-leave {
    padding: 0px 15px;
}
.main-view-box-perform .detail-box-leave .top-box-other-text {
    margin-top: 0px;
}
.main-view-box-perform .top-box-leave {
    padding: 15px 15px 30px 15px;
}
.main-view-box-perform .top-box-leave .top-box-leave-right, .main-view-box-perform .detail-box-leave .top-box-leave-right {
    top: 20px;
}
.main-view-box-perform .top-box-other-text-detail {
    padding-top: 25px;
    padding-bottom: 25px;
}
#sk-error-page-f{
    min-height: 70vh;
}
.error_inner_section {
    text-align: center;
    padding: 100px 0px;
}
.error_inner_section svg{
    font-size: 8rem;
    color: #ff5e5e;
}

#profile-dashboard-edit-modal h5{
    font-weight: 600 !important;
}

#profile-dashboard-edit-modal .add-btn-circle{
    background: var(--theme-primary-color);
    font-size: 0.75rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    margin: -4px;

}
.comment_area_box_area .comment_bottom_info {
    display: flex;
	align-items:center;
}
.c_rate_detail svg{
    color: #fdcc0d;
}
.inn_input_field_self .comment_bottom_info .c_info_detail {
    width: 75%;
}
.inn_input_field_self .comment_bottom_info .c_rate_detail {
    width: 25%;
	text-align: end;
}
.url_field{display:flex;}
.url_field .main_lab_name_f {
    padding-right: 0px;
    display: block;
    width: 85px;
}
.url_field .refresh_url_va {
    word-break: break-all;
    display: block;
}

.final_rate_summary_box{
    margin-top: 15px;
    margin-bottom: 10px;
}
.comment_his_section .comment_his_top_head{
display: flex;
align-items: center;
margin-bottom: 10px;
}
.comment_his_section .comment_his_top_head h3{
margin-bottom: 0px;
}
.comment_his_section .comment_his_top_head .toggle-button {
    background: transparent;
    outline: none;
    border: none;
}
.comment_his_section .comment_his_top_head .toggle-button svg{
    font-size: 1.2rem;
    color: #8038b8;
	
}

/* search-filter-for-table */
.search-filter-for-table-icon span{
    padding: 10px 10px;
    border-radius: 100%;
    cursor: pointer;
    color: var(--theme-primary-color);
}
.search-filter-for-table-icon span:hover{
    background: #f0f0f0;
    padding: 10px 10px;
    border-radius: 100%;
    cursor: pointer;
}
/* search-filter-for-table end*/

.list_data_comment_l {
    font-size: .6rem;
    color: #a7a5a5;
}
.final_rating_succes_msg{
    display: flex;
    align-items: end;
    background-color: #f3feee;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.final_rating_succes_msg svg{
    font-size: 3rem;
    color: #548142;
    margin-right: 10px;
}

.final_rating_succes_msg p{
margin-bottom: 0px;
}
.final_rating_succes_msg p span{
    font-size: 1rem;
    font-weight: 600;
    color: #548142;
    margin-bottom: 5px;
}
.final_rating_succes_msg p{
    font-size: .75rem;
}
.oxyem-mark-Published{
	font-size: var(--theme-small-text60);
    padding: 4px;
    border-radius: 15px;
    width: 110px;
    display: block;
    text-align: center;
    text-transform: capitalize;
    cursor: default;
    background-color: #f89864;
    color: #ffffff;
}

#performance-module #sidebar .submenu svg{
    color: #fff;
}
.summary_remarks_section label, .final_rate_summary_box label{
	font-weight:600;
}


.oxyem-main-attendance_dashborad .oxyem-graph-tab .nav-link {
    padding-left: 85px;
    padding-right: 85px;
}
 
.oxyem-main-attendance_dashborad .oxyem-graph-tab {
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

#performance-module .page-wrapper, #performance-module .Footer_footer_oxyem_fixed{
	background-color:#9a62e329;
}




.sidebar-item .main_head_text_menu a{
	color:#787878 !important;
	font-weight:600;
}
#performance-module .sidebar-item .main_head_text_menu a{
	color:#dad4d4 !important;
}
.sidebar-menu li a:hover {
    background: transparent;
    color: var(--theme-secondary-color);
}
.sidebar-menu li.active {
    background: #f7f6f6;
    color: var(--theme-secondary-color);
}
.sidebar-menu li a{
	background-color: transparent;
}
.sidebar-menu li:hover {
    background-color: #f7f6f6;
}

#performance-module .sidebar-menu li:hover {
    background-color: #8940c2;
}
#performance-module .breadcrum-btn , #performance-module .breadcrum-btn:active{
    background-color: #8138b9 !important;
    border: 1px solid #8138b9 !important;
}
#performance-module .sidebar-menu li.active {
    background: #8940c2;
    color: #fff;
}
#performance-module .Footer_footer_oxyem_fixed{
	background-color:#fff;
}
.cust_radi0_bt{
	display:flex;
	align-items:center;
}
.cust_radi0_bt .lab_text_main{margin-right:15px;}
.cust_radi0_bt .option_type_all {
    display: flex;
    align-items: center;
}
.cust_radi0_bt .option_type_all .oxyem-form-radio {
    margin-bottom: 0px;
	margin-right:12px;
}
.cust_radi0_bt .option_type_all .oxyem-form-radio span {
    margin-left: 5px;
}
#performance-module input[type="radio"]:checked {
    background-color: #6d309d;
    border-color: #6d309d;
}
#performance-module input[type="radio"]:focus {
	    border-color: #6d309d;
    box-shadow: 0 0 0 .25rem #6c2e9b2b;
}
#performance-module .tss-10rusft-MUIDataTableToolbar-icon svg {
    color: #6d309d;
}
.design-only-performance_Review .stats-info-ban .top_lable_perform {
    color: #f16ce2;
    background-color: #f2CfEE;
}
.design-only-performance_Review .stats-info-green .top_lable_perform {
    color: #C2F1C8;
    background-color: var(--theme-active-color-text);
}
.design-only-performance_Review .stats-info-orange .top_lable_perform {
    color: #FBE3D6;
    background-color: #fb8d51;
}
#performance-module .design-only-performance_Review .stats-info {
    margin-bottom: 20px;
}
.oxyem_perf_pending .graph-main-box {
    box-shadow: 0 0 5px 2px #f1f0f0;
	min-height: 310px;
    margin-bottom: 0px;
	justify-items: center;
}
#performance-module .oxyem_perf_pending .performance_head_text {
    margin-bottom: 20px;
}
#performance-module .graph-main-box .graph-top-head {
    width: 100%;
}


.leave-active, .leave-Active{
    color: var(--theme-active-color-text);
    background-color: var(--theme-active-color);
}
.leave-inactive, .leave-inActive{
    color: var(--theme-inactive-color-text);
     background-color: var(--theme-inactive-color);
}

.no-history-message{
    padding: 5px 15px;
}
#performance-module .oxyem_perf_admin .design-only-performance_Review,  #performance-module .oxyem_perf_emp .design-only-performance_Review, #performance-module .oxyem_perf_pending .design-only-performance_Review{
    margin-bottom: 0px;
}
.oxyem_perf_pending .graph-main-box .graph-top-head{margin-bottom:0px; justify-content: center;}
.oxyem_perf_pending .graph-main-box .graph-top-head h3{font-weight:500;  font-size: .85rem; margin-bottom:0px}
.oxyem-index {
    margin: 0px 0;
	margin-bottom: .9rem !important;
}
.oxyem-create-attendenc-section{
	margin-bottom: .9rem !important;
}	
.oxyem_perf_pending .design-only-timesheetemp .stats-info {
    width: 50%;
}
@media (min-width: 1198px) {
	#performance-module .oxyem_perf_admin .design-only-performance_Review .stats-info, #performance-module .oxyem_perf_emp .design-only-performance_Review .stats-info, #performance-module .oxyem_perf_pending .design-only-performance_Review .stats-info{
    margin-bottom: 10px;
}
}

.welcome_content_box{
    background-color: #9a62e329;
    padding: 15px;
    border-radius: 5px;
    color: #8238ba;
	font-size:.65rem;
	margin-bottom:10px;
}
.welcome_content_box p{
    margin-bottom: 2px;
}
.welcome_content_box p span{
    font-weight: 600;
}
.welcome_content_box ul{
    padding-left: 20px;
    list-style: decimal;
	margin-bottom:0px;
}
.welcome_content_box ul li{
    margin-bottom: 1px;
}
.welcome_content_box ul li:last-child{
    margin-bottom: 0px;
}
.welcome-content-box-status{
	background-color: #9a62e329;
    padding: 18px 15px;
	border-radius: 5px;
	margin-bottom:10px;
}
.welcome-content-box-status .goal-progress-container .goal-label{
	min-width:110px;
}
.welcome-content-box-status .goal-progress-container .goal-label, .welcome-content-box-status .goal-progress-container .goal-label-end{color: #8238ba; font-weight: 600; font-size: 0.6rem;}
.welcome-content-box-status .goal-progress-container .goal-label-end{width: 68px;}
.welcome-content-box-status .goal-progress-container {
    display: flex;
	margin-bottom:17px;
}
.welcome-content-box-status .goal-progress-container:last-child {
	margin-bottom:0px;
}
.progress-bar-container{
	width:100%;
	border:1px solid #26af48;
	margin:0px 10px;
	border-radius:5px;
}
.progress-bar-container .progress-bar{
	    height: 100%;
}
.welcome-content-box-status .mark_for_Behavior .progress-bar, .welcome-content-box-status .mark_for_Learning .progress-bar, .welcome-content-box-status .mark_for_Performance .progress-bar{background-color:#26af48;}
#oxyem_peformacr_id_page .perfomace_id_page .oxyem-time-managment{
	padding-bottom:0px;
}
#oxyem_peformacr_id_page .custum_space_perfprom{
    padding-bottom:0px;
}
#oxyem_peformacr_id_page .custum_space_perfprom .tab-content{
    padding-top:25px; 
}
.welcome_content_box {
    display: flex;
}
.icon_box_perform {
    margin-right: 7px;
}
.icon_box_perform svg{
    font-size: 1.5rem;
}

.box_status_bar_s{
	    font-size: .5rem;
    width: fit-content;
    padding: 4px 8px;
	    position: absolute;
    right: 10px; 
    top: 10px; 
}
.performace_dashborad_box {
    Position:relative; 
    padding: 22px 15px 25px 15px;
}
.finacial_year_box {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #8138b9;
    background-color: #e8dff6;
    padding: 4px 8px;
    border-radius: 25px;
    font-size: .5rem;
    font-weight: 600;
}
.sidebar-item.open .sidebar-content .submenu a span {
    margin-left: 30px;
}
.form_btn_arrow .toggle-button span{
    font-size: .85rem;
    font-weight: 600;
}
.form_btn_arrow .toggle-button svg{
    margin-left: 5px;
}
#performance-module .Footer_footer_oxyem_fixed {
    background-color: #fff;
	border-top:15px solid #9a62e329;
}


.top-header-taxProjection{
    background: #fff;
    border-radius: 6px;
    text-align: center;
    box-shadow: none !important;
    border: 1px dashed #ccc;
    padding: 15px 5px !important;
    cursor: pointer;
   
}
 
 
 
 .leave-top-data-main .stats-info-cus{
    min-height: 135px;
}

.leave-top-data-main img{
	display:none;
}



#reward-module .sidebar-menu li:hover{
	background-color:#bd69fd;
}

#reward-module .sidebar-menu li.active{
	background-color:#bd69fd;
}


#reward-module .page-wrapper{
	background-color:#f5e7ff;
	 
}

.fs-2{
	color:#932fdd;
}
.shift-heading-box.active {
    background-color: #f1f1f1;
    color: white; 
    /* border: 1px solid #f1f1f1; */
}
.clr-filter-stats{
    position: absolute;
    top: 0;
    padding: 10px;
    color: red;
    cursor: pointer;
}



.custom_btn_filter{
	width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}
.fab-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
  }
  
  
  
 .ticket-btn{
    width: 55px;
    height: 55px;
    padding: 0;
    line-height: 30px;
    border-radius: 50px;
} 
  
  
  
   #leave-module #sidebar,  #leave-module .header {
 background-color:#e6f9ee;
 }
 #leave-module .page-wrapper,  #leave-module .Footer_footer_oxyem_fixed {
    background-color: #f9fdfb;
}
 #leave-module .breadcrumb-item.active {
    color: #666666;
}
 #leave-module .breadcrumb-item a {
    color: #136132;
}
 #leave-module .oxyem-graph-tab li.active {
    border-bottom: 2px solid #136132 !important;
}
 #leave-module .breadcrum-btn, #leave-module .breadcrum-btn:active{
    background-color:#000000 !Important;
	border-color: #000000 !Important;
} 
#leave-module .breadcrum-btn:hover{
    background-color:#136132 !Important;
	border-color: #136132 !Important;
}
#leave-module .tss-10rusft-MUIDataTableToolbar-icon svg{
    color:#000000;
}
#leave-module .sidebar-menu li.active {
    background: #bfe6cf42;
}
#leave-module .sidebar-menu li:hover {
    background-color: #bfe6cf42;
}
#leave-module .sidebar-menu li.active>a{
	color:#136132;
}
#leave-module .sidebar-menu .sidebar-item li a:hover {
    color: #136132;
}
#leave-module .oxyem-navbar-search .oxyem-user-menu .nav-item, #leave-module .oxyem-navbar-task .oxyem-comb-tsk, #leave-module .oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic{
    background-color: #000000;
}
#leave-module .oxyem-user-menu .noti-dropdown .dropdown-toggle svg, #leave-module .oxyem-navbar-task .oxyem-comb-tsk svg, #leave-module .oxyem-navbar-combine svg {
    color: #ffffff;
}
#leave-module .top-nav-search .form-control{
	border-color:#000000;
}
#leave-module .top-nav-search .btn{
	color:#000000;
}
#leave-module .btn-primary, #leave-module .btn-primary:active {
    background-color: #000000;
    border: 1px solid #000000;
	text-transform:capitalize;
}
#leave-module .btn-primary:hover {
    background-color: #136132;
    border: 1px solid #136132;
}
#leave-module .oxyem-mark-view svg {
    color: #000000;
}






 #attendance-module #sidebar,  #attendance-module .header {
 background-color:#E7F3FF;
 }
 #attendance-module .page-wrapper,  #attendance-module .Footer_footer_oxyem_fixed {
    background-color: #e7f3ff57;
}
 #attendance-module .breadcrumb-item.active {
    color: #666666;
}
 #attendance-module .breadcrumb-item a {
    color: #216ab2;
}
 #attendance-module .oxyem-graph-tab li.active {
    border-bottom: 2px solid #216ab2 !important;
}
 #attendance-module .breadcrum-btn, #attendance-module .breadcrum-btn:active{
    background-color:#000000 !Important;
	border-color: #000000 !Important;
} 
#attendance-module .breadcrum-btn:hover{
    background-color:#216ab2 !Important;
	border-color: #216ab2 !Important;
}
#attendance-module .tss-10rusft-MUIDataTableToolbar-icon svg{
    color:#000000;
}
#attendance-module .sidebar-menu li.active {
    background: #c1ddfa57;
}
#attendance-module .sidebar-menu li:hover {
    background-color: #c1ddfa57;
}
#attendance-module .sidebar-menu li.active>a{
	color:#216ab2;
}
#attendance-module .sidebar-menu .sidebar-item li a:hover {
    color: #216ab2;
}
#attendance-module .oxyem-navbar-search .oxyem-user-menu .nav-item, #attendance-module .oxyem-navbar-task .oxyem-comb-tsk, #attendance-module .oxyem-navbar-search .oxyem-navbar-combine .oxyem-comb-ic{
    background-color: #000000;
}
#attendance-module .oxyem-user-menu .noti-dropdown .dropdown-toggle svg, #attendance-module .oxyem-navbar-task .oxyem-comb-tsk svg, #attendance-module .oxyem-navbar-combine svg {
    color: #ffffff;
}
#attendance-module .top-nav-search .form-control{
	border-color:#000000;
}
#attendance-module .top-nav-search .btn{
	color:#000000;
}
#attendance-module .btn-primary, #attendance-module .btn-primary:active {
    background-color: #000000;
    border: 1px solid #000000;
	text-transform:capitalize;
}
#attendance-module .btn-primary:hover {
    background-color: #216ab2;
    border: 1px solid #216ab2;
}
#attendance-module .oxyem-mark-view svg {
    color: #000000;
}
#attendance-module .search-filter-for-table-icon span {
    color: #000000;
}
.only_mobile_perform{
	display:none;
}
@media (max-width: 575px) {
	.perfomace_id_page .nav-item .skolrup-profile-tab-link {
    justify-content: normal;
}
#performance-module .nav-tabs.nav-tabs-bottom>li>a {
    padding: 0;
	padding-right:10px;
	padding-bottom:3px;
	margin-bottom:10px;
}
.perfomace_id_page .tab_count_text {
    width: 15px;
    height: 15px;
    font-size: .6rem;
    margin-left: 3px;
	line-height: 1.55;
}
.perfomace_id_page .nav-tabs.skolrup-profile-follower-tab{
    display: contents;
}
.perfomace_id_page .nav-tabs.skolrup-profile-follower-tab li{
    display: table-cell;
}
#oxyem_peformacr_id_page .perfomace_id_page .oxyem-time-managment {
    padding: 1rem 0;
	padding-bottom: 0px;
}
#performance-module .oxyem_perfprmance_tab .vertical-tabs-container{
	    display: block;
}
#performance-module  .oxyem_perfprmance_tab .tabs {
    width: 100%;
}
.oxyem_perfprmance_tab .tab-content {
    width: 100%;
    margin-left: 0%;
}
#performance-module .vertical-tabs-container .nav-tabs {
    display: flex;
	align-items: baseline;
}
#performance-module .vertical-tabs-container .nav-tabs .nav-item .nav-link {
    margin-bottom: 0 !Important;
	padding:4px 15px 6px 15px;
	text-align: center;
}

.only_mobile_perform{
	display:block;
}
.only_desktop_perform{
	display:none;
}
.box-all_field.first_box_perform{
	padding-top:40px;
}
.box-all_field .main_text_i_b {
    width: 80%;
}
.box-all_field .bar_lab {
    top: 40px;
}
    .tab-content .btn {
        min-width: 90px;
    }
	#performance-module .oxyem_perfprmance_tab{
		margin-top:15px;
	}
	   #performance-module .oxyem-btn-close {
        top: 0px;
        border: 1px solid #7030A0;
        height: 28px;
        width: 28px;
        text-align: center;
        padding: 0;
        justify-content: center;
        display: flex;
        padding: 2px 0px;
        border-radius: 50%;
    } 
	#performance-module .oxyem-btn-close:hover {
        border: 1px solid #7030A0;
		background:#7030A0;
    }
	#performance-module .oxyem-btn-close svg{
		color:#7030A0;
	}
	#performance-module .oxyem-btn-close:hover svg{
		color:#fff;
    }
	.oxyem-main-perform_active_his .oxyem-graph-tab .nav-item{
		margin-top:20px;
	}
	.oxyem-main-perform_active_his .oxyem-graph-tab .nav-item{
		width:50%;
		text-align: center;
	}
	.oxyem-main-perform_active_his .oxyem-graph-tab .nav-item a{
		margin-bottom: 5px !Important;
		font-size:.85rem;
	}
	.oxyem-main-perform_active_his .tab-content {
        padding: 10px 10px;
    }
.oxyem-combine-icons {
        min-width: 95%;
        min-height: 90vh;
    }
	.oxyem-header-combine-icons .inner-icon-box span {
    font-size: .8rem;
}
}
	.oxyem-main-perform_active_his .nav-tabs .nav-link:hover {
    background-color: transparent !important;
}