@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
/******* Include fonts *******/
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.eot');
	src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Regular.woff2') format('woff2'),
		url('../fonts/Poppins-Regular.woff') format('woff'),
		url('../fonts/Poppins-Regular.ttf') format('truetype'),
		url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Medium.eot');
	src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Medium.woff2') format('woff2'),
		url('../fonts/Poppins-Medium.woff') format('woff'),
		url('../fonts/Poppins-Medium.ttf') format('truetype'),
		url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
		url('../fonts/Poppins-SemiBold.woff') format('woff'),
		url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
		url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Bold.eot');
	src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Bold.woff2') format('woff2'),
		url('../fonts/Poppins-Bold.woff') format('woff'),
		url('../fonts/Poppins-Bold.ttf') format('truetype'),
		url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/******* Include icons  *******/
@font-face {
	font-family: 'ingIcon';
	src: url('../fonts/ing.eot?25683032');
	src: url('../fonts/ing.eot?25683032#iefix') format('embedded-opentype'),
		url('../fonts/ing.woff2?25683032') format('woff2'),
		url('../fonts/ing.woff?25683032') format('woff'),
		url('../fonts/ing.ttf?25683032') format('truetype'),
		url('../fonts/fonts/ing.svg?25683032#ing') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ing"]:before,
[class*=" ing"]:before {
	font-family: "ingIcon";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ing-search:before {
	content: '\e800';
}

/* '' */
.ing-grid-view:before {
	content: '\e801';
}

/* '' */
.ing-list-view:before {
	content: '\e802';
}

/* '' */
.ing-notification:before {
	content: '\e803';
}

/* '' */
.ing-data-filter:before {
	content: '\e804';
}

/* '' */
.ing-arrow-down:before {
	content: '\e805';
}

/* '' */
.ing-arrow-right:before {
	content: '\e806';
}

/* '' */
.ing-arrow-left:before {
	content: '\e807';
}

/* '' */
.ing-arrow-up:before {
	content: '\e808';
}

/* '' */
.ing-calendar:before {
	content: '\e809';
}

/* '' */
.ing-expand:before {
	content: '\e80a';
}
.ing-attachment:before { content: '\e80b'; } 
.ing-eye:before { content: '\e80c'; } 
.ing-file:before { content: '\e80d'; }
.ing-menu:before { content: '\e80e'; } 
.ing-manage-user:before { content: '\e80f'; }

/* '' */
/******* Include fonts End *******/
body {
	/* font-family: 'Poppins'; */
	font-family: 'Inter', sans-serif;
	font-size: 1.025vw;
	color: #374151;
	overflow-x: hidden;
	background: #F3F4F6;
}

a {
	transition: all .2s ease-in-out;
	text-decoration: none;
}


a:hover {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
}

.no-scroll {
	overflow: hidden;
}

img {
	max-width: 100%
}

#logo img { max-width: 280px; }

.f-w-500 {
	font-weight: 500;
}

.f-w-600 {
	font-weight: 600;
}

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

.f-s-10 {
	font-size: 0.732vw;
}

.f-s-12 {
	font-size: 0.878vw;
}

.f-s-14 {
	font-size: 14px !important;
}

.f-s-16 {
	font-size: 1.171vw;
}

.f-s-18 {
	font-size: 1.318vw;
}

.f-s-20 {
	font-size: 1.464vw;
}

.f-s-30 {
	font-size: 2.196vw;
}

.f-s-36 {
	font-size: 2.635vw;
}

.line-H-1 {
	line-height: 1;
}

.line-H-1_2 {
	line-height: 1.2;
}

.line-H-1_3 {
	line-height: 1.3;
}

.line-H-1_4 {
	line-height: 1.4;
}

.line-H-1_5 {
	line-height: 1.5;
}

.line-H-1_6 {
	line-height: 1.6;
}

.line-H-1_7 {
	line-height: 1.7;
}

.line-H-1_8 {
	line-height: 1.8;
}

.line-H-1_9 {
	line-height: 1.9;
}

.mr-36 {
	margin-right: 2.635vw;
}

.mr-20 {
	margin-right: 1.464vw;
}

.w-40 {
	width: 2.928vw;
}

.h-40 {
	height: 2.928vw;
}

.mt-40 {
	margin-top: 2.928vw;
}

.mt-24 {
	margin-top: 1.757vw;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
}

::placeholder {
	/* Most modern browsers support this now. */
	color: #8E8EA1 !important;
	font-size: 1.025vw;
}

.color-site {
	color: #363636;
}

.text-grey {
	color: #9C9C9C;
}

.text-greyD8 {
	color: #D8D8D8;
}

.l-s-4 {
	letter-spacing: 0.4px;
}

.l-s-44 {
	letter-spacing: 0.44px;
}

.user_profile img {
	/*border: 1px solid #C4C4C4;*/
	padding: 2px;
}

.headerFix {
	padding-top: 4.392vw;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

.headerWrap {
	background: #ffffff;
	padding: 0.5vw 0;
}

.banner-search input.form-control {
	height: 3.514vw;
	border-radius: 2.196vw;
	border: none;
	padding: 0 4.685vw;
}

.banner-search .ing-search {
	color: #8E8EA1;
}

.banner-search .start-30 {
	left: 2.196vw;
}

.mx-w-395 {
	max-width: 28.917vw;
}
.box-wrap {
	background: #ffffff;
	box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.15), inset 0px 10px 0px #009658;
}
.p-30 {
	padding: 2.196vw;
}
.p-24 {
	padding: 1.757vw;
}
.page-title {
	color: #363636;
	position: relative;
	padding-bottom: 1.098vw;
}
.page-title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #363636;
	height: 2px;
	width: 7.540vw;
}
.tab_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #EAEFFF;
	color: #667085;
	background: #ffffff;
	width: 2.489vw;
	height: 2.489vw;
	border-radius: 0.366vw;
}

.tab_btn:not(:last-child) {
	margin-right: 0.586vw;
}

.tab_btn.active {
	background: #1570EF;
	color: #ffffff;
}

.tab_btn:hover {
	background: #1570EF;
	color: #ffffff;
}

