@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*-----------------------------------------------------------

/*****************************************************************	
	General Style
*****************************************************************/


body {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	background: #ffffff;
	color: #ffffff;
}
a {
	color: #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: none;
}
a:hover {
	color: var(--baseblu);
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:focus {
	text-decoration: none;
}
img {
	max-width: 100%;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	max-width: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.bg-info {
	background-color: #f7f7f7;
}
.hover-bg {
	background-color: #f44336;
}
.maseeha-title-item {
	padding: 0 0 20px 0;
}
.maseeha-title-item h3, .maseeha-title-item h3 a {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	color: #ffffff;
	margin: 0;
}
.maseeha-title-item h3 a:hover {
	color: #0292B7;
}
.maseeha-title-item .see-all-link {
	float: right;
}
.signup-btn-item a {
	background: #0292B7;
	color: #ffffff;
	padding: 8px 22px;
	display: inline-block;
	border-radius: 4px;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	vertical-align: top;
}
.signup-btn-item a:hover {
	background: #26AFD3;
}
.register-btn-item{
	margin-left:6px;
}
.gen_btn_danger {
	background: var(--baseblu);
	border-radius: 0px;
	color: #ffffff;
	border: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gen_btn_danger:hover {
	background: #26AFD3;
	color: #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gen-btn-green {
	background: #4AA71F;
}
.gen-btn-green:hover {
	background: #038f44;
}
.gen-btn-basebluu {
	background: var(--baseblu) !important;
	transition: all .3s ease-in-out;
	border: 2px solid transparent;
	color: var(--whitt);
}
.gen-btn-basebluu:hover {
	background: var(--whitt) !important;
	color: var(--baseblu);
	border: 2px solid var(--baseblu);
	transition: all .3s ease-in-out;
}
.gen_btn_danger i{
	font-size:16px;
	margin-left:5px;
	margin-right: 5px;
}
#main-wrapper {
	background: #0d0620;
}
.gen-btn-submit {
	background: #0292B7;
	border-radius: 6px;
	color: #ffffff;
	border: none;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	padding: 10px 20px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gen-btn-submit:hover {
	background: #26AFD3;
	color: #ffffff;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
h2.form-title-item {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 8px;
	position: relative;
	color:#212529;
}
h2.form-title-item::before {
	background: #0292B7;
	border: 0 none;
	content: "";
	height: 4px;
	left: 0;
	margin: 0;
	border-radius: 20px;
	position: absolute;
	bottom: 0px;
	width: 45px;
}
.custom-control-label {
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}
.select-item-list{
	font-size: 15px;
	font-weight: 400;
	color: #727272;
	height: 50px;
	line-height: 1.8;
	border: 1px solid #ededed;
	padding: 10px 15px;
}	

:root{
    --baseblu: #0c4da2;
    --bodytxt: #ccd0d5;
    --baselightblu: #ccd0d5;
    --black: #121212;
    --whitt: #ffffff;
	--bglightbluu: #E2EAF4;
}

/********************************************		
	Menu Style
*****************************************/
.header-top {
	background-color: #f44336;
	overflow: hidden;
	min-height: 40px;
	line-height: 40px;
}
.header-top .user-info, .header-top .user-info a, .site-info, .site-info a {
	color: #fff;
	padding-right: 15px;
	font-weight: 400;
	text-transform: capitalize;
}
.header-top .user-info {
	padding-right: 0;
}
.header-top .user-info a:last-child {
	padding-right: 0;
}
.header-top i {
	padding-right: 10px;
	display: inline-block;
}
.header-top .mail-address a {
	text-transform: lowercase;
}
.site-info div {
	display: inline-block;
}
.user-info div {
	display: inline-block;
}
.header-top .sepator {
	padding-right: 15px;
}
.user-menu {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 30px;
}
.user-menu .user-name {
	transition: .2s;
	cursor: pointer;
	padding-left: 26px;
	font-size: 14px;
	font-weight: 700;
	line-height: 36px;
	text-transform: uppercase;
}
.user-name span {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -18px;
}
.user-menu .user-name i {
	padding-left: 5px;
}
.user-name span img {
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	box-sizing: content-box;
	image-rendering: -webkit-optimize-contrast;
}
.user-menu ul {
	float: left;
	text-align: left;
	position: absolute;
	top: 20px;
	right: -7px;
	list-style: none;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background-color: var(--baseblu);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	display: inline-block;
	width: 200px;
	font-size: 14px;
	transform: translate3d(0, 15px, 0);
	padding: 10px 10px;
	border-radius: 6px;
	box-sizing: border-box;
	transition: .25s;
	visibility: hidden;
	opacity: 0;
	z-index: 110;
}
.user-menu ul::before {
	position: absolute;
	top: -11px;
	left: auto;
	bottom: auto;
	right: 4px;
	content: '';
	display: block;
	visibility: visible;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid var(--baseblu);
	transform: translate(-50%, 0);
	transition: all 0.3s ease;
}
.user-menu ul li:last-child {
	border-bottom: 0;
}
.user-menu ul li a {
	padding: 5px 7px;
	line-height: 26px;
	width: 100%;
	display: inline-block;
	color: #dbdbdb;
	text-transform: capitalize;
	margin-bottom: 1px;
	transition: .2s;
	font-size: 14px;
	font-weight: 500;
}
.user-menu ul li a:hover {
	background: rgba(19, 183, 225, 0.1);
	color: var(--whitt);
	border-radius: 6px;
	margin-bottom: 1px;
}
.user-menu ul li a i {
	font-size: 14px;
	margin-right: 7px;
	width: 20px;
	text-align: center;
	display: inline-block;
}
.site-navbar {
	margin-bottom: 0px;
	z-index: 999;
	position: relative;
	padding: 10px 0;
	width: 100%;
	background-color: #ffffff;
	/*border-bottom: 1px solid #a4a4a4;*/
	box-shadow: 0px 0px 15px 5px #929292;
	position: sticky;
    top: 0;
}
.site-logo .site-logo img {
	max-width: 100%;
	object-fit: contain;
	text-align: left;
}
.site-navbar.transparent {
	background: transparent;
}
.site-navbar.absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.site-navbar .site-navigation .site-menu {
	margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu .active > a span {
	background: rgba(19, 183, 225, 0.15);
	color: #0292B7;
	border-radius: 6px;
	display: inline-block;
	padding: 5px 15px;
}
.site-navbar .site-navigation .site-menu a {
	text-decoration: none !important;
	display: inline-block;
}
.site-navbar .site-navigation .site-menu > li {
	display: inline-block;
}
.site-navbar .site-navigation .site-menu > li > a {
	padding: 10px 0px;
	color: var(--black);
	font-size: 14px;
	text-decoration: none !important;
}
.site-navbar .site-navigation .site-menu > li > a > span {
	padding: 5px 15px;
	display: inline-block;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	border-radius: 6px;
	font-weight: 500;
	text-transform: uppercase;
}
.site-navbar .site-navigation .site-menu > li > a:hover > span {
	color: #0292B7;
	display: inline-block;
}
.site-navbar .site-navigation .site-menu .has-children {
	position: relative;
}
.site-navbar .site-navigation .site-menu .has-children > a span {
	position: relative;
	padding-right: 30px;
}
.site-navbar .site-navigation .site-menu .has-children > a span:before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: left;
	border: 1px solid rgba(255, 255, 255, 0.1);		
	padding: 5px;
	margin-top: 20px;
	margin-left: 0px;
	background: #1e1d1b;
	border-radius: 6px;
	-webkit-transition: 0.2s 0s;
	-o-transition: 0.2s 0s;
	transition: 0.2s 0s;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
	position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	bottom: 100%;
	left: 12%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #333230;
	border-width: 10px;
	margin-left: -10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all;
	color: #343a40;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
	color: #007bff !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
	padding: 6px 12px;
	display: block;
	font-size: 14px;
	margin-bottom: 1px;
	font-weight: 500;
	color: #d9d9d9;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
	background: rgba(19, 183, 225, 0.15);
	color: #0292B7;
	border-radius: 6px;
	margin-bottom: 1px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {
	position: relative;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {
	position: absolute;
	right: 0;
	content: "\e315";
	right: 10px;
	font-family: 'icomoon';
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
	left: 104%;
	top: 0;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
	background: rgba(19, 183, 225, 0.2);
	color: var(--baseblu);
	border-radius: 6px;
}
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
	color: var(--baseblu);
}
.site-menu-toggle .icon-menu{
	color:var(--baseblu);
}
/*.site-navbar .site-navigation .site-menu .has-children:hover > a span, .site-navbar .site-navigation .site-menu .has-children:focus > a span, .site-navbar .site-navigation .site-menu .has-children:active > a span {
	background: #141d30;
	color: #0292B7;
}*/
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
	cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
}
.site-mobile-menu {
	width: 300px;
	position: fixed;
	right: 0;
	z-index: 2000;
	padding-top: 0px;
	background: #ffffff;
	height: calc(60vh);
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}



.offcanvas-menu .site-mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	transition: all .3s ease-in-out;
}
.site-mobile-menu .site-mobile-menu-header {
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 50;
    position: relative;
    background-color: #ffffff;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	float: right;
	margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	font-size: 30px;
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 1;
	color: #606060;
	cursor: pointer;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	color: #0292b7;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	display: inline-block;
	text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
	max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding: 20px 10px 10px 10px;
	height: calc(60vh - 52px);
	z-index: 50;
    background-color: #ffffff;
	border-radius: 0px 0px 0px 10px;
}/* hide scrollbar but allow scrolling */
.site-mobile-menu .site-mobile-menu-body {
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
	overflow-y: scroll;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}
.site-mobile-menu .site-nav-wrap {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.site-mobile-menu .site-nav-wrap a {
	padding: 8px 10px;
	display: block;
	position: relative;
	color: #606060;
}
.site-mobile-menu .site-nav-wrap a:hover {
	color: #0292B7;
}
.site-mobile-menu .site-nav-wrap li {
	position: relative;
	display: block;
}
.site-mobile-menu .site-nav-wrap li.active > a {
	color: #0292B7;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
	background: #f8f9fa;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 20;
	width: 30px;
	height: 30px;
	color: #141d30;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	background: #f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	font-size: 12px;
	z-index: 20;
	font-family: "icomoon";
	content: "\f078";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-180deg);
	-ms-transform: translate(-50%, -50%) rotate(-180deg);
	transform: translate(-50%, -50%) rotate(-180deg);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap > li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid lightgrey;
}
.site-mobile-menu .site-nav-wrap > li > a {
	font-size: 15px;
	font-weight: 500;
	display: flex;
    align-items: center;
}

.site-mobile-menu .site-nav-wrap > li > a > i{
	padding-right: 10px;
}

.site-mobile-menu .site-nav-wrap > li > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-mobile-menu .site-nav-wrap > li > ul > li {
	display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
	padding-left: 25px;
	font-size: 15px;
	font-weight: 500;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
	padding: 0;
	margin: 0;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
	display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
	font-size: 15px;
	padding-left: 40px;
	font-weight: 500;
}
.site-mobile-menu .site-nav-wrap[data-class="social"] {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 5em;
}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {
	width: auto;
}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
	padding-left: 15px !important;
}

.mbl-aside-mnu-logo-dv-para{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}




.right-sub-item-area {
	opacity: 1;
	display: flex;
	padding: 0;
	text-align: right;
	right: 0;
	align-items: center;
}



@media (max-width: 767px) {
.right-sub-item-area {
	right: -12px;
	position: relative;
	z-index: 4;
}
.searchTerm {
	width: 100%;
	padding: 6px 40px 6px 12px;
	height: 46px;
}
.searchButton {
	width: 40px;
	height: 46px;
}
.site-logo.ps-2 {
	padding-left: 0 !important;
}
}
@media (max-width: 1000px) {
.header-section #menu > ul li a:hover, .header-section #menu > ul li a.active {
	color: #0292B7;
}
}
ul.nav > li.active > a {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul.nav > li > a {
	border-bottom: 4px solid transparent;
}
ul.nav > li a.active, ul.nav > li:hover > a {
	border-color: #0292B7;
	color: #0292B7;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mega-list li a i {
	padding-right: 0px;
}
.main-menu .maseeha-item-nav > li > a {
	display: inline-block;
	padding: 23px 15px 19px 15px;
	font-size: 14px;
	font-weight: 700;
}
.modal-title {
	color: #212529;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
.modal-dialog .close{
	background:transparent;
	border:0;
}
.modal-dialog .close:hover i{
	color:#0292B7
}
.navbar-toggle {
	background-color: transparent;
}
.main-nav .fa.fa-bars {
	color: #e5e5e5;
}

/*****************************************************************	
	Login-Register Section
*****************************************************************/
.login-signup-area {
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;
	background-color: #ffffff;
}
.login-signup-area::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	backdrop-filter: blur(5px);
	background: -webkit-linear-gradient(right,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.7));
	background: -o-linear-gradient(left,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.7));
	background: -moz-linear-gradient(left,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.7));
	background: linear-gradient(to left,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.7));
	background: linear-gradient(to left,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.7));
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: left 0 0;
	transform-origin: left 0 0;
	z-index: 0;
}
.bg-xs {
	background-position: center;
	background-size: cover;
	height: 100%;
}
.login-item-block .form-check-input {
	background-color:#d5d5d5;
	width: 18px;
	height: 18px;
	margin-top: 0.05em;
	margin-right: 8px;
	border: none;
}
.login-item-block .form-check-input:checked {
	background-color: #0292B7;
}
.custom-control-label, .login-item-block p {
	font-size: 14px;
	font-weight: 500;
	color: #393F45;
}
.login-item-block a.btn-link, a.btn-link, .login-item-block a.btn-link {
	color: #0292b7;
	font-size: 14px;
	font-weight: 500;
}
.login-signup-area .login_sign_form {
	background: #ffffff;
	border-radius: 10px;
	padding: 25px;
	/*border:1px solid #ededed;*/
	margin-top: 10px;
	margin-bottom: 10px;
	z-index:2;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.login_sign_form .form-group label{
	font-size: 16px;
	color: #393F45;
	font-weight: 500;
	margin-bottom: 8px;
	display: block;
}
.login_sign_form .form-control, .form-group-feedback .form-control{
	font-size: 15px;
    font-weight: 400;
    color: var(--whitt);
    height: 50px;
    line-height: 1.8;
    border: 2px solid #ededed;
    padding: 10px 20px;
    background: var(--baseblu);
    border-radius: 15px;
    width: 100%;	
    transition: all 0.5s ease;	
}
.login_sign_form .form-control:focus{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.request-item input.form-control{
	font-size: 15px;
	font-weight: 400;
	color: #626262;
	height: 44px;
	line-height: 1.8;
	border: 1px solid #ededed;
	padding: 10px 20px;
	background: #ffffff;
	border-radius: 4px;
	width: 100%;	
}
.request-item input.form-control:focus{
	background: #ffffff;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.select-item-list{
	font-size: 15px;
	font-weight: 400;
	color: #727272;
	height: 50px;
	line-height: 1.8;
	border: 1px solid #ededed;
	padding: 10px 15px;
}
.company-detail-area a.card-text{
	font-size:12px;
	color:#4d4d4d;
	font-weight:500;
}
textarea.form-control {
	min-height: 100px;
}
.login_sign_form input.form-control:focus, .login_sign_form textarea.form-control:focus, .form-group-feedback .form-control:focus{
	background: var(--baseblu);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid var(--whitt);
    box-shadow: 0px 0px 5px var(--baseblu);
}

.login_sign_form input.form-control:focus, .login_sign_form textarea.form-control:focus, .form-group-feedback .form-control:focus::placeholder{
	color: var(--whitt);
	transition: all 0.3s ease;
}

.login_sign_form input.form-control::placeholder, .request-item input.form-control::placeholder {
	color: #929292;
}
.login_sign_form input.form-control::-webkit-input-placeholder, .request-item input.form-control::-webkit-input-placeholder{
	color: #929292;
}
.login_sign_form input.form-control:-moz-placeholder, .request-item input.form-control:-moz-placeholder {
	color: #929292;
}
.login_sign_form textarea.form-control::placeholder, .request-item input.form-control::placeholder {
	color: #929292;
}
.login_sign_form textarea.form-control::-webkit-input-placeholder, .request-item input.form-control::-webkit-input-placeholder{
	color: #929292;
}
.login_sign_form textarea.form-control:-moz-placeholder, .request-item input.form-control:-moz-placeholder{
	color: #929292;
}

/*******************************		
	Generate PDF Area
*****************************/
.generate_pdf_area{
	background: var(--whitt);
	padding: 50px 0;
	text-align: center;
}
.generate_pdf_area .generate_pdf_search h1{
	font-size:34px;
	font-weight:600;
	color:#37393d;
}
.generate_pdf_list_area .generate_pdf_search h2{
	font-size:34px;
	font-weight:600;
	color:#37393d;
}
.generate_pdf_area .generate_pdf_search span, .generate_pdf_list_area .generate_pdf_search span{
	font-size: 16px;
	font-weight: 400;
	color:#686868;
}
.generate_search_item {
	position: relative;
	font-weight: normal;
	font-style: normal;
	display: inline-flex;
	align-items: center;
	border: none;
	border: 1px solid transparent;
	box-shadow: 0 0 25px rgba(119, 131, 143, 0.1);
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
	background-color: var(--baseblu);
}
.generate_search_item > input {
	flex: 1 1 0px;
	min-width: 0;
	font-size: 1rem;
}
.generate_search_item input {
	margin: 0em;
	outline: none;
	flex: 1 1 0px;
	min-width: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	text-align: left;
	font-weight: 400;
	line-height: 1;
	border: 0;
	padding: 0.9em 1.2em;
	color: #1e2022;
	/* border-radius: 10px; */
	box-shadow: none;
	transition: all 0.2s ease-in-out;
}
.generate_search_item .primary-button {
	width:50px;
	height:50px;
	padding: 10px;
	display: block;
	background-color: transparent;
	color: var(--whitt);
	text-align:center;
	vertical-align:middle;
	font-size: 18px;
	/* border-radius: 10px; */
	line-height: 1;
	border:0;
}
.generate_search_item .primary-button:hover{
	color: #fff;
}
.search_item_box {
	margin-top: 5px;
	background: transparent;
	padding: 15px 20px;
	text-align:left;
	border: 2px solid var(--baseblu);
	border-radius: 20px;
	/* box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05); */
	position: relative;
}
.search_part_close {
	position: absolute;
	right: 20px;
	top: 15px;
}
.search_part_close a i{
	color: var(--whitt);
	font-size:22px;
	transition: all .3s ease-in-out;
}
.search_part_close a i:hover{
	transition: all .3s ease-in-out;
	color: var(--baseblu);
	
}
.search_item_box h2 {
	margin: 0px 0 10px 0;
	color: #323232;
	font-size: 22px;
	display:inline-block;
}
.generate_pdf_list_area{
	padding:0;
}

/*******************************		
	Search Block
*****************************/
.search_list_block .form-group {
	display: block;
	margin-top: 12px;
}
.search_list_block .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.search_list_block .form-group label {
	position: relative;
	cursor: pointer;
	color:#37393d;
	font-size:15px;
	display: flex;
	gap: 10px;
}
.search_list_block .form-group label p{
	margin-bottom:0;
}
.search_list_block .form-group label:before {
	content:'';
	-webkit-appearance: none;
	background-color: var(--whitt);
	border: 2px solid var(--baseblu);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	cursor: pointer;
	margin-right: 3px;
	border-radius: 6px;
}
.pdf_list_block .search_list_block{
	position: relative;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
}
.pdf_list_block .search_list_block .form-group{
	padding:15px;
	/* background: #fff; */
	border-bottom: 2px solid var(--baseblu);
	border-radius: 0px;
	margin-top: 0px;
}
.generate_pdf_list_area .form-group label::before{
	display:none;
}
.generate_pdf_list_area .form-group .list_number{
	background-color: var(--whitt);
	border: 2px solid var(--baseblu);
	border-radius: 6px;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	margin-top: -2px;
	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}
.remove_pdf_btn{
	position:absolute;
	right:20px;
}
.search_list_block .remove_pdf_btn a{
	font-size:22px;
	color:#fb1d1d;
	line-height:1;
}
.search_list_block .remove_pdf_btn a:hover{
	color:#37393d;
}
.search_list_block .form-group input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 8px;
	width: 8px;
	height: 14px;
	border: solid #0292B7;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/*******************************		
	Scroll Top
*****************************/
.scroll-top {
	position: fixed;
	width: 34px;
	height: 34px;
	background: var(--baseblu);
	bottom: 15px;
	right: 15px;
	border-radius: 30px;
	z-index: 9999;
	cursor: pointer;
	-webkit-transition: all .6s linear 0s;
	transition: all .6s linear 0s;
	display: none;
	border: 2px solid transparent;
}
.scroll-top .scroll-icon {
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
}
.scroll-top:hover {
	background: var(--baseblu) !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border: 2px solid var(--whitt);
	box-shadow: 0px 0px 5px var(--baseblu);
}


.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 0px 0 0;
	font-size: 12px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
table.fl_table .btn_cust {
	font-size: 14px;
	padding:4px 10px;
}
table.fl_table .btn_cust::after {
	margin-left:6px;
	vertical-align: middle;
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.dropdown-menu > li > a {
	display: block;
	padding: 4px 15px;
	clear: both;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}
.pagination {
	width: 100%;
	background: #ffffff;
	padding: 12px 15px;
	border-radius: 6px;
	text-align: center;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
	border: 1px solid #ededed;	
    margin:25px auto 0 auto;
	display:block;
}
.pagination .nav-links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.pagination .nav-links ul li {
    display: inline-block;
}
.nav-links .page-numbers.active, .nav-links .page-numbers:hover {
	background:#0292B7 !important;
    color: #ffffff;    
}
.nav-links .page-numbers.prev:hover, .nav-links .page-numbers.next:hover{
	color:#ffffff;
}
.nav-links .page-numbers.prev, .nav-links .page-numbers.next {
	background: #e8e8e8;
	color: #393F45;
    line-height: 34px;
}
.nav-links .page-numbers {
    width: 34px;
    text-align: center;
    margin: 0 2px;
}
.nav-links .current-page, .nav-links .page-numbers {
    font-size: 14px;
    font-weight: 500;
    color: #393F45;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*****************************************************************	
	Dashboard Section
*****************************************************************/
.table_wrapper {
	margin: 30px 0 0px 0;
	/* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); */
}
.fl_table {
	font-size: 18px;
	font-weight: normal;
	/* border: 1px solid #ededed; */
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	background-color: #ffffff;
	/*overflow: hidden;*/
}
.fl_table td, .fl_table th {
    text-align: center;
	padding: 15px 15px;
}
.fl_table td {
    /* border-right: 1px solid #ededed; */
	border-bottom: 2px solid var(--black);
    font-size: 15px;
	color: var(--black);
	font-weight: 400;
}
.fl_table td:first-child{
	width:80px;
}
.fl_table thead th {
	background: #CCD0D5;
    color: var(--black);
	font-size: 16px;
	font-weight: 600;
	/* border-right:1px solid #ededed; */
	border-bottom: 2px solid var(--black);
}
.fl_table td a{
	transition: all .3s ease-in-out;
}
.fl_table td a:hover{
	transition: all .3s ease-in-out;
}
.fl_table td a.btn-danger{
	font-size:14px;
	background:#0292B7;
	color:#ffffff;
	padding:7px 10px;
	border-radius:6px;
}
.fl_table td a.btn-danger:hover{
	background:#26AFD3;
}
.fl_table td a.btn-danger i{
	margin-right:5px;
}
.fl_table td a.btn-danger:focus {
	box-shadow: none;
}
.fl_table td a i{
	margin-right:0;
}

.select_company_list_area .client_logo_item_block {
	/* width: calc(14% - 0px); */
	margin-bottom: 5px;
	height:100%;
}
.select_company_list_area .client-logo {
	background-color: #fff;
	margin: 0px auto;
	border-radius: 10px;
	box-shadow: 0px 1px 8px rgba(32, 32, 32, 0.08);
}
.select_company_list_area .client-logo img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 2 / 2;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 1px 8px rgba(32, 32, 32, 0.08);
}
.select_company_list_area h4 {
	font-size: 16px;
	font-weight: 500;
	color: #37393d;
	text-align:center;
}
.select_company_list_area a:hover h4 {
	color: var(--baseblu);
}
.place_coll_title{
	font-size:20px;
	font-weight:600;
	color:#212529;
	text-align:left;
	padding-top: 10px;
}
.company-detail-area .dtl-text{
	font-size:16px;
	font-weight:600;
	color:var(--black);
}
.company-detail-area .dtl-text span{
	font-size:15px;
	font-weight:400;
	color:var(--black);
	padding-left:5px;
}
.company-detail-area .client-logo {
	background-color: #fff;
	margin: 10px auto;
	border-radius: 10px;
	box-shadow: 0px 1px 8px rgba(32, 32, 32, 0.08);
}
.company-detail-area .client-logo img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 4 / 4;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 1px 8px rgba(32, 32, 32, 0.08);
}
.company-detail-area h4 {
	font-size: 16px;
	font-weight: 500;
	color: #37393d;
	text-align: center;
}
.company-detail-area a:hover h4, .company-detail-area a.card-text:hover {
	color:#0292B7
}
.form-group-feedback {
	position: relative;
}
.form-group-feedback-right .form-control-feedback {
	right: 0;
}
.form-group-feedback-right .form-control-feedback button {
	border: 0;
	/*background: #e1e1e1;*/
	background:transparent;
	padding: 0 18px;
	margin: 0;
	border-radius:0 4px 4px 0;
}
.form-control-feedback {
	position: absolute;
	top: 0;
	color: var(--whitt);
	line-height: calc(2.3915em + .875rem + 2px);
	min-width: 2rem;
}
.copyright_text {
	text-align: center;
	padding: 2rem 0rem;
	background-color: var(--baseblu);
	margin-top: 0px;
}
.copyright_text p {
	margin-bottom: 0;
	color: var(--whitt);
	font-weight: 400;
}
.copyright_text p a{
	color: var(--whitt);
}
.copyright_text p a:hover{
	color: var(--black);
	text-decoration:underline;
}

.user_db_menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.user_db_menu ul li{
	list-style-type:none;
	display:inline-block;
	margin:0 15px;
}
.user_db_menu ul li a {
	background: #ffffff;
	padding: 12px 15px;
	color: var(--black);
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.user_db_menu ul li a:hover, .user_db_menu ul li a.active{
	background: var(--baseblu);
	color: #ffffff;
	border: 1px solid var(--baseblu);
}
.user_pic_view {
	display: inline-block;
}
.user_pic_view img.fileupload_img {
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
	object-fit:cover;
	margin-top: 0px;
	border: 2px solid rgba(32, 32, 32, 0.1);
	border-radius: 6px;
}
.user_pic_view .pic_remove {
	margin-left: 5px;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	color: #393F45;
	line-height: 25px;
	border-radius: 30px;
	font-size: 22px;
}
.vfx-change-photo-btn-item {
	margin-bottom: 40px;
	position: relative;
}
.vfx-change-photo-btn-item img {
	max-width: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 4 / 4;
	border-radius: 6px 6px 0 0;
}
.change-photo-btn {
	position: absolute;
	margin-top: 0px;
	cursor: pointer;
	width: 100%;
}
.vfx-contact-upload-btn {
	text-align: center;
	position: relative;
}
.vfx-contact-input-file {
	display: inline-block;
	opacity: 0;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.vfx-change-photo-btn-item .vfx-contact-input-file {
	width: 100%;
	height: 40px;
}
.vfx-change-photo-btn-item .vfx-contact-upload-btn span {
	background: var(--baseblu);
	color: #ffffff;
	padding: 9px 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	display: block;
	text-align: center;
}
.vfx-contact-upload-btn span {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	font-size: 13px;
	font-weight: 200;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
}
.modal-backdrop.show{
	opacity: .7;
	backdrop-filter: blur(1px);
}

.category_box {
	width: 100%;
    margin: 0 auto;
    border: 2px solid #0c4da2;
    border-radius: 20px;
    overflow: hidden;
    padding: 1rem 1rem;
}
.cat_item {
	width:100%;
	height:44px;
	border:1px solid #ededed;
	font-size:15px;
	font-weight:400;
	line-height:44px;
	text-align:left;
	color:#626262;
	padding-right:25px;
	padding-left:15px;
	cursor:pointer;
	position:relative;
	transition:all .3s;
	user-select: none;
	overflow: hidden;
	border-radius: 10px;
}
.company_item_list, .company_item_list .com_title{
	line-height:24px;
	padding-left:0;
}

.cat_item.onDrag {
	transform: scale(1.05, 1.1);
	opacity:1;
	background-color:#F5F5F5;
	box-shadow:0 0 5px rgba(0,0,0,.1);
}
.cat_item::before {
	content:"";
	position:absolute;
	width:18px;
	height:18px;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAADQklEQVR4Xu2bQXIjQQzD7J/56f5ZcnXNEdUtqorYu4YSgXT2sPt++ae6gXf19R7/UoByCRRAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg//9QL8FfeY/p8zBEPPi5WgKwCmCMeVIAs8Uc65ogHFUABfhvwV0DWB/yDjAd9AbLE/RWwqv/4MvgHGQ/6AsSh/y6AOeJBBVAA/xK4xwH8g4wHH7d/93RRucmHXn1KAJrvXLgBBQgDSMcrQJpAOF8BwgDS8QqQJhDOV4AwgHS8AqQJhPMVIAwgHa8AaQLhfAUIA0jHK0CaQDhfAcIA0vEKkCYQzleAMIB0vAKkCYTzTwnwCd/RHv+lBZwSwH8WTgmcmcMc8eBjbwU4A5J+BXPEgwpAWV2ZwxzxoAJcAUk/ijniQQWgrK7MYY54UAGugKQfxRzxoAJQVlfmMEc8qABXQNKPYo54UAEoqytzmCMeVIArIOlHMUc8+Nj0Qzd37kgDX/qVUwLQfOfCDShAGEA6XgHSBML5ChAGkI5XgDSBcL4ChAGk4xUgTSCcrwBhAOl4BUgTCOcrQBhAOl4B0gTC+QoQBpCOV4A0gXC+AoQBpOMVIE0gnH9KgG/4jvb4Dy3glAD+zyBK4Mwc5ogHH3srwBmQ9CuYIx5UAMrqyhzmiAcV4ApI+lHMEQ8qAGV1ZQ5zxIMKcAUk/SjmiAcVgLK6Moc54kEFuAKSfhRzxIMKQFldmcMc8aACXAFJP4o54kG6qXO7GlCAXTzGt1GA8cp3BSrALh7j2yjAeOW7AhVgF4/xbRRgvPJdgQqwi8f4NgowXvmuQAXYxWN8GwUYr3xXoALs4jG+jQKMV74rUAF28RjfRgHGK98VqAC7eIxvowDjle8KVIBdPMa3UYDxyncFKsAuHuPbKMB45bsCFWAXj/FtFGC88l2BCrCLx/g2CjBe+a5ABdjFY3wbBRivfFegAuziMb6NAoxXvitQAXbxGN9GAcYr3xX4D1NkIoFb64KVAAAAAElFTkSuQmCC);
	background-size:100% 100%;
	background-position:center center;
}
.itemClip {
	position: absolute;
	background-color:white;
	opacity:1;
	top:0;
	left:0;
	transform:translate(-50%, -50%);
	transition:none;
	background-color:white;
	overflow:hidden;
}
.hide {
	display:none;
}

.company_item_list{
	height:auto;
}
.company_item_list .com_list{
	display:flex;
}
.company_item_list .com_list .com_number{
	font-size:14px;
	font-weight:500;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	background: transparent;
	border-radius: 6px;
	color: #37393d;
	border: 1px solid #dbdbdb;
}
.company_item_list .com_list .com_image .client-logo{
	width:42px;
	height:42px;
	margin:8px 0;
	display:flex;
}
.company_item_list .com_list .com_image h4{
	font-size:12px;
}
.company_item_list .com_list .com_image .client-logo img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 4 / 4;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0px 1px 6px rgba(32, 32, 32, 0.03);
}
.company_item_list .com_list .com_remove a{
	background: #dbdbdb;
	font-size:18px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 32px;
	color: #37393d;
	border-radius:6px;
	/*transform: translateY(6%);*/
}
.company_item_list .com_list .com_remove a:hover{
	background:#0292B7;
	color:#ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.delete_item_modal i{
	color:#EE404C;
	font-size: 50px;
	line-height:1;
}
.delete_item_modal h5{
	color:var(--black);
	font-size:18px;
	font-weight:600;
	line-height:26px;
}
.delete_item_modal p{
	color:#8c8c8c;
	font-weight: 400;
	font-size: 15px;
	margin-bottom:0;
}
.delete_item_modal button.gen_btn_danger{
	font-size: 14px;
	padding: 8px 15px;
}
.company_item_list .com_list .com_remove a:focus{
	border:0;
	box-shadow:none;
}
.com_list .com_status .switch input { 
    display:none;
}
.com_list .com_status .switch {
    display:inline-block;
    width:40px;
    height:20px;
    margin:0;
    transform:translateY(18%);
    position:relative;
}
.check_slider {
    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:2px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.check_slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-20px);
    transition:.4s;
}
input:checked + .check_slider:before {
    transform:translateX(20px);
    background:limeGreen;
}
input:checked + .check_slider {
    box-shadow:0 0 0 2px limeGreen,0 0 2px limeGreen;
}
.switch.flat .check_slider {
	box-shadow:none;
}
.switch.flat .check_slider:before {
	background:#FFF;
}
.switch.flat input:checked + .check_slider:before {
	background:white;
}
.switch.flat input:checked + .check_slider {
	background:limeGreen;
}

.imagePreview{
    width: 34px;
    height: 34px;
    border-radius: 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 15px;
	position:absolute;
	right:0;
}
.file-upload{
    display: flex;
    align-items: center;
    padding: 12px;
    position: relative;
	border:1px solid #ededed;
    border-radius: 6px;
    background-color: #ffffff;
}
.file-select .btn-secondary{
	font-size:14px;
}
.file-select {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
}
.file-select-name{
	color:#626262;
    margin-left: 15px;
	font-size:14px;
	font-weight:400;
}
.file-select input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.file-remove{
    margin-left: 15px;
    position: absolute;
    right: 15px;
    top: 20px;
}