html {scroll-behavior: smooth;}
body{margin: 0;padding: 0;background:#fff;box-sizing: border-box;font-family: 'Lexend', sans-serif;font-weight: 400;}
*{margin: 0;padding: 0;box-sizing: border-box;outline: 0 none;}
* {box-sizing: border-box;margin: 0;padding: 0;}
a:focus {
    outline: 0px none; 
}

.white_bg{background: #fff;}

/*new*/
ol, ul {padding-left: 0rem;}
.form-group{margin-bottom: 1rem;}
.custom-file-input {position: relative;z-index: 2;width: 100%;height: calc(2.25rem + 2px);margin: 0;opacity:0;}

.form-control {display: block;width: 100%; padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
/**/

.pizazz_bg{background: #EA7C42;transition: 0.3s;}
.light_sea_green_bg{background: #1DB1A6;transition: 0.3s;}
.eucalyptus_bg{background: #2E9A5C;transition: 0.3s;}
.earls_green_bg{background: #A8AD2E;transition: 0.3s;}
.hacienda_bg{background: #A7811C;transition: 0.3s;}
.blue_violet_bg{background: #802EE0;transition: 0.3s;}
.indigo_bg{background: #4A4ACE;transition: 0.3s;}
.royal_purple_bg{background:#7A37AC;transition: 0.3s;}
.royal_health_bg{background:#AC3784;transition: 0.3s;}
.reno_sand_bg{background:#A56417;transition: 0.3s;}
.java_bg{background: #1ECEBA;transition: 0.3s;}
.mountain_meadow_bg{background:#12AD9C;transition: 0.3s;}
.chateau_green_bg{background:#45BA5C;transition: 0.3s;}
.apple_bg{background:#64A236;transition: 0.3s;}


.card.pizazz_bg a:hover{background: #d66a31;transition: 0.3s;}
.card.light_sea_green_bg a:hover{background: #129e94;transition: 0.3s;}
.card.eucalyptus_bg a:hover{background: #1e8047;transition: 0.3s;}
.card.earls_green_bg a:hover{background: #929623;transition: 0.3s;}
.card.hacienda_bg a:hover{background: #987311;transition: 0.3s;}
.card.blue_violet_bg a:hover{background: #7625d4;transition: 0.3s;}
.indigo_bg a:hover{background: #4242cc;transition: 0.3s;}
.royal_purple_bg a:hover{background:#6d2c9e;transition: 0.3s;}
.royal_health_bg a:hover{background:#9c2c76;transition: 0.3s;}
.reno_sand_bg a:hover{background:#98580b;transition: 0.3s;}
.java_bg a:hover{background: #1ECEBA;transition: 0.3s;}
.mountain_meadow_bg a:hover{background:#12AD9C;transition: 0.3s;}
.chateau_green_bg a:hover{background:#45BA5C;transition: 0.3s;}
.apple_bg a:hover{background:#64A236;transition: 0.3s;}



.btn_blue_gradient{background: transparent linear-gradient(140deg, #4051E7 0%, #2B74E4 100%) 0% 0% no-repeat padding-box;}

.fs-32{font-size: 32px;}
.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px;}
.fs-10{font-size: 10px;}
.fs-8{font-size: 8px;}

.lh-1{line-height: 1;}
.lh-1_2{line-height: 1.2;}
.lh-1_4{line-height: 1.4;}
.lh-1_6{line-height: 1.6;}
.lh-1_8{line-height: 1.8;}


.fw-thin{font-weight: 100;}
.fw-light{font-weight: 300;}
.fw-regular{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-semibold{font-weight: 600;}
.fw-bold{font-weight: 700;}
.fw-extrabold{font-weight: 800;}


.vh-100{height: 100vh !important;}
.text-half_white{color:rgb(255 255 255 / 75%);}
.text-theme_blue{color: #4051E7;}
.text-blue{color: #395EE7;}
.text-skyblue{color: #C3ECFD;}
.text-cloudgray{color: #A9C5D1;}
.text-halfwhite{color: #EDEDED;}
.text-royal_purple{color: #7A37AC;}
.text-royal_health{color: #AC3784;}
.text-fiord{color: #394B65;}
.text-black{color: #3e3e3e;}

.text_pizazz_clr{color: #EA7C42;}
.text_light_sea_green_clr{color: #1DB1A6;}
.text_eucalyptus_clr{color: #2E9A5C;}
.text_earls_green_clr{color: #A8AD2E;}
.text_hacienda_clr{color: #A7811C;}
.text_blue_violet_clr{color: #802EE0;}
.text_indigo_clr{color: #4A4ACE;}
.text_royal_purple_clr{color:#7A37AC;}
.text_royal_health_clr{color:#AC3784;}
.text_reno_sand_clr{color:#A56417;}
.text_java_clr{color: #1ECEBA;}
.text_mountain_meadow_clr{color:#12AD9C;}
.text_chateau_green_clr{color:#45BA5C;}
.text_apple_clr{color:#64A236;}


.relative{position: relative;}

.row_9px{margin-right: -9px;margin-left: -9px;}
.col_9px{padding-right: 9px;padding-left: 9px;}

.max_w_none{max-width: none !important;}
.no_wrap{white-space: nowrap;}

.mb-0{margin-bottom: 0;}
.mt-0{margin-top: 0;}


/**/
.cust_white_btn{background: #fff;padding: 7px 20px;border-radius: 0.25rem;display: inline-block;text-decoration: none;border:1px solid #fff;transition: 0.3s;}
.cust_white_btn:hover{text-decoration: none;background: #395EE7;color: #fff;transition: 0.3s;}
.cust_container{max-width:100%;}

.outline_white_btn{background: transparent;padding: 7px 20px;border-radius: 0.25rem;display: inline-block;text-decoration: none;border:1px solid #fff;transition: 0.3s;color: #fff;}
.outline_white_btn:hover{text-decoration: none;background: #fff;color: #395EE7;transition: 0.3s}

.icon_link{position: relative;padding-left: 2rem;}
.icon_link i{position: absolute;font-size: 1.2rem;top: 6px;left: 0.75rem;}


/**/
/* Loading dots styles */
@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

#loading {
	text-align: center;
}

#loading span:not(:last-child) {
	margin-right: 5px;
}

#loading span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	font-size: 20px;
}

#loading span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}

#loading span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
}

/* Button style */
button.button, a.button {
/*
	height: 40px;
	line-height: 38px;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0 3px #3b4bd6;
*/
    height: 40px !important;
    line-height: 38px;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 3px #3b4bd6;
    display: inline-block !important;
    padding: 0 18px !important;
    width: auto;min-width: 100px;
    text-decoration: none;
    text-align: center;
}
.btn-form{
    display: inline-block !important;
    height: 40px !important;
    line-height: 38px;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 3px #3b4bd6;
    width: 100%;
    color: #fff;
    width: auto;
    width: 100px !important;
    border-radius: 0.25rem;
    background: transparent linear-gradient(113deg, #4051E7 0%, #3F84EF 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-weight: 500;
    border:0;
    padding: 0 !important;
    text-align: center;
}
.btn-form:hover{color: #fff;}
.btn-form:focus{outline: 0 none;}
a.button:hover{color: #fff;}
/**/
.btn-login{
    width: auto;width: 100px;border-radius: 0.25rem;
    background: transparent linear-gradient(113deg, #4051E7 0%, #3F84EF 100%) 0% 0% no-repeat padding-box;
    color: #fff;font-weight: 500;border:0;
}
.btn-login:focus{outline: 0 none;}

.icon-title img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
    padding-right: 5px;
}


/**/
.logged_in_pages{}
.logged_in_pages .logged_sidebar{width: 340px;float: left;height: 100%;
background: transparent linear-gradient(180deg, #4051E700 0%, #4051E7 51%, #4051E700 100%) 0% 0% no-repeat padding-box;
box-shadow: 60px 0px 100px -90px rgb(0 0 0 / 80%);
position: fixed;overflow-y: auto;
}
.logged_in_pages .logged_sidebar .desc{padding: 3rem 3rem 0rem 3rem;}
.logged_in_pages .logged_sidebar .logo img{width: 65px;height: 65px;}
.logged_in_pages .logged_sidebar .list{text-align: left;}
.logged_in_pages .logged_sidebar .list ul{}
.logged_in_pages .logged_sidebar .list ul li{display: block;}
.logged_in_pages .logged_sidebar .list ul li a{text-align: left;font-size: 12px;color: #fff;display: inline-block;width: 100%;text-decoration: none;border-radius: 5px;padding: 10px 30px 10px 36px;margin-bottom: 3px;position: relative;transition: 0.3s;}
.logged_in_pages .logged_sidebar .list ul li a img{position: absolute;filter: brightness(100);top: 3px;left: 6px;width: 30px;height: 30px;}

.logged_in_pages .logged_sidebar .list ul li a:hover{background: #2535C3;transition: 0.3s;}
.logged_in_pages .logged_sidebar .list ul li a.spl{background: #2535C3;transition: 0.3s;}

.logged_in_pages .logged_sidebar .list ul li a.active{background: #fff; color: #2535C3;transition: 0.3s;}
.logged_in_pages .logged_sidebar .list ul li a.active img{filter: none;}

.logged_in_pages .logged_sidebar .list .user_image{width: 80px;height: 80px;margin: 1rem auto 0.5rem;}
.logged_in_pages .logged_sidebar .list .user_image img{width: 80px;height: 80px;border-radius: 0.5rem;}


.full_blue .main{width: calc(100% - 340px);margin-left: 340px;}

.full_blue .main{}
.main .main_header{padding: 1rem 1rem 0 0;}
.main .main_header ul li a{background: #fff;border-radius: 0.25rem;height: 32px;padding: 3px 10px;font-size: 12px;line-height: 2.2;}
.main .main_header ul li a img{width: 20px;height: 20px;border-radius: 50%;margin: -2px 4px 0px 0;}

.main .main_padding{padding: 1rem 3rem 3rem 3rem;}

.main .main_header ul li .dropdown-menu{min-width: 130px;padding: 0;}
.main .main_header ul li .dropdown-menu a{color: #395EE7;}
.main .main_header ul li .dropdown-menu a:hover{background-color: #395EE7; color:#fff;border-radius: 0;}




/**/
.modal-confirm {		
	color: #000;
	width: 480px;
	font-size: 14px;
}
.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	border-bottom: none;   
	position: relative;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	position: absolute;
	top: -5px;
	right: -5px;
}	
.modal-confirm .modal-footer {
	border: none;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
}	
.modal-confirm .icon-box {
	color: #fff;		
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -70px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	background: #82ce34;
	padding: 15px;
	text-align: center;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
	font-size: 58px;
	position: relative;
	top: 3px;
}
.modal-confirm.modal-dialog {
/*	margin-top: 80px;*/
}
.modal-open .modal.modal-center {
    display: flex!important;
    align-items: center!important;
}


/**/
.modal.documents_list .modal-dialog{min-width: 500px;}
.modal.documents_list .modal-body{padding: 1.5rem;}
.modal.documents_list .modal-header{padding: 1rem 1.5rem;}
.modal.documents_list .modal-header .close{
    border: 2px solid #4051e7;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: absolute;
    right: 1rem;
    top: 0.75rem;
    padding: 0;
    color: #4051e7;
    line-height: 0;
    font-weight: 500;
    opacity: 1;font-size: 26px;background: transparent;
}
.modal.documents_list .modal-body ul{}
.modal.documents_list .modal-body ul li{list-style: none;display: block;margin-bottom: 1rem;}
.modal.documents_list .modal-body ul li a{position: relative;display: block;padding-left: 25px;color: #000;font-size: 15px;}
.modal.documents_list .modal-body ul li a::before{content:"\f178";position: absolute;font-family: 'fontawesome';left: 0;}




/*language dropdown*/
.sort_dropdown{position: fixed;margin: 6px 0;top:1rem;left: 1rem;z-index: 999;cursor: pointer;}
.sort_dropdown button{box-shadow:none;border: 0;background: transparent;color: #fff;padding-right: 14px;text-align: left;margin: 0;font-size: 14px;cursor: pointer;}
.sort_dropdown button:hover, .sort_dropdown button:focus {border: none;outline: 0;}
.sort_dropdown.open button#dLabel {border-bottom-right-radius: 0;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);border: solid 1px #e8e8e8;border-bottom:none;border-radius: 0 !important;}
.sort_dropdown.open ul {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);border: solid 1px #e8e8e8;border-top: none;height: auto;overflow-y: auto;border-radius: 0;right: 15px;padding: 0;}
.sort_dropdown .dropdown-menu{padding: 0;border-radius: 0;border: 0;width: auto;min-width: auto;margin: 0px 0 0 0;box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 49%);width: 100%;}
.sort_dropdown .dropdown-menu li {line-height: 1.5;letter-spacing: 0.7px;color: #666;font-size: 13px;cursor: pointer;padding: 7px 12px 7px 8px;border-top: 0;}
.sort_dropdown .dropdown-menu li:hover {background-color:#efefef;}
.sort_dropdown button{position: relative;border: 1px solid #fff !important;padding: 5px 26px 5px 10px;border-radius: 6px;}
.sort_dropdown button::after{content: "\f0d7";font-family: 'fontawesome';position:absolute;right: 8px;}
.desktop_menu_fixed .sort_dropdown button{color: #444444;}
/**/



/**/
.file_upload_error{}
.file_upload_error .custom-file{height: auto;}
.file_upload_error .error{padding: 0px 0;width: 100%;margin-bottom: 0;}
.file_upload_error{margin-bottom: 0;}
.file_upload_error .custom-file {height: auto;position: relative;min-height: 80px;}
.file_upload_error .error {padding: 0px 0;width: 100%;margin-bottom: 0;position: absolute;bottom: 0px;}
.file_upload_error .custom-file small{position: absolute;bottom: 17px;}

/**/

.form-group label.error{line-height: 1;}
.sort_dropdown .dropdown-menu{display: none;}
.sort_dropdown .dropdown-menu.show{display: block !important;}

.alert button.close {position: absolute;border: 0;background: no-repeat;right: -5px;font-size: 2rem;top: -6px;width: 30px;height: 30px; display: flex;justify-content: center;align-items: center;}

.custom-file {
    position: relative;
}

.main_header .nav.w-auto{justify-content: flex-end;}

.pwd-note{padding: 0 0 0 17px;}
.pwd-note li{width: 100%;font-size: 13px;list-style: disc;}