.cstm-tabs {
	background: #EAEFFF;
	border: 1px solid #D4DFFF;
	border-radius: 0.439vw;
	padding: 0.366vw;
	width: 100%;
	max-width: 32.430vw;
}

.cstm-tabs a {
	color: #8993FF;
	width: 100%;
	height: 2.489vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cstm-tabs div:not(:last-child) {
	margin-right: 5px;
}

.cstm-tabs .active {
	background-color: #009658;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	color: #ffffff;
}

.cstm-tabs a:hover {
	background-color: #009658;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	color: #ffffff;
}

.w-140 {
	width: 10.249vw;
}

.mx-w-179 {
	max-width: 13.104vw;
}

.w-87 {
	width: 6.369vw;
}
.text-gray 
{
	color:#667085;
}

.select2-container--default .select2-selection--single {
	border-radius: 0.586vw;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border: 1px solid #EAEFFF;
}

.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	padding: 0.366vw;
}




.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #1570EF;
}

.select2-container--default .select2-results__option--selected {
	background: #1570EF;
	color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 0.878vw;
}

.select-font-s .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 0.732vw;
}

.select2-dropdown {
	border-color: #EAEFFF;
}
.select2-container--default .select2-selection--multiple 
{
	border: 1px solid #dbdbdb !important;
}
.select2-container--default .select2-selection--multiple 
{
	    border: 1px solid #dbdbdb !important;
}
.select2-container
{
	
}

.cstm-tabs.h-26 a {
	height: 1.903vw;
}

.blue_color_bg {
	background-color: #009658;
}
.btnprimary 
{
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	background: #009658;
	border: 1px solid #009658;
	padding: 8px 25px;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	color:#fff;
	font-size: 15px;
}
.btnprimary:hover 
{
	color:#fff;
}
.btnprimary icon 
{
	
}
.btn.btn-secondary 
{
	background: transparent;
    border: 1px solid #009658;
	color: #009658;
	padding: 8px 20px;
	display: inline-flex;
	border-radius: 8px;
	font-size: 15px;
	    margin: 0;
}
.btn.btn-secondary:hover 
{
	background: #009658;
	color: #fff;
}


.btnprimary .icon{
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 30px;
}
.btnprimary .icon:before {
	position: absolute;
    top: 0;
    left: 0;
    content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;	
}
.btnprimary .eye-white-icon:before {
	background-image: url(../images/eye-white-icon.svg);
	top: 3px;
	
}

/******************* select2 *****************************/
/*.select2-container .select2-selection--multiple
{
	    height: 3.221vw;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	margin-top: 1.098vw !important;
}
/*.select2-container--default .select2-selection--multiple .select2-selection__choice 
{
	margin-top: 15px !important;
}*/
.select2-container .select2-selection--single 
{
	 height: 3.221vw !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    position: absolute;
    top: 1px;
    right: 6px !important;
    width: 1.464vw;
    height: 2.782vw !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	
}


/******************* select2 *****************************/





/***********************************************
Login page
***********************************************/
.form-control:focus {
	box-shadow: none;
	border: 1px solid #009658;
	color: #052f61;
}

.p-lr-90 {
	padding-right: 6.589vw;
	padding-left: 6.589vw;
}

.f-s-24 {
	font-size: 1.757vw;
}

.f-s-18 {
	font-size: 1.318vw
}

.h-24 {
	height: 1.716vw;
}

.h-w20 {
	height: 1.430vw;
	width: 1.430vw;
}

.w-44 { width: 3.221vw; }

.h44 {
	height: 3.221vw;
}

.line-H-35 {
	line-height: 3.221vw;
}

.text-color-blue {
	color: #0C4D6E;
}

.loginpage {
	background: #F0F2F6;
}

.loginpage .org_name {
	font-size: 1.144vw;
	font-weight: 500;
	line-height: 24px;
	color: #363636;
	margin: 0;
}

.login {
	padding: 1.430vw 0.715vw;
}

.login h5 {
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 28px;
	letter-spacing: -0.02em;
}

.login p {
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.02em;
	color: #5B6B85;
}

.login .form-group label {
	font-weight: 500;
	line-height: 24px;
	color: #041C4F;
}

.login .form-group input {
	background: #FFFFFF;
	border: 1px solid #BECDE3;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 15px;
}

.login .btn-login {
	background: #009658;
	box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
	border-radius: 8px;
	color: #fff;
	line-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
    justify-content: center;
    display: flex;
	width:100%;
}
.login .signbtn 
{
	border-radius: 10px;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: 500;
	border: 1px solid #E8F0F3;
	width:100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background: #FFFFFF;
	
}

.login .btn-signup {
	background: #FFFFFF;
	border: 1px solid #E8F0F3;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	line-height: 29px;
	color: #101828;
	font-weight: 600;
	line-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
}

.login .form-check .form-check-input {
	border: 1px solid #D0D5DD;
	border-radius: 6px;
}

.login .register {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #667085;
}

.login-bg {
	
	height: 100%;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}



.relative-position 
{
	position:relative;
}
.login .icon {
	position: relative;
    top: -8px;
    right: 7px;
    cursor: pointer;
}
.login .input-group-text
{
	border: 1px solid #D0D5DD;
    height: 100%;
    border-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    background-color: transparent;
    padding: 10px 22px;
}
.list_view_icon:before {
    background-image: url(../images/list_view_icon.svg);
}

.login .eye-open:before {
  position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
        width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}
.login .eye-open:before {
    background-image: url(../images/svg/eye_icon.svg);
}
/***********************************************
Login page end
***********************************************/

/***********************************************
		admin 
***********************************************/

.headerWrap .navbar-dark .navbar-nav .nav-link.active,
.headerWrap .navbar-dark .navbar-nav .show>.nav-link {
	border-bottom: 2px solid #fff;
	align-items: center;
	display: inline-block;
}

.headerWrap .nav-link {
	padding: 0.3rem 1rem;
	font-size: 14px;
}


.sidebar .icon{
	position: relative;
	width: 20px;
	height: 20px;
/*	margin-right: 30px;*/
}
.sidebar .icon:before {
	position: absolute;
    top: 0;
    left: 0;
    content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;	
}
.sidebar .nav-item .menu_icon:before {
	background-image: url(../images/outline-dashboard.svg);
	
}
.sidebar .nav-item .active .menu_icon:before {
	background-image: url(../images/outline-dashboard_active.svg);
}
.sidebar .nav-link:hover .menu_icon {
	background-image: url(../images/outline-dashboard_active.svg);
}


