@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
	
	font-size: 14px;
	
	color: #4c5258;
	
	letter-spacing: .5px;
	
	background: #f7f7ff;
	
	overflow-x: hidden;
	
	font-family:  'Inter', 'Roboto', sans-serif,'Plus Jakarta Sans',;
	
}
input[type='text']{
	background-color: #fbfbff;
	color: #858D9D;
	border: 2px solid #E0E2E7;
}
input[type='number']{
	background-color: #fbfbff;
	color: #858D9D;
	border: 2px solid #E0E2E7;
}
select{
	background-color: #fbfbff;
	color: #858D9D;
	border: 2px solid #E0E2E7;
}
.pdf-container {
	display: inline-block;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
  }
  .pdf-container{
    margin-left: 15px; 
    margin-top: 50px; 
    margin-bottom: -10px;   
    /* width: 90%;    */
}  
.pdf-css{
    margin-left: 15em; 
} 
.messagecontent{
    border: none; 
} 

  .pdf-icon {
	width: 50px;
	height: 50px;
	background-image: url('../images/pdf.svg');
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
  }
  
  .pdf-info {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
  }
  
  .pdf-name {
	font-size: 16px;
	margin-bottom: 5px;
  }
  
  .download-button {
	background-color: red;
	color: white;
	border: none;
	border-radius: 5px;
	padding: 1px 20px;
	text-decoration: none;
	font-size: 16px;
	transition: background-color 0.3s;
  }
  
.download-button:hover {
	background-color: #45a049;
  }

.fade:not(.show){
	display: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 500;
}

.nav-item .active div{
	border-bottom: 1px solid blue ;
}

.nav.nav-pills{
	border-bottom: 1px solid rgba(198, 199, 200, 0.54);
}

th{
	font-weight: 500;
	padding: 14px;
}

a {
	
	text-decoration: none
	
}

.font-13{
	font-size: 12px;
}


.wrapper {
	
	width: 100%;
	
	position: relative
	
}



.sidebar-wrapper {
	
	width: 264px;
	
	height: 100%;
	
	position: fixed;
	
	top: 0;
	
	bottom: 0;
	
	left: 0;
	
	background: #fff;
	
	border-right: 0 solid #e4e4e4;
	
	z-index: 11;
	
	box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%)!important;
	
	transition: all .2s ease-out
	
}



.sidebar-header {
	
	width: 250px;
	
	height: 60px;
	
	display: flex;
	
	align-items: center;
	
	position: fixed;
	
	top: 0;
	
	bottom: 0;
	
	padding: 0 15px;
	
	z-index: 5;
	
	background: #fff;
	
	background-clip: padding-box;
	
	border-bottom: 1px solid #e4e4e4
	
}



.logo-icon {
	
	width: 45px
	
}


.logo-icon-min {
	
	width: 40px
	
}


.logo-text {
	
	font-size: 22px;
	
	margin-left: 10px;
	
	margin-bottom: 0;
	
	letter-spacing: 1px;
	
	color: #2D60FF;
	
}



.toggle-icon {
	
	font-size: 22px;
	
	cursor: pointer;
	
	color: #2D60FF
	
}



.topbar {
	
	position: fixed;
	
	top: 0;
	
	left: 250px;
	
	right: 0;
	
	height: 60px;
	
	background: #fff;
	
	border-bottom: 1px solid rgb(228 228 228 / 0%);
	
	z-index: 10;
	
	-webkit-box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);
	
	box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);
	
}



.topbar .navbar {
	
	width: 100%;
	
	height: 60px;
	
	padding-left: 1.5rem;
	
	padding-right: 1.5rem;
	
}



.page-wrapper {
	
	height: 100%;
	
	margin-top: 60px;
	
	margin-bottom: 30px;
	
	margin-left: 250px
	
}



.page-content {
	
	padding: 1.5rem 1.5rem 0.7rem 1.5rem
	
}



.page-footer {
	
	background: #fff;
	
	left: 250px;
	
	right: 0;
	
	bottom: 0;
	
	position: fixed;
	
	text-align: center;
	
	padding: 7px;
	
	font-size: 14px;
	
	border-top: 1px solid #e4e4e4;
	
	z-index: 3
	
}



.wrapper.toggled .topbar {
	
	left: 70px
	
}



.wrapper.toggled .page-wrapper {
	
	margin-left: 70px
	
}



.wrapper.toggled .page-footer {
	
	left: 70px
	
}

.logo-svg {
    display: none;
}

.wrapper.toggled .logo-svg {
    display: block;
	width: 100%;
}

.wrapper.toggled .logo-icon {
    display: none;
} 


.sidebar-wrapper ul {
	
	padding: 0;
	
	margin: 0;
	
	list-style: none;
	
	background: 0 0
	
}



.sidebar-wrapper .metismenu {
	
	background: 0 0;
	
	display: -webkit-box;
	
	display: -ms-flexbox;
	
	display: flex;
	
	padding: 10px;
	
	margin-top: 60px;
	
	-webkit-box-orient: vertical;
	
	-webkit-box-direction: normal;
	
	-ms-flex-direction: column;
	
	flex-direction: column
	
}



.sidebar-wrapper .metismenu li+li {
	
	margin-top: 5px
	
}



.sidebar-wrapper .metismenu li:first-child {
	
	margin-top: 5px
	
}



.sidebar-wrapper .metismenu li:last-child {
	
	margin-bottom: 5px
	
}