.sidebar .nav-item .managecertificate_icon:before {
	background-image: url(../images/managecertificate_icon.svg);
	
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 90%);
}






.sidebar .nav-item .managecertificate_icon-gray:before {
	background-image: url(../images/managecertificate_icon-gray.svg);
	background-size: 100%;
	
}
.sidebar .nav-item .active .managecertificate_icon-gray:before {
	background-image: url(../images/managecertificate_icon-gray-active.svg);
}
.sidebar .nav-link:hover .managecertificate_icon-gray:before {
	background-image: url(../images/managecertificate_icon-gray-active.svg);
	background-size: 100%;
}

.sidebar .nav-item .school_icon:before {
	background-image: url(../images/school_icon.svg);
	background-size: 100%;
	
}
.sidebar .nav-item .active .school_icon:before {
	background-image: url(../images/school_icon-active.svg);
}
.sidebar .nav-link:hover .school_icon:before {
	background-image: url(../images/school_icon-active.svg);
}

.fa-icon {
	font-size: 20px;
}

.sidebar .nav-item .setting_icon:before {
	background-image: url(../images/setting_icon.svg);
	background-size: 100%;
	
}
.setting_icon:before {
	background-image: url(../images/setting_icon.svg);
	width: 20px;
	height: 20px;
	
}
.sidebar .nav-item .active .setting_icon:before {
	background-image: url(../images/setting_icon-active.svg);
	top: -2px !important;
	background-size: 100%;
}
.sidebar .nav-link:hover .setting_icon:before {
	background-image: url(../images/setting_icon-active.svg);
}


.managecertificate .nav-link {
	padding: 14px 5px;
	letter-spacing: -0.05px;
	color: #98A2B3;
	font-size: 13px;
}

fieldset .icon{
	position: relative;
}
fieldset .icon:before {
	position: absolute;
    top: 0;
    left: 0;
    content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;	
}
fieldset .attachment_icon:before {
	background-image: url(../images/attachment.svg);
	width: 50px;
    height: 50px;

	
}
fieldset .file_icon:before {
	background-image: url(../images/file_icon.svg);
	width: 30px;
    height: 30px;
	top: -5px;

}
.text-blue 
{
 color:#1264D7;
}


.managecertificate .nav-pills .nav-link.active,
.managecertificate.nav-pills .show>.nav-link {
	background: #F6FAFF;
	letter-spacing: -0.05px;
	color: #009658;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	box-shadow: inset 3px 0px 0px #009658;
	border-radius: 0;
/*    padding: 14px 10px;*/
}

.breadcrumb{
	font-size: 14px;
	display: flex;
	align-items: center;
}

.managecertificate  .customcard .nav-pills .nav-link.active,
.managecertificate .customcard .nav-pills .show>.nav-link {
	background: #F6FAFF;
	letter-spacing: -0.05px;
	color: #009658;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	box-shadow: inset 3px 0px 0px transparent;
	border-radius: 0;
    padding: 14px 10px;
}


.tabs {
	background-color: #fff;
	filter: drop-shadow(2px 3px 15px rgba(0, 0, 0, 0.15));
	border-radius: 6px;
}

.tabs .nav-tabs {
	border: none;
	color: #3A3B3F;
}

.tabs .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #009658;
	border-color: transparent;
	position: relative;
	border-radius:6px;


}
.dropdown-toggle::after
{
	display:none;
}
/* .dropdown-menu.show  */
/* { */
	/* transform: translate(1099px, 66px) !important; */
/* } */

.tabs .nav-link {
	color: #3A3B3F;
	font-weight: 500;
}

.tabs .nav-tabs .nav-link.active:after {
	content: " ";
	position: absolute;
	right: 43%;
	bottom: -15px;
	border-top: 15px solid #009658;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: none;
	


}
.hide 
{
	display:none !important;
}






.input-wrapper {
	position: relative;
	line-height: 14px;
	margin: 0 10px;
	display: inline-block;
}

.input-wrapper label {
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 14px;
	padding: 0 2px;
	pointer-events: none;
	background: white;
	transition: transform 100ms ease;
	transform: translateY(-20px);
}

.input-wrapper label &:invalid+label {
	transform: translateY(0)
}

.input-wrapper label &:focus {
	border-color: #2b96f1
}

.input-wrapper &+label {
	color: #2b96f1 transform:translateY(-20px)
}