.sidebar-wrapper .metismenu>li {
	
	display: -webkit-box;
	
	display: -ms-flexbox;
	
	display: flex;
	
	-webkit-box-orient: vertical;
	
	-webkit-box-direction: normal;
	
	-ms-flex-direction: column;
	
	flex-direction: column;
	
	position: relative;
	
	font-weight: 600;
	
}



.sidebar-wrapper .metismenu a {
	
	position: relative;
	
	display: flex;
	
	align-items: center;
	
	justify-content: left;
	
	padding: 6px 16px;
	
	font-size: 14px;
	
	color: #667085;
	
	outline-width: 0;
	
	text-overflow: ellipsis;
	
	overflow: hidden;
	
	letter-spacing: .5px;
	
	border-radius: 0.25rem;
	
	transition: all .3s ease-out;
	
	font-weight: 600px;
	
}



.sidebar-wrapper .metismenu a .parent-icon {
	
	font-size: 24px;
	
	line-height: 1
	
}



.sidebar-wrapper .metismenu a .menu-title {
	
	margin-left: 10px
	
}



.sidebar-wrapper .metismenu ul a {
	
	padding: 6px 15px 6px 20px;
	
	font-size: 15px;
	
	border: 0
	
}



.sidebar-wrapper .metismenu ul a i {
	
	margin-right: 14px;
	
}



.sidebar-wrapper .metismenu ul {
	
	background: #fff
	
}



.sidebar-wrapper .metismenu ul ul a {
	
	padding: 8px 15px 8px 30px
	
}



.sidebar-wrapper .metismenu ul ul ul a {
	
	padding: 8px 15px 8px 45px
	
}


.sidebar-wrapper .metismenu .mm-active .parent-icon,
.sidebar-wrapper .metismenu .mm-active>a,

.sidebar-wrapper .metismenu a:active,

.sidebar-wrapper .metismenu a:focus,

.sidebar-wrapper .metismenu a:hover {
	
	color: #2D60FF;
	
	text-decoration: none;
	
	background-color: rgb(0 140 255 / 5%);
	
}



.menu-label {
	
	padding: 20px 15px 5px 5px;
	
	color: #b0afaf;
	
	text-transform: uppercase;
	
	font-size: 12px;
	
	letter-spacing: .5px
	
}



.metismenu .has-arrow:after {
	
	position: absolute;
	
	content: "";
	
	width: .5em;
	
	height: .5em;
	
	border-style: solid;
	
	border-width: 1.2px 0 0 1.2px;
	
	border-color: initial;
	
	right: 15px;
	
	transform: rotate(-45deg) translateY(-50%);
	
	transform-origin: top;
	
	top: 50%;
	
	transition: all .3s ease-out
	
}