.ka_form-group-wrap { margin-bottom: 1.823vw; }
.float_Field { position: relative; }
.float_Field .ka_cst_label { color: #9e9c9b; margin-bottom: 0; padding: 0 0.313vw; margin-bottom: 0; position: absolute; left: .625vw; top: .781vw; z-index: 1; background-color: #fff; pointer-events: none; transition: all 0.1s linear; }
.float_Field.ffl-floated .ka_cst_label { top: -.469vw; }
.ka_cst_Field:focus+.ka_cst_label { color: #5b9efb; }
input[type=date]:required:invalid::-webkit-datetime-edit { color: transparent; }
input[type=date]:focus::-webkit-datetime-edit { color: black !important; }
input[type=date] { color: #FFFFFF; }
.ka_cst_Field { height: 3.221vw; border-radius: .417vw; border-color: #98A2B3; box-shadow: none !important; color: #000; padding: .573vw .885vw; }
.ka_cst_Field, .ka_cst_Field option { font-weight: 300; }
.ka_cst_Field:focus { border-color: #5b9efb; }
textarea.ka_cst_Field { resize: none; }
select.ka_cst_Field { padding-right: 2.083vw; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-image: url(../images/icon-select_angle.svg); background-size: 0.8vw auto; background-position: right 0.9vw center; }
.ka_bx_Wrap_Form { padding: 1.823vw 1.302vw 0 1.302vw; border: 1px solid #d4cdca; border-radius: .417vw; }
.ka_cstForm_wrap .ka_btnWrap { margin-top: .781vw; }
.pt__20 { padding-top: 1.042vw; }
.form-control:disabled, .form-control[readonly] 
{
	    background-color: #ffffff;
}
/*
.onoffswitch3 {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
   
    border-radius: 20px;
}

.onoffswitch3-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner:before,
.onoffswitch3-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch3-inner:before {
    content: "Spanish";
    padding-left: 10px;
    text-align: left;
    background-color: #ff6464 !important;
    color: #FFFFFF;
}

.onoffswitch3-inner:after {
    content: "English";
    padding-right: 10px;
    background-color: #308b90 !important;
    color: #FFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 59px;
    text-align: center;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch3-switch:before {
    font-family: 'FontAwesome';
    content: "";
    font-size: 10px;
    position: absolute;
    top: 1px;
    right: 5px;
    color: #999;
}*/

/* Basic Rules */
.switch1 input { 
    display:none;
}
.switch1 {
    display:inline-block;
    width:50px;
    height:20px;
    margin:auto;
    /* transform:translateY(50%); */
    position:relative;
}
/* Style Wired */
.slider1 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider1:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-30px);
    transition:.4s;
	left: 0;
}

input:checked + .slider1:before {
    transform:translateX(30px);
    background:#009658;
}
input:checked + .slider1 {
    box-shadow:0 0 0 2px #009658,0 0 2px #009658;
}

/* Style Flat */
.switch1.flat .slider1 {
 box-shadow:none;
}
.switch1.flat .slider1:before {
  background:#FFF;
}
.switch1.flat input:checked + .slider1:before {
 background:white;
}
.switch1.flat input:checked + .slider1 {
  background:#009658;
}

.blureClass {
    opacity: 0.5;
}
fieldset {
    margin: 0 0 30px 0;
    border: 1px solid #ccc;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.topminus7
{
	top:-7px;
}
legend {
    padding: 4px 5px;
    color: #000;
    /* margin: 0 auto; */
    display: block;
    position: relative;
    top: -14px;
    background-color: #fff;
    width: auto;
    left: 9px;
    color: #A0AABD;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;

}
.custom-table table 
{
	font-size:12px;
}
.custom-table  table thead th
{
	background: #FFF6E5;
	border: 1px solid #FFFFFF;
	
}
.custom-table .table thead tr 
{
	border-bottom:none;
}
.custom-table .table tr th 
{
	padding: 16px 16px;
	font-weight:500;
}
.custom-table .table>thead
{
	vertical-align: middle;
}
.custom-table .table tbody
{
	font-size:12px;
	
	color: #667085 !important;
}
.custom-table .table tbody td 
{
	    padding: 15px;
		border: 0;
		vertical-align: middle;
		    font-size: 14px !important;
}

.custom-table .table .icon{
	position: relative;
}
.custom-table .table .icon:before {
	/* position: absolute;
    top: 0;
    left: 0; */
    content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;	
}
.custom-table .table .eye_icon:before {
    background-image: url(../images/eye_icon.svg);
    width: 20px;
    height: 20px;
    top: -13px;
    background-size: 100%;
}
.custom-table .table .edit_icon:before {
	background-image: url(../images/edit_icon.svg);
	width: 16px;
    height: 16px;
	top: -8px;
}
.custom-table .table .email_icon:before {
	background-image: url(../images/mail.svg);
	width: 16px;
    height: 16px;
	top: -8px;
}



.custom-table .table .delete_icon:before {
	background-image: url(../images/delete_icon.svg);
	width: 16px;
    height: 16px;
	top: -8px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #F9FAFB;
}
.action-links a {
    display: inline-block;
    margin: 0px 15px;
    text-decoration: none;
}
.width80 
{
	width:80px;
}
.tag_Incomplete 
{
	background: #FEF3F2;
	border-radius: 16px;
	padding: 3px 7px;
	color: #D92D20;
	font-size:12px;
	font-weight: 500;
	width: fit-content !important;
}
.tag_Submitted
{
	background: #D1FADF;
	border-radius: 16px;
	padding: 3px 7px;
	color: #039855;
	font-size:12px;
	font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #ffffff;
    color: #667085;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
	
}
.dot-red 
{
	    width: 8px;
    height: 8px;
    background-color: #D92D20;
    border-radius: 50%;
    position: relative;
    top: 5px;
}
.dot-green 
{
	    width: 8px;
    height: 8px;
    background-color: #12B76A;
    border-radius: 50%;
    position: relative;
    top: 5px;
}
.fileshow
{
	border: 1px solid #E5E5E5;
	border-radius: 6px;	
    padding: 10px;

}
.filename
{
	font-weight: 400;
	font-size: 15px;
	color: #404A4D;
}
.title 
{
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	color: #374151;
}


/****** managecertifications***********/


/********* managecertifications end***********/

.settings .box
{
	padding: 27px 28px;
    border-radius: 10px;
    color: #fff;
    background-color: #009658;
    font-size: 3px;
}
.settings .box h6 
{
	font-size: 16px;
    margin: 0;
}
.title 
{
	font-size:18px;
	margin-bottom: 0;
}
a {
    color: #009658;
}
.settings .btnprimary {
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    border-radius: 8px;
    background: #009658;
    border: 1px solid #009658;
    padding: 7px 12px;
    justify-content: center;
    align-items: center;
    padding: 8px 13px;
    display: inline-flex;
    color: #fff;
}

.settings .btnprimary:hover {
    background: #FFF;
    border: 1px solid #009658;
    color: #009658;
}

/***********************************************
		admin
***********************************************/
/**********************************************
		Calendar
**********************************************/
#divWhatsDueCalender .fc-widget-header {
	padding: 2px 5px!important;
	border: 1px solid #E5E5E5!important;
	-webkit-border-top-left-radius: 11px!important;
	-webkit-border-top-right-radius: 11px!important;
	-moz-border-radius-topleft: 11px!important;
	-moz-border-radius-topright: 11px!important;
	border-top-left-radius: 11px!important;
	border-top-right-radius: 11px!important;
}

#divWhatsDueCalender table {
	border: none!important;
}

#divWhatsDueCalender.fc td.fc-widget-header td table td {
	padding: 0px!important;
}

#divWhatsDueCalender.fc th,
#divWhatsDueCalender.fc td {
	border: 1px solid #E5E5E5!important;
}

#divWhatsDueCalender.fc-unthemed th,
.fc-unthemed td,
#divWhatsDueCalender.fc-unthemed hr,
.fc-unthemed thead,
#divWhatsDueCalender.fc-unthemed tbody,
#divWhatsDueCalender.fc-unthemed .fc-row,
#divWhatsDueCalender.fc-unthemed .fc-popover {
	border: none!important;
}