@media screen and (min-width:1025px) {
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {
		
		display: none
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {
		
		width: 70px
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
		
		width: 70px
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {
		
		display: none
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
		
		justify-content: center
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
		
		width: 70px
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {
		
		justify-content: center
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {
		
		display: none
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {
		
		display: none
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {
		
		display: none
		
	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {
		
		display: none
		
	}
	
	.email-toggle-btn {
		
		display: none!important
		
	}
	
	.chat-toggle-btn {
		
		display: none!important
		
	}
	
}



.color-indigator-item {
	
	width: 1.2rem;
	
	height: 1.2rem;
	
	background-color: #e6e0e0;
	
	border-radius: 50%;
	
	cursor: pointer
	
}



.product-grid .card {
	
	-webkit-transition: all .2s;
	
	-o-transition: all .2s;
	
	transition: all .2s
	
}


.back-to-top {
	
	display: none;
	
	width: 40px;
	
	height: 40px;
	
	line-height: 40px;
	
	text-align: center;
	
	font-size: 26px;
	
	color: #fff;
	
	position: fixed;
	
	border-radius: 10px;
	
	bottom: 20px;
	
	right: 12px;
	
	background-color: #2D60FF;
	
	z-index: 5
	
}



.back-to-top:hover {
	
	color: #fff;
	
	background-color: #000;
	
	transition: all .5s
	
}



.breadcrumb-title {
	
	font-size: 20px;
	
	border-right: 1.5px solid #aaa4a4;

	font-weight: 500;

	color: #333843;
	
}






.page-breadcrumb .breadcrumb li.breadcrumb-item {
	
	font-size: 16px;
	display: flex;
	align-items: center;
	color: #667085;
	
}

.font-30{
	font-size: 23px;
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	
	display: inline-block;
	
	padding-right: .5rem;
	
	color: #6c757d;
	
	font-family: LineIcons;
	
	content: "\ea5c";
	
	font-size:10px;
	
}

.accordion-button{
	
	color: #000;
	backgroud-color:#F9F9FC!important;
}



.icon-badge {
	
	width: 45px;
	
	height: 45px;
	
	background: #f2f2f2;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	border-radius: 50%
	
}



.widgets-icons {
	
	width: 50px;
	
	height: 50px;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	background-color: #ededed;
	
	font-size: 26px;
	
	border-radius: 10px
	
}



.widgets-icons-1 {
	
	width: 56px;
	
	height: 56px;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	background-color: #ededed;
	
	font-size: 27px;
	
	border-radius: 10px
	
}

.widgets-icons-1.float{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.widgets-icons-2 {

	width: 56px;

	height: 56px;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #CFE7DC;

	font-size: 27px;

	border-radius: 10px
}

.widgets-icons-2.float {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.widgets-icons-3 {

	width: 56px;

	height: 56px;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #fae1cf;

	font-size: 27px;

	border-radius: 10px
}

.widgets-icons-3.float {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.widgets-icons-4 {

	width: 56px;

	height: 56px;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #fcdad7;

	font-size: 27px;

	border-radius: 10px
}

.widgets-icons-4.float {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.border-light-2 {
	
	border-color: rgb(255 255 255 / 12%)!important;
	
}



.product-list {
	
	position: relative;
	
	height: 380px
	
}



.dashboard-top-countries {
	
	position: relative;
	
	height: 360px
	
}



.customers-list {
	
	position: relative;
	
	height: 450px
	
}




.lead-table .table {
	
	border-collapse: separate;
	
	border-spacing: 0 10px
	
}



.btn-white {
	
	background-color: #fff;
	
	border-color: #e7eaf3
	
}



.chart-container1 {
	
	position: relative;
	
	height: 380px
	
}



.gmaps,

.gmaps-panaroma {
	
	height: 400px;
	
	background: #eee;
	
	border-radius: 3px
	
}






.card-group {
	
	margin-bottom: 1.5rem
	
}





.input-icon .form-control {
	
	padding-left: 2.5rem;
	
}



.input-icon span {
	
	font-size: 16px;
	
	left: 15px;
	
}





.topbar .navbar .navbar-nav .nav-item {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	width: auto;
	
	height: 60px;
	
}



.topbar .navbar .navbar-nav .nav-link {
	
	color: #212529;
	
	font-size: 22px;
	
	border-radius: 50%;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	width: 42px;
	
	height: 42px;
	
	transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	
}





.topbar .navbar .navbar-nav .nav-link:hover,

.topbar .navbar .navbar-nav .nav-link:focus {
	
	background-color: #f2f9ff;
	
	color: #2D60FF;
	
}



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



.alert-count {
	
	position: absolute;
	
	top: 2px;
	
	left: 22px;
	
	width: 18px;
	
	height: 18px;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	border-radius: 50%;
	
	font-size: 12px;
	
	font-weight: 500;
	
	color: #fff;
	
	background: #f62718
	
}



.user-img {
	
	width: 42px;
	
	height: 42px;
	
	border-radius: 50%;
	
	border: 0 solid #e5e5e5;
	
	padding: 0;
	
}



.user-info .user-name {
	
	font-size: 15px;
	
	font-weight: 500;
	
	color: #413c3c
	
}



.user-info .designattion {
	
	font-size: 13px;
	
	color: #747474
	
}



.user-box {
	
	display: flex;
	
	align-items: center;
	
	height: 60px;
	
	border-left: 1px solid #f0f0f0;
	
}









.topbar .navbar .dropdown-app .dropdown-menu {
	
	width: 270px;
	
	border: 1px solid #dee2e6;
	
	padding: 0.5rem;
	
	border-radius: 16px;
	
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	
}



.topbar .navbar .dropdown-app .dropdown-menu .app-container {
	
	position: relative;
	
	height: 370px;
	
}





.topbar .navbar .dropdown-app .dropdown-menu .app-box {
	
	padding: .5rem;
	
	border-radius: 1rem;
	
	transition: .2s;
	
}



.topbar .navbar .dropdown-app .dropdown-menu .app-box:hover {
	
	background-color: #edf0f3;
	
}



.topbar .navbar .dropdown-app .dropdown-menu .app-name {
	
	color: #212529;
	
	font-size: .64rem;
	
	text-decoration: none;
	
	font-weight: 500;
	
}



















.dropdown-large {
	
	position: relative
	
}



.dropdown-large .dropdown-menu {
	
	width: 360px;
	
	border: 0;
	
	padding: 0 0;
	
	border-radius: 10px;
	
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
	
}



.topbar .navbar .dropdown-large .dropdown-menu::after {
	
	content: '';
	
	width: 13px;
	
	height: 13px;
	
	background: #fff;
	
	position: absolute;
	
	top: -6px;
	
	right: 16px;
	
	transform: rotate(45deg);
	
	border-top: 1px solid #ddd;
	
	border-left: 1px solid #ddd
	
}



.topbar .navbar .dropdown-menu::after {
	
	content: '';
	
	width: 13px;
	
	height: 13px;
	
	background: #ffff;
	
	position: absolute;
	
	top: -6px;
	
	right: 16px;
	
	transform: rotate(45deg);
	
	border-top: 1px solid #ddd;
	
	border-left: 1px solid #ddd
	
}



.dropdown-large .msg-header {
	
	padding: .8rem 1rem;
	
	border-bottom: 1px solid #ededed;
	
	background-clip: border-box;
	
	background-color: #ffffff;
	
	text-align: left;
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	
	border-top-left-radius: 10px;
	
	border-top-right-radius: 10px
	
}



.dropdown-large .msg-header-badge {
	
	background-color: rgb(0 140 255 / 12%);
	
	color: #2D60FF;
	
	padding: 2px 8px;
	
	margin-bottom: 0;
	
	border-radius: 4px;
	
}



.dropdown-large .msg-header .msg-header-title {
	
	font-size: 16px;
	
	color: #1c1b1b;
	
	margin-bottom: 0;
	
	font-weight: 500
	
}



.dropdown-large .msg-header .msg-header-clear {
	
	font-size: 13px;
	
	color: #585858;
	
	margin-bottom: 0
	
}



.dropdown-large .msg-footer {
	
	padding: .8rem 1rem;
	
	color: #1c1b1b;
	
	border-top: 1px solid #ededed;
	
	background-clip: border-box;
	
	background: 0 0;
	
	font-size: 14px;
	
	font-weight: 500;
	
	border-bottom-left-radius: .25rem;
	
	border-bottom-right-radius: .25rem
	
}



.dropdown-large .user-online {
	
	position: relative
	
}



.dropdown-large .msg-name {
	
	font-size: 14px;
	
	margin-bottom: 0;
	
	color: #212529;
	
}



.dropdown-large .msg-info {
	
	font-size: 13px;
	
	margin-bottom: 0;
	
	color: #818189;
	
}



.dropdown-large .msg-avatar {
	
	width: 45px;
	
	height: 45px;
	
	border-radius: 50%;
	
	margin-right: 15px
	
}



.dropdown-large .msg-time {
	
	font-size: 12px;
	
	margin-bottom: 0;
	
	color: #818189
	
}



.dropdown-large .user-online:after {
	
	content: '';
	
	position: absolute;
	
	bottom: 1px;
	
	right: 17px;
	
	width: 8px;
	
	height: 8px;
	
	border-radius: 50%;
	
	box-shadow: 0 0 0 2px #fff;
	
	background: #16e15e
	
}



.dropdown-large .dropdown-menu .dropdown-item {
	
	padding: .5rem 1.3rem;
	
	border-bottom: 1px solid #ededed
	
}



.header-message-list {
	
	position: relative;
	
	height: 360px
	
}



.header-notifications-list {
	
	position: relative;
	
	height: 360px
	
}



.dropdown-large .notify {
	
	width: 45px;
	
	height: 45px;
	
	font-size: 20px;
	
	text-align: center;
	
	border-radius: 50%;
	
	background-color: #f1f1f1;
	
	margin-right: 15px;
	
	text-transform: uppercase;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
}





.dropdown-large .cart-product-title {
	
	color: #140e22;
	
	font-size: 14px;
	
	margin-bottom: 0px;
	
}



.dropdown-large .cart-product-price {
	
	color: #818189;
	
	font-size: 14px;
	
	margin-bottom: 0;
	
}



.dropdown-large .cart-product-cancel {
	
	right: -7px;
	
	top: -5px;
	
	font-size: 16px;
	
	background-color: #fff;
	
	border: 1px solid #eee;
	
	width: 1.4rem;
	
	height: 1.4rem;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	border-radius: 50%;
	
}



.dropdown-large .cart-product {
	
	width: 50px;
	
	height: 50px;
	
	display: flex;
	
	align-items: center;
	
	border-radius: 0px;
	
	border: 1px solid rgb(231 231 231);
	
	padding: 4px;
	
	background-color: rgb(255 255 255);
	
}



.dropdown-large .cart-product img {
	
	width: 100%;
	
}





.user-box .dropdown-menu i {
	
	vertical-align: middle;
	
	margin-right: 10px
	
}



.dropdown-menu {
	
	-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	
	border: 0 solid #e9ecef;
	
	border-radius: 10px;
	
	font-size: 14px
	
}



.topbar .navbar .dropdown-menu {
	
	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown
	
}



@-webkit-keyframes animdropdown {
	
	from {
		
		-webkit-transform: translate3d(0, 6px, 0);
		
		transform: translate3d(0, 6px, 0);
		
		opacity: 0
		
	}
	
	to {
		
		-webkit-transform: translate3d(0, 0, 0);
		
		transform: translate3d(0, 0, 0);
		
		opacity: 1
		
	}
	
}



@keyframes animdropdown {
	
	from {
		
		-webkit-transform: translate3d(0, 6px, 0);
		
		transform: translate3d(0, 6px, 0);
		
		opacity: 0
		
	}
	
	to {
		
		-webkit-transform: translate3d(0, 0, 0);
		
		transform: translate3d(0, 0, 0);
		
		opacity: 1
		
	}
	
}


.search-bar {
	
	width: 30%;
	
	cursor: pointer;
	
}


.search-bar a.btn,
.search-bar a.btn:focus{
	
	color:#7b8288;
	
	cursor: pointer;
	
	background-color: #f7f7ff;
	
	border: 0;
	
}









.mobile-toggle-menu {
	
	display: none;
	
	font-size: 26px;
	
	color: #404142;
	
	cursor: pointer
	
}



.switcher-wrapper {
	
	width: 280px;
	
	height: 100%;
	
	position: fixed;
	
	right: -280px;
	
	top: 0;
	
	bottom: 0;
	
	z-index: 16;
	
	background: #fff;
	
	border-left: 0 solid #d2d2d2;
	
	box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .13);
	
	transition: all .2s ease-out
	
}



.switcher-btn {
	
	width: 40px;
	
	height: 40px;
	
	line-height: 40px;
	
	font-size: 24px;
	
	background: #2D60FF;
	
	box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .13);
	
	color: #fff;
	
	text-align: center;
	
	border-top-left-radius: 10px;
	
	border-bottom-left-radius: 10px;
	
	position: absolute;
	
	top: 40%;
	
	right: 100%;
	
	cursor: pointer
	
}



.switcher-wrapper.switcher-toggled {
	
	right: 0
	
}



.switcher-body {
	
	padding: 1.25rem
	
}



.switcher-body .form-check .form-check-input,

.switcher-body .form-check .form-check-label {
	
	cursor: pointer
	
}



.header-colors-indigators .indigator {
	
	width: 45px;
	
	height: 45px;
	
	background-color: #f4f2f2;
	
	border-radius: 10px;
	
	cursor: pointer
	
}



@media screen and (max-width:1280px) {
	
	.email-header {
		
		height: auto
		
	}
	
	.email-content {
		
		padding: 100px 0 0 0
		
	}
	
}



@media only screen and (max-width: 1199px) {
	
	
	
	.row.row-group>div {
		
		border-right: 0;
		
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		
	}
	
	
	
	.row.row-group>div:last-child {
		
		border-right: none;
		
		border-bottom: 0;
		
	}
	
	
	
}



@media screen and (max-width:1024px) {
	
	.topbar {
		
		left: 0!important
		
	}
	
	
	
	.mobile-toggle-menu {
		
		display: block
		
	}
	
	.sidebar-wrapper {
		
		left: -300px;
		
		box-shadow: none
		
	}
	
	.page-wrapper {
		
		margin-left: 0
		
	}
	
	.page-footer {
		
		left: 0
		
	}
	
	
	
	.wrapper.toggled .sidebar-wrapper {
		
		left: 0
		
	}
	
	.wrapper.toggled .page-wrapper {
		
		margin-left: 0
		
	}
	
	.wrapper.toggled .overlay {
		
		position: fixed;
		
		top: 0;
		
		right: 0;
		
		bottom: 0;
		
		left: 0;
		
		background: #000;
		
		opacity: .6;
		
		z-index: 10;
		
		display: block;
		
		cursor: move;
		
		transition: all .2s ease-out
		
	}
	
	.error-404 {
		
		height: auto;
		
		padding: 6rem 1rem
		
	}
	
}



@media screen and (max-width:991px) {
	
	.section-authentication-signin {
		
		height: 100%;
		
		margin-top: 6rem;
		
		margin-bottom: 2rem
		
	}
	
	.authentication-reset-password {
		
		height: auto;
		
		padding: 2rem 1rem
		
	}
	
	.authentication-lock-screen {
		
		height: auto;
		
		padding: 2rem 1rem
		
	}
	
	.compose-mail-popup {
		
		width: auto;
		
		position: fixed;
		
		bottom: -30px;
		
		right: 0;
		
		left: 0
		
	}
	
}



@media screen and (max-width:767px) {
	
	.user-box .user-info {
		
		display: none
		
	}
	
	.authentication-forgot {
		
		height: auto;
		
		padding: 2.5rem 1rem
		
	}
	
}



@media screen and (max-width:620px) {
	
	.topbar .navbar .dropdown-menu::after {
		
		display: none
		
	}
	
	.topbar .navbar .dropdown {
		
		position: static!important
		
	}
	
	.topbar .navbar .dropdown-menu {
		
		width: 100%!important
		
	}
	
}



@media screen and (max-width:520px) {
	
	.chat-footer-menu,
	
	.chat-top-header-menu {
		
		display: none
		
	}
	
}


.avatar {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	background-color: #EFEFFD;
	border: 4px solid #fff;

	img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

.avatar-group {
	display: flex;
	margin-left: 18px;;

	&.rtl {
		direction: rtl;

		.avatar:hover:not(:last-of-type) {
			transform: translate(10px);
		}
	}

	.avatar {
		margin-left: -20px;
		transition: transform 0.3s ease;
		cursor: pointer;

		&:hover:not(:last-of-type) {
			transform: translate(-10px);
		}
	}

	.hidden-avatars {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #EFEFFD;
		/* margin-left: 3px;
		margin-right: 23px;
		background-color: #2c303a;
		color: #fff; */
		border: none !important;
	}
}

.search-img{
	width: 30px;
	border-radius: 50px;
}  

.p-0{
	padding: 0 !important;
}

.image-cover {
	width: -webkit-fill-available;
	height: 150px;
	object-fit: cover;
	/* object-position: ; */
}
.image-profile{
	transform: translateY(59px);
}
.bg-insc-list{
	background-color: #E0E2E7 ;
}


select, input[type="date"] {
	padding: 6px;
	background-color: #fbfbff;
	border: 2px solid #E0E2E7;
	border-radius: 8px;
	color:#858D9D;
}


.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination a {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: #EAEFFF;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
}

.pagination a:hover {
	background-color: #2D60FF;
	color: white;
}

.pagination i {
	font-size: 18px;
}

.pagination .active {
	background-color: #2D60FF;
	color: white;
}

/* progress bar and form */


#form {
	/* text-align: center; */
	position: relative;
	margin-top: 20px
}

#form fieldset {
	background: white;
	border: 0 none;
	border-radius: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	position: relative
}

.finish {
	text-align: center
}

#form fieldset:not(:first-of-type) {
	display: none
}

#form .previous-step,
.next-step {
	width: 100px;
	color: white;
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px 10px 0px;
	float: right
}

.form,
.previous-step {
	/* background: #616161; */
	color: #C8C8D0 !important;
	background: none !important;
}

.form,
.next-step {
	background: #2D60FF;
	border-radius: 10px;
}

#form .previous-step:hover,
#form .previous-step:focus {
	/* background-color: #000000 */
}

#form .next-step:hover,
#form .next-step:focus {
	background-color: #2D60FF
}

.text {
	color: #2D60FF;
	font-weight: normal
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: lightgrey;
	position: relative;
	z-index: 2;
}

#progressbar .active {
	color: #2D60FF
}

#progressbar li {
	list-style-type: none;
	font-size: 15px;
	width: 19%;
	float: left;
	position: relative;
	font-weight: 400
}

#progressbar #step1:before {
	content: "1"
}

#progressbar #step2:before {
	content: "2"
}

#progressbar #step3:before {
	content: "3"
}

#progressbar #step4:before {
	content: "4"
}
#progressbar #step5:before {
	content: "5"
}

#progressbar li:before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background: lightgray;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	padding: 2px
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: lightgray;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: #2D60FF
}

.progress {
	height: 20px
}

.progress-bar {
	background-color: #2D60FF
}


/*  */

.text-left-important{
	text-align: left !important;
}

.accordion-item{
	color:#667085;
	font-weight: 500;
}
.margin-left-10{
	margin-left: 10px !important;
}
.fw100{
	font-weight: 100;
}
.fw200{
	font-weight: 200;
}
.fw300{
	font-weight: 300;
}
.fw400{
	font-weight: 400;
}
.fw500{
	font-weight: 500;
}
.fw600{
	font-weight: 600;
}
.fw700{
	font-weight: 700;
}

input [type="checkbox"]{
	color: #858D9D;
	border-radius: 8px;
}
.btn-secondaryy{
	background-color:#858D9D;
	color:white;

}
.s_formateur	 {
	background-color: #e0e2e7;
	padding: 4px;
	display: inline-grid;
	border-radius: 13px;
}
.s_formateur_layer {
	background-color: #f0f1f3;
	border-radius: 46px;
	display: inline-block;
}
.s_duree {
	background-color: #FAE1CF;
	padding: 4px;
	display: inline-grid;
	border-radius: 13px;
}

.s_duree_layer {
	background-color: #FDF1E8;
	border-radius: 46px;
	display: inline-block;
}
.s_site {
	background-color: #DEDEFA;
	padding: 4px;
	display: inline-grid;
	border-radius: 13px;
}

.s_site_layer {
	background-color: #EFEFFD;
	border-radius: 46px;
	display: inline-block;
}
.s_exam {
	background-color: #FCDAD7;
	padding: 4px;
	display: inline-grid;
	border-radius: 13px;
}

.s_exam_layer {
	background-color: #FEEDEC;
	border-radius: 46px;
	display: inline-block;
}

/* colors */

.nbb500{
	color: #667085 !important;
}
.nbb700{
	color: #333843 !important;
}
.nbb800{
	color: #1A1C21 !important;
}
.nbb600{
	color: #4D5464 !important;
}
.ngg400{
	color:#858D9D !important;
}
.ngg25{
	color: #F9F9FC !important;
}
.bg-ngg25{
	background-color: #F9F9FC !important;
}

/* end custom color var  */

.link {
	color: #000;
	font-weight: normal;
}

.link:not(.active) {
	color: #667085;
	font-weight: 500;
	font-size: 17px;
}

.link.active {
	color: #0d6efd;
	font-weight: 600;
	font-size: 17px;
}

.addbtn{
	color: #2D60FF;
	border-radius: 10px;
	background-color: #EAEFFF;
	border: none;
	padding: 9px;
}

input[type="file"] {
	/* color: transparent; */
	border: none;
}
input[type="file"]::-webkit-file-upload-button {
	background: #EAEFFF;
	color:  #2D60FF;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}
input[type="file"]::-moz-file-upload-button {
	background: #EAEFFF;
	color: #2D60FF;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}
input[type="file"]::file-selector-button {
	background: #EAEFFF;
	color: #2D60FF;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.inline-flex-gap-5{
	display: inline-flex;
    gap: 5px;
}

#wrapper {
	/* width:500px;
	margin:0 auto; */
	margin-top:40px;
  }
  #fileDropBox {
	/* margin-left:100px;
	width: 20em; */
	/* line-height: 10em; */
	border: 1px dashed gray;
	text-align: center;
	color: gray;
	border-radius: 7px;
	padding: 20px;
	background-color: #F9F9FC;
  }
  .underline{
	text-decoration: underline;
  }
  .text-align-right-important{
	text-align: right !important;
  }
  .max-w-300{
	max-width: 300px;
  }
  .w-30{
	width: 30px;
  }
.pad-10{
	padding: 10px;
}
.facture{
	background: white;
    padding: 3px;
    border: 2px #E0E2E7 solid;
    border-radius: 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: #EAEFFF;
	color: #2D60FF;
}

/* stepper */
/* .container .steps {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-evenly;
	position: relative;
  }
  .steps .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	color: #999;
	font-size: 22px;
	font-weight: 500;
	border-radius: 50%;
	background: #fff;
	border: 4px solid #e0e0e0;
	transition: all 200ms ease;
	transition-delay: 0s;
  }
  .steps .circle.active {
	transition-delay: 100ms;
	border-color: #4070f4;
	color: #4070f4;
  }
  .steps .progress-bar {
	position: absolute;
	height: 4px;
	width: 100%;
	background: #e0e0e0;
	z-index: -1;
  }
  .progress-bar .indicator {
	position: absolute;
	height: 100%;
	width: 0%;
	background: #4070f4;
	transition: all 300ms ease;
  }
  .container .buttons {
	display: flex;
	gap: 20px;
  }
  .buttons button {
	padding: 8px 25px;
	background: #4070f4;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	transition: all 200ms linear;
  }
  .buttons button:active {
	transform: scale(0.97);
  }
  .buttons button:disabled {
	background: #87a5f8;
	cursor: not-allowed;
  } */
.hand_cursor{
	cursor: pointer;
}


/* LOGIN */
.left-side {
	/* background: url('../images/flex/login.png') no-repeat center center; */
	background-size: cover;
}
.main-login {
	/* background: url('../images/image.png') no-repeat center center; */
	background-size: cover;
	background-color: #ffffff;
}
.br-125{
	border-radius: 1.25rem !important;
}
.login-container {
	display: flex;
	/* flex-direction: column; */
	justify-content: space-between;

	/* align-items: center;
	justify-content: center; */
	height: 100vh;
}
.login-form-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}
.login-form {
	width: 100%;
	max-width: 530px;
}
.separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
}
.separator::before, .separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ccc;
}
.separator:not(:empty)::before {
	margin-right: .25em;
}
.separator:not(:empty)::after {
	margin-left: .25em;
}
.google-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	color: 4D5464;
	border: 2px solid #B1B5C1;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	/* max-width: 400px; */
	margin: auto;
	cursor: pointer;
}
.google-btn img {
	width: 20px;
	margin-right: 10px;
}
/* END LOGIN CSS */
.w-full{
	width: 100% !important;
}
.fs10{
	font-size: 10px;
}
.fs12{
	font-size: 12px;
}
.fs17{
	font-size: 17px;
}
.fs18{
	font-size: 18px;
}
.fs8{
	font-size: 8px;
}
.fs13{
	font-size: 13px;
}
.fs14{
	font-size: 14px;
}
.fs15{
	font-size: 15px;
}
.fs16{
	font-size: 16px;
}
.fs19{
	font-size: 19px;
}
.fs9{
	font-size: 9px !important;
}
.fs20{
	font-size: 20px;
}
.fs21{
	font-size: 21px;
}
.border-none, .border-none:focus{
	border: none !important;
	outline: none;
}
.tli{
	text-align: left !important;
}
.tri{
	text-align: right !important;
}
.lightgray{
	color: #787486 !important;
}
.w-70{
	width: 70px;
}
.max-w-h-60{
	width: 60px !important;
	height: 60px !important;
	border-radius: 50px;
}
.max-w-h-30{
	width: 30px;
	height: 30px;
}
@-webkit-keyframes fadeIn { 
	0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn { 
0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
 0%   { opacity: 0; }
  100% { opacity: 1; } 
}
	
.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;  
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.three {
	-webkit-animation-delay: 0.7;
	-moz-animation-delay: 0.7;
	animation-delay: 0.7;
}
.overflow-x-scroll{
	overflow-x: scroll;
}
.hidden{
	visibility: hidden !important;
}

/* Custom date input */
.factgen{
	background-color: #cfcece;
	border-radius: 5px;
	padding: 5px;
}
.statuspay {
    background-color: #DBE9E6;
    border-radius: 10px;
    padding: 2px;
}

.maincardbg{
	background-image: linear-gradient(
  90deg,
  hsl(225deg 100% 59%) 0%,
  hsl(230deg 100% 65%) 21%,
  hsl(232deg 100% 69%) 30%,
  hsl(233deg 100% 73%) 39%,
  hsl(234deg 100% 76%) 46%,
  hsl(234deg 100% 78%) 54%,
  hsl(233deg 100% 81%) 61%,
  hsl(232deg 100% 83%) 69%,
  hsl(230deg 100% 86%) 79%,
  hsl(226deg 100% 88%) 100%
);

}
.min-h-300{
	min-height: 300px;
}

.param-main{
	font-weight: bold;
    font-size: 21px;
    border-bottom: 2px #2D60FF solid;
    width: fit-content;
}

.param-ico{
    width: 33px;
    height: 32px;
    background-color: #ededed;
    display: flex;
    padding: 5px;
    border-radius: 7px;
}

.param-element{
	color: #6C6C6C;
}

.param-element:hover{
	color: #2D60FF;
}
.fs21{
	font-size: 21px;
}

.wrappe{
	padding-bottom: 100px;
}
.maincontentinne{
	position: relative;
    z-index: 1;
    /* border: dashed; */
    height: 15em;
    margin-bottom: 1em;
    /* margin-top: 2em; */
}
.outter-box{
	position: absolute;
    z-index: 3;
    /* background: gold; */
    width: 96%;
    left: 21px;
    top: 3em;
}
.inside-card{
	width: 308px;
	height: 398px;
	position: absolute;
	z-index: 3;
}

.z-index-1{
	z-index: 1;
}
.b-none{
	border: none !important;
}
.badge-entreprise{
	background-color: #ededed;
	font-size: 14px;
}
.buttons-excel, .buttons-csv, .buttons-pdf {
    color: #2D60FF;
    border-radius: 10px;
    background-color: #EAEFFF;
    border: none;
    padding: 9px;
}
.v-hidden{
	visibility: hidden;
}

.text-pending{
    color: #D87A38;
}
.color-pending{
    background-color:#D87A38;
}
.color-absent{
    background-color:#D10000;
}
.color-formation{
    background-color:#377E22;
}
.color-v{
    background-color:#2D60FF;
}
.stat-v{
    border-radius: 6px;
    border: 1px solid #2D60FF;
    background-color: #ECF2FF;
    color: #2D60FF;
}
.stat-pending{
    border-radius: 6px;
    border: 1px solid #D87A38;
    background-color: antiquewhite;
    color: #D87A38;
}
.stat-absent{
    border-radius: 6px;
    border: 1px solid #D10000;
    background-color: #F8D9D9;
    color: #D10000;
}
.stat-formation{
    border-radius: 6px;
    border: 1px solid #377E22;
    background-color: #E1ECDE;
    color: #377E22;
}
.hist{
	color: #333843 !important;
}

.fs8{
	font-size: 8px !important;
}


.timeline-widget .timeline-item {
    min-height: 70px
}

.timeline-widget .timeline-item .timeline-time {
    padding: 6px 16px 6px 0;
    min-width: 90px
}

.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: transparent
}

.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge-border {
    width: 1px;
    height: 100%;
    background-color: #ebf1f6
}

.timeline-widget .timeline-item .timeline-desc {
    padding: 6px 16px
}

.timeline-widget .timeline-item .timeline-badge.badge-primary {
    border: 2px solid #5D87FF
}
.bg-violet{
	background-color:  #5D87FF;
}
.bg-transpa{
	background-color:  #6D93FF;
}
.height-10{
	height: 10px !important;
}
.progress-bar1 {
	background-color: #ffffff !important;
}
.bg-dash {
	background-color: #EBF3FE;
}
.bg-dashe {
	background-color: #EAEFF4 !important;
}
.fit-content{
	width: fit-content !important;
}
.dash-formation-circle{
	width: 70px !important;
    height: 70px !important;
    display: flex;
    align-items: center;
    justify-content: center;
	/* color: #75777A; */
	color: #2D60FF;
	background-color: #EAEFF4;
	font-size: 14px;
	font-weight:500;
	padding: 10px;
	text-align: center;
}
.swiper-slideEnc, .swiper-slidePl{
	width: 70px !important;
    /* height: 70px !important; */
    display: flex;
    align-items: center;
    justify-content: center;
	/* color: #75777A; */
	color: #2D60FF;
	/* background-color: #EAEFF4; */
	font-size: 14px;
	font-weight:500;
	padding: 10px;
	text-align: center;
}
.dash-formation-circle:hover, .dash-formation-circle:hover a{
	background-color: #2D60FF;
	color: #ffffff !important;
}
.dash-formation-circle.active, .dash-formation-circle.active a {
    background-color: #2D60FF;
    color: #ffffff !important;
}

.dash-formation-circle .svg-icon {
    filter: invert(31%) sepia(95%) saturate(7241%) hue-rotate(213deg) brightness(94%) contrast(104%);
}
.dash-formation-circle:hover .svg-icon {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
	color: #ffffff !important;
}
.actived{
    background-color: #2D60FF !important;
    color: #ffffff !important;
}

.fw-medium{
	font-weight: 600;
}
.text-bg-formateur{
	background-color: #ECF2FF !important;
	color: #2D60FF !important;
}
.text-bg-formation{
	background-color: #E7F4FF !important;
	color: #0D894F !important;
}
.text-bg-organisme{
	background-color: #FBF2EF !important;
	color: #FA896B !important;
}
.text-bg-entreprise{
	background-color: #FEF5E5 !important;
	color: #FFAE1F !important;
}
.bslide-btn{
    color: #2D60FF;
    background-color: #EAEFFF;
}
.carte-dash{
	max-width: 72px;
	height: 72px;
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 10px;
	border-radius: 32px;
	color: #ffffff;
	align-items: center;
	word-break: break-all;
}
.search-suggestion {
    z-index: 50;
    max-height: 200px;
    top: 3rem;
    overflow-y: auto;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
    padding: 2px;
}
.elemt:hover{
	background-color: white;
	color: #2D60FF;
	cursor: pointer;
}
.swiper-container, .sessionEnc {
    width: 100%;
    height: 100%;
	overflow: hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-shrink: 0;
	width: auto;
}

.bslide-btn {
    cursor: pointer;
    user-select: none;
}

.items-center{
    align-items: center !important;
}
.msg-object{
	color: #8B8D97 !important;
}
.msg-selected{
	background-color: #F4F7FF;
}
/* table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
    right: 1em;
    content: "^" !important;
	font-family: 'FontAwesome';
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
    right: .5em;
    content: "\F282" !important;
} */

tbody,tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}
tbody tr td{
    border-bottom: 2px solid #f0f1f3; 
}
.bgf2{
	background-color: #f2F2F2;
}
#datatablediplome_filter, .dataTables_filter {
    display:flex !important;
}
div.dataTables_filter input {
	background-color: white !important;
}
.underline{
	text-decoration: underline;
	text-decoration-line: underline;
}

.msg-elmnt:hover{
	background-color: #ECF1FF !important;
}
.w-h-32{
	width: 32px;
	height: 32px;
}
.l-0{
	left:0;
}
.r-0{
	right:0;
}
.z-50{
	z-index: 50;
}
.bg-limblue{
	background-color: #EAF0FF;
}
.w-h-40{
	width: 40px;
	height: 40px;
}
.obj-contain{
	object-fit: contain;
}
.bitl:hover{
	border: #0d6efd 1px solid;
}
.bitl.active{
	border: #0d6efd 1px solid;
}
.min-h-500{
	min-height: 500px;
}
.bg-lightgray{
	background-color: #d3d3d3;
}