#divWhatsDueCalender table tr .fc-bg td table td {
	border: 1px solid #E5E5E5!important;
}


#divWhatsDueCalender .fc-widget-content:last-child {
	-webkit-border-bottom-right-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-moz-border-radius-bottomleft: 11px;
	border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
}

#divWhatsDueCalender .fc-sat.fc-widget-content:last-child {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*********************************************
		Calendar End
*********************************************/






/***************** datatable***********************/

/*--------------------- Start Datatable ------------------*/
.dataTables_length 
{
	margin-bottom:20px;
}
.dataTables_filter 
{
	margin-bottom:15px;
}
.dataTables_wrapper .dataTables_info
{
	color: #9b9b9b;
    font-size: 13px;
}
table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}
 table {
	border-collapse: separate !important;
}

 table.dataTable thead>tr>th,
 table thead>tr>th {
	color: #5B6B85;
	font-weight: 500;
	font-size: 12px;   
	background: #F5F6F7 !important;
    border: 0;
}

 .table-bordered {
	border: 1px solid rgba(130, 130, 130, 0.19);
	border-radius: 11px;
}

 .cbr-replaced.cbr-success .cbr-state,
 .cbr-replaced.cbr-secondary .cbr-state {
	border: 2px solid rgba(37, 36, 36, 0.8);
	border-radius: 5px;
}

 .tblDataTable tbody tr td {
	font-size: 12px;
	color: rgba(37, 36, 36, 0.65);
}

 .tblDataTable tbody tr td strong {
	font-weight: normal;
}

 .dataTables_wrapper .dataTables_filter input[type="search"] {
	background-image: url(../images/svg/search-outline02.svg);
	background-position:12px 10px!important;
	background-repeat: no-repeat;
	border: 1px solid rgba(196, 196, 196, 0.43);
	border-radius: 8px;
	padding: 9px 20px 9px 41px;
	background-size: 18px 18px;
}

 .dataTables_wrapper .dataTables_filter .input-sm {
	height: 38px;
}

 .dataTables_wrapper .pagination>li {
	display: inline-block;
	margin: 0 5px;
}

 .dataTables_wrapper .pagination>li:last-child {
	margin-right: 0px;
}

 .dataTables_wrapper .pagination>li>a,
 .dataTables_wrapper .pagination>li>span {
	padding: 6px 14px;
	border: 0.92062px solid #DEDEDE;
	border-radius: 6.44434px;
}

 .dataTables_paginate .pagination>.active>a,
 .dataTables_paginate .pagination>.active>span,
 .dataTables_paginate .pagination>.active>a:hover,
 .dataTables_paginate .pagination>.active>span:hover,
 .dataTables_paginate .pagination>.active>a:focus,
 .dataTables_paginate .pagination>.active>span:focus {
	color: #fff;
	border-color: #4150B5;
	background-color: #4150B5;
	border-radius: 6.44434px;
}


 .dataTables_paginate .pagination>.active>a,
 .dataTables_paginate .pagination>.active>span,
 .dataTables_paginate .pagination>.active>a:hover,
 .dataTables_paginate .pagination>.active>span:hover,
 .dataTables_paginate .pagination>.active>a:focus,
 .dataTables_paginate .pagination>.active>span:focus {
    background-color: transparent;
    color: #00c7df;
    border-color: #00c7df;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover 
{
    background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button 
{
	background: transparent;
    box-shadow: none;
	margin-right: 5px;
    margin-left: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	color:#fff !important;
}
.dataTables_wrapper .dataTables_info 
{
	padding-top: 20px;
}
.dataTables_wrapper .dataTables_paginate 
{
	padding-top: 20px !important;
}
.dataTables_length label 
{
	    margin-top: 8px !important;
}
/*--------------------- End Datatable ------------------*/
/***************** datatable end***********************/

.modal .modal-dialog .modal-content .modal-body .float_Field .ka_cst_label 

{
	    top: -9px;
}
.select2-selection__choice { font-size: 0.878vw; }
.select2-container .select2-selection--multiple { 
	/* height: 3.221vw;  */
	min-height: 40px !important;
}
.notification-number { background-color: #FD4747; border-radius: 100%; top: -3px; right: -6px; width:22px; height:22px; }
.user_profile img{ /*border: 1px solid #C4C4C4;*/ padding: 2px; object-fit: cover; }
.notificationDrop { right: 0; min-width: 21.962vw; background: #ffffff; font-size: 0.878vw; box-shadow: 0px 1px 2px rgb(16 24 40 / 5%); border: 1px solid #EAEFFF; border-radius: 6px; }
.notificationDrop li:not(:last-child) { display: block; border-bottom: 1px solid #EAEFFF; }
.notificationDrop a{ display: inline-block; color: #212529; padding: 0.732vw 1.025vw; }
.p-15 { padding: 1.098vw; }
.w-16 { width: 1.171vw; }
.h-16 { height: 1.171vw; }
.customcard { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; background: #FFFFFF; border-radius: 10px;}
table.dataTable.no-footer { border:none !important; }
.ka_cst_Field { font-size: 13px; height: 38px; border-radius: 5px; padding: 8px 12px; }
.ka_form-group-wrap .select2-hidden-accessible { height: 38px !important; }
.float_Field .ka_cst_label { font-size: 13px; padding-left: 3px; padding-right: 3px; left: 9px; top: 10px; }
.float_Field.ffl-floated .ka_cst_label { top: -10px; }
.ka_cst_Field { height: 38px; border-radius: 6px; padding: 8px 12px; }
.ka_form-group-wrap { margin-bottom: 20px; }
select.ka_cst_Field { padding-right: 28px; }
.ka_bx_Wrap_Form { padding: 20px 18px 0 18px; border-radius: 6px; }
.ka_cstForm_wrap .ka_btnWrap { margin-top: 10px; }
.pt__20 { padding-top: 20px; }
.select2-container .select2-selection--single  { height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 20px; height: 38px !important; }


.form-control, html .select2-container.form-control {
    font-family: 'Poppins', sans-serif;
    border: 1px solid rgba(196, 196, 196, 0.43);
	height: 45px;
    border-radius: 9px;
}



/************************** Select 2*****************************/
.select2-container--default .select2-results > .select2-results__options 
{
	font-size: 14px;
}
/************************** Select 2*****************************/




/************************************************ 
 * 11/10/2023 
 * ***********************************************/

.headerWrap .breadcrumb { margin-bottom:0; }
.headerWrap .breadcrumb-item.active { color: #374151; }
.headerWrap .breadcrumb li a { color: #9CA1AB; }
.headerWrap .breadcrumb .breadcrumb-item { font-size:12px; } 

.left-bar { position: fixed; left: 0; top: 0; z-index: 2; width: 100%; max-width: 96px; background-color: #fff; transition: all 0.5s ease-in-out; overflow:hidden; }
.left-bar:hover { max-width: 328px; }
.left-bar .nav-item span { font-size: 0; min-width: 200px; padding-left: 20px; }
.left-bar:hover .nav-item span { font-size: 14px; }
.managecertificate .nav-pills .nav-link.active, .managecertificate.nav-pills .show>.nav-link { background: #EBFEF3; box-shadow:none; color:#009658; }
.managecertificate .nav-pills .nav-link:hover, .managecertificate.nav-pills .show>.nav-link { background: #EBFEF3; box-shadow:none; color:#009658; }
.left-bar .sidebar { padding: 0; height: 100vh; }
.managecertificate .nav-link { padding:16px 38px; font-size:14px; color:#6C768B; display: flex; align-items: center; justify-content: center; min-height: 53px; }

.margin-r-12 { margin-right: 12px; }
.margin-r-24 { margin-right: 24px; }
.margin-r-32 { margin-right: 32px; }
.margin-b-24 { margin-bottom: 24px; }


.font-s-14 { font-size: 14px; }
.font-s-16 { font-size: 16px; }
.font-s-24 { font-size: 24px; }
.font-s-26 { font-size: 26px; }

.text-color1 { color: #5B6B85; }
.text-color2 { color: #9CA1AB; }

.h-48 { height:48px; }
.w-48 { width:48px; } 

.bg-white { background-color: white }

.custDropdownMenu { font-size:14px; }

.header-leftside { padding-left:112px; }

.pl-20 { padding-left: 20px; }
.pl-38 { padding-left: 38px; }
.pl-112 { padding-left: 112px; }
.pt-24 { padding-top: 24px; }
.p-lr-24 { padding-right: 24px; padding-left: 24px; }

.managecertificate .custom-table  .nav-link { padding: 14px 10px; min-height: 100%; }

.managecertificate .custom-table img.card-img-top { max-width: 200px; }
.managecertificate .custom-table .card-subtitle.breadcrumb.ellipsis { justify-content: center; }
.managecertificate .custom-table .card { border-radius:20px; }
.parsley-required { font-size: 14px; margin-top:5px; }
#errorFileUpload { font-size: 14px; text-align:center; }

/***********************************************
Responsive
***********************************************/
@media screen and (max-width: 1200px) { 
	
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 992px) {
	.cust_radiobtn {
		position: relative !important;
		top: 0 !important;
		z-index: 99;
		margin-bottom: 15px;
	}
	.custmtable_filter .dataTables_filter input {
		width: 100% !important;
	}
	.dataTables_wrapper .dataTables_paginate {
		justify-content: space-between;
	}
	.customcard {
		margin-top: 77px;
	}
	.tabview-addcertificate {
    margin-top: 41px !important;
	}
	.addCertificate-box {
    margin-top: 0;
	}
	.title-ts {
		margin-top: 55px !important;
	}
}



@media (min-width:992px) {
	.p-lr-40 { padding-left: 2.928vw; padding-right: 2.928vw; }
	.lg-container-vw { padding: 0 10.156vw; }
	.container-fluid-vw { padding: 0 1.098vw; }
	.row-vw { margin-right: -1.098vw; margin-left: -1.098vw; }
	.row-vw>.col, .row-vw>[class*=col] { padding-right: 1.098vw; padding-left: 1.098vw; }
	.row-vw-119 { margin-right: -8.712vw; margin-left: -8.712vw; }
	.row-vw-119>.col, .row-vw-119>[class*=col] { padding-right: 8.712vw; padding-left: 8.712vw; }
}

@media screen and (max-width:991px) {
	body {
		font-size: 14px;
	}

	.loginpage .org_name {
		font-size: 16px;
	}

	.p-lr-90 {
		padding-right: 10px;
		padding-left: 10px;
	}

	.f-s-16 {
		font-size: 16px;
	}

	.f-s-24 {
		font-size: 24px;
	}

	.f-s-18 {
		font-size: 18px
	}

	.h-24 {
		height: 20px;
	}

	.h-14 {
		height: 14px;
	}

	.h-w20 {
		height: 20px;
		width: 20px;
	}

	.w-44 { width: 44px; }

	.h44 {
		height: 44px;
	}

	.line-H-35 {
		line-height: 35px;
	}

	.login {
		padding: 20px 20px;
	}

	.login-bg {
		background-position: right center;
	}

/*VK*/
/*#logo img { max-width: 50px; }*/
.f-s-10 { font-size: 10px; }
.f-s-12 { font-size: 12px; }
.f-s-14 { font-size: 14px; }
.f-s-16 { font-size: 16px; }
.f-s-18 { font-size: 18px; }
.f-s-20 { font-size: 20px; }
.f-s-30 { font-size: 30px; }
.f-s-36 { font-size: 36px; }
.mr-36 { margin-right: 36px; }
.mr-20 { margin-right: 20px; }
.w-40 { width: 40px; }
.h-40 { height: 40px; }
.mt-40 { margin-top: 40px; }
.mt-24 { margin-top: 24px; }

.headerFix { padding-top: 64px; }
.navbar-dark .navbar-toggler { border-color: transparent; }
.navbar-toggler:focus { box-shadow: none; }
.m-collapse { position: fixed; left: -15px; right: -15px; background-color: #009658; top: 64px; z-index: 9; }
.m-navbarWrap { height: calc(100vh); padding: 15px; }
.select2-selection__choice { font-size: 12px; }
.select2-container .select2-selection--multiple { height: 44px; }
.notificationDrop { min-width: 250px; font-size: 12px; }
.notificationDrop a{  padding: 10px 14px; }
.p-15 { padding: 15px; }
.w-16 { width: 16px; }
.h-16 { height: 16px; }
.customcard { padding: 30px; }
table.dataTable.no-footer { border:none !important; }
/*.left-bar { position: fixed; left: -200px; }*/
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; }
.select-font-s .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 10px; }
/*VK END*/

}


@media (max-width:767px) {}
@media (max-width:575px) {}


/*-------------------------------------Pasrley js-------------------------------*/

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445;
}


ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0px
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dddddd;
      height: 44px !important;
    border-radius: 9px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px;
}
.btn.btn-secondary:active, .btn.btn-secondary:focus {
       background-color: transparent;
    border-color: #009658
}

/*-------------------------------------Pasrley js-------------------------------*/

.required-star {
    color: #cc3f44;
    font-size: 100%;
}
.delete_icon{
	/* background-image: url(../images/delete_icon.svg); */
	width: 16px;
    height: 16px;
	/* top: -8px; */
}
.modal .modal-dialog .modal-content {
	border-radius: 12px;	
}
.modal .modal-dialog .modal-content .modal-header .close 
{
	color: #a7a7a7;
    font-size: 25px;
	
}
.removebox 
{
	margin-bottom: 15px;
    border: 2px dotted #c3c3c3;
    padding: 34px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 7px;
    background-color: #ededed;
    /* box-shadow: 0px 13.3045px 57.9695px rgb(0 0 0 / */

}
.grid-stack {
    background: #f2f2f2;
}
.header-leftside .dark_icon 
{
	position: relative;
    width: 32px;
    height: 32px;
}
.header-leftside .dark_icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}
.sun_icon:before {
	background-image: url(../images/sun_icon.svg);
}
/***************************** New Design **********************/
.login-header
{
	background-color: #fff;
	padding: 15px 50px;
	z-index: 999999;
}
.login-header a {
    background: #009658;
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    border-radius: 8px;
    color: #fff;
    line-height: 28px;
    padding: 10px 20px;
    border-radius: 14px;
   
}
.bg-video
{
z-index: 99999;
 width: 100%;
 position: relative;
 top: -60px;

}
/***************************** New Design **********************/


/*---SRK CSS Admin Certifications--*/
.btngreen {
	font-size: 14px;
	font-weight: 400;
	box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    border-radius: 8px;    
    background: #009658;
    border: 1px solid #009658;
    padding: 10px 15px 10px 10px;
	gap: 8px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: #fff;
}
.btngreen:hover {
	color: #009658;
	background: #fff;
    border: 1px solid #009658;
}
.btngreen:hover .add-plus {
	background-image: url(../images/svg/add-plus-green.svg);

}
.add-plus {
	position: relative;
	width: 24px;
	height: 24px;
	display: block;
}
.add-plus {
	content: '';
	background-image: url(../images/svg/add-plus.svg);
	background-size: 100%;
	width: 24px;
	height: 24px;
	display: block;
}
.position-relative-class {
	position: relative;
}
.cust_radiobtn {
    gap: 8px;
    padding-left: 10px;
    position: absolute;
	top: 7px;
	z-index: 1;
}
.cust_radiobtn .form-check {
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.cust_radiobtn p {
	color: var(--text-default, #5B6B85);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

.cust_radiobtn .form-check-label {
	color: var(--text-default, #5B6B85);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px; /* 100% */
}

.cust_radiobtn .form-check-input:checked {
    background-color: #009658;
    border-color: #009658;
}

.customcardbox {
    padding: 24px;
    border-bottom: 1px solid var(--stroke-soft, #E5E7EB);
    margin-bottom: 15px;
}
.customcard .table-responsive {border: 0;}
.dataTables_wrapper .dataTables_paginate {border-radius: 4px;border: 1px solid var(--stroke-default, #BECDE3);padding: 0 !important;display: flex;align-items: stretch;}
.dataTables_wrapper .dataTables_length, .dataTables_filter {padding: 0;}
.dataTables_wrapper .dataTables_info, .dataTables_paginate {margin-left: 24px;margin-right: 24px;margin-top: 0.755em;}
.dataTables_wrapper .dataTables_length {display: none;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 3px 5px 0 !important;margin: 0;border-right: 1px solid #BECDE3 !important;}
.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next {
    border-right: 0 !important;
	width: 2.4rem;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
	padding: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	border: 1px solid var(--stroke-default, #BECDE3);
	background: var(--colors-primary-100, #D0FBE1) !important;
	color: #06486C !important;
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate:hover {
	color: var(--text-default, #5B6B85) !important;
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--colors-primary-100, #D0FBE1) !important;
	color: #06486C !important;
	border-radius: 0 !important;
	border-left: 0 !important;
}
.table_searchfilter .form-control {
    border-radius: 8px;
    border: 1px solid var(--stroke-default, #BECDE3);
    background: var(--surface-component-muted, #F5F6F7);
	height: 40px;
	padding-left: 39px;
}
.table_searchfilter {
    position: relative;
    gap: 10px;
}
.searchfiltericon {
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
}
.searchfiltericon::before {
	content:'';
	position: absolute;
	background: url(../images/svg/search-outline.png);
	background-size: 100%;
	width: 16px;
	height: 16px;
}
.table_searchfilter .searchfiltericon {
    position: absolute;
    padding: 12px;
}
.searchfilterbtn {
    border-radius: 8px;
    border: 1px solid var(--colors-primary-pure, #009658);
    background: var(--colors-primary-pure, #009658);
    padding: 0 10px;
    height: 40px;
}
.searchfilter_White {
	width: 20px;
	height: 20px;
	display: flex;
	position: relative;
}

.searchfilter_White::before {
	content:'';
	position: absolute;
	background: url(../images/svg/searchfilter-white.png);
	background-size: 100%;
	width: 20px;
	height: 20px;
}
.side-close {
	width: 24px;
height: 24px;
display: flex;
}

.side-close::before {
	content:'';
	position: absolute;
	background: url(../images/svg/close-circle.svg);
	background-size: 100%;
	width: 24px;
height: 24px;
}
.modal_right-side .modal-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 20px !important;	
	border-radius: 16px 0px 0px 16px !important;
	background: var(--surface-component, #FFF);
}
.modal_right-side .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    right: 0px;
}
.modal_right-side .modal-content {
    height: 100%;
}
.modal_right-side .modal_heading h2 {
	color: var(--text-title, #374151);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 100% */
letter-spacing: -0.48px;
}
.modal_right-side .modal_heading p {
	color: var(--text-subtitle, #9CA1AB);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: -0.32px;
}
.modal_right-side .modal-header {
    position: absolute;
    left: -75px;
    top: 50%;
    bottom: 50%;
	border: 0;
}
.modal_right-side .modal-header .btn-close {
    display: flex;
    text-align: center;
    border-radius: 10px;
    background: var(--surface-hc-primary, #009658);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 54px;
    font-size: 14px;
    color: #fff;
    gap: 5px;
}
.modal_form .form-label {
    color: var(--text-title, #374151);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
	margin-bottom: 0;
}
.modal_form .form-control {
    border-radius: 8px;
    border: 1px solid var(--stroke-default, #BECDE3);
    background: var(--surface-component-muted, #F5F6F7);
    height: 40px;
}

.modal_form .form-control::placeholder {
	color: var(--text-subtitle, #9CA1AB);
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
.modal_form .form-select, .modal_form .select2-container, .modal_form .select2-container--default .select2-selection--multiple, .modal_form .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid var(--stroke-default, #BECDE3) !important; 
    background: var(--surface-component-muted, #F5F6F7) !important;
    color: var(--text-default, #5B6B85);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.modal_form .form-label.ffl-label.ka_cst_label {
    background: none;
    color: #5B6B85;
}
.pr-24 {
	padding-right: 24px;
}
.Completed-tag {
	border-radius: var(--border-radius-rounded-md, 6px);
	background: var(--colors-feedback-error-light, #d9ffca);
	color: var(--colors-feedback-error-dark, #01691b);
	text-align: center;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	display: inline-block;
    padding: 2px 8px;
}
.Incomplete-tag {
	border-radius: var(--border-radius-rounded-md, 6px);
	background: var(--colors-feedback-error-light, #FDE8E8);
	color: var(--colors-feedback-error-dark, #C81E1E);
	text-align: center;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	display: inline-block;
    padding: 2px 8px;
}
.Submitted-tag {
	border-radius: var(--border-radius-rounded-md, 6px);
	background: var(--colors-support-1100, #E0F3FE);
	color: var(--colors-support-1800, #065D86);
	text-align: center;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	display: inline-block;
    padding: 2px 8px;
}
.modal_right-side .modal_form .radio-label {
    color: var(--text-subtitle, #9CA1AB);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}
.fileupload-custm {
    border-radius: 8px;
    border: 2px dashed var(--stroke-soft, #E5E7EB);
    padding: 23px 0 0;
	cursor: pointer;
}
.fileupload-container{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.cursor-pointer {
	cursor: pointer;
}
.fileupload-custm .click-to {
    color: #009658;
    font-size: 12px;
    font-weight: 600;
}
.fileupload-custm .click-to span {
    color: #9CA1AB;
    font-weight: 400;
}
.fileupload-custm span {
    font-size: 12px;
    color: #9CA1AB;
    font-weight: 400;
}
.certificationreleased .modal-dialog {
    width: 416px;
    border-radius: var(--rounded-lg, 8px);
    border: 1px solid var(--colors-neutral-200, #D7DAE0);
    background: var(--surface-component, #FFF);
}
.certificationreleased .modal-content p {
    color: var(--text-default, #5B6B85);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}
.modal_right-side .modal_form .cust_radiobtn .form-check-input:checked {
    background-color: #009658;
    border-color: #009658;
}
.form-check-input:checked {
    background-color: #009658;
    border-color: #009658;
}
.modal_right-side .modal_form .cust_radiobtn {
	padding-left: 15px;
}
.chevron {
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
}
.chevron::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
}

.chevron.chevron-right::after {
	background: url(../images/svg/chevron-right.svg);
}
.chevron.chevron-left::after {
	background: url(../images/svg/chevron-left.svg);
}
.tabelserach-fillter .dataTables_filter input {
    border-radius: 8px;
    border: 1px solid var(--stroke-default, #BECDE3);
    background: var(--surface-component-muted, #F5F6F7);
    height: 40px;
}
.tabelserach-fillter .dataTables_filter input::placeholder {
	color: var(--text-default, #5B6B85) !important;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 114.286% */
}
.dataTables_wrapper .dataTables_filter {
    float: left !important;
	padding-left: 15px;
}
.custmtable_filter .dataTables_filter input {
    border-radius: 8px;
    border: 1px solid var(--stroke-default, #BECDE3);
    background: var(--surface-component-muted, #F5F6F7);
    height: 40px;
	width: 340px;
}
.custmtable_filter .dataTables_filter input::placeholder {
	color: var(--text-default, #5B6B85) !important;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 114.286% */
}
.custmtable_filter .dataTables_filter {
	float: right !important;
	padding-right: 24px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dddddd !important;
    border-radius: 9px !important;
}
.ka_cst_Field:focus {
    border-color: #009658 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #009658 !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #0096583d !important;
}
.breadcrumb-env.breadcrumb-env_style {
    position: absolute;
    top: 11px;
}
.selected-style .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
	font-size: 13px !important;
}
.form-check .form-check-label {
	color: #5B6B85 !important;
	font-size: 13px !important;
}
.form-group label {
	color: #9e9c9b !important;
	font-size: 13px !important;
}
.custom-table .table tbody td span {
 
    border: 0;
    vertical-align: middle;
    font-size: 14px !important;
}
.managefolder-imageiocn img.card-img-top {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-top: 20px;
}
/*---SRK CSS Admin Certifications--*/

.download-color{
	color: #667181;
}

#divAjaxLoader {
    background-color: #d70206!important;
    color: #FFF;
    padding: 5px 10px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    z-index: 10000;
}

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
  }
 
  @-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
 
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }