/* tutor registration form */
#customer_login  .u-column1.tutor-form{
	padding: clamp(0px, 0vw, 0px) !important;
}
#customer_login  .u-column1.tutor-form h2{
	margin:0 0 10px 0 !important;
	padding:0;
}
.tutor-info{
	color: #1b1b1b;
}
#customer_login  .u-column1.tutor-form form{
	max-width:800px;
}
#customer_login  .u-column1.tutor-form form .pair-fields, #customer_login  .u-column1.tutor-form form .pair4-fields{
	display:flex;
	margin-bottom:10px;
	align-items: center;
}
#customer_login  .u-column1.tutor-form form .pair-fields .woocommerce-form-row{
	flex:0 50%;
}
#customer_login  .u-column1.tutor-form form .pair4-fields .woocommerce-form-row{
	flex:0 33.3%;
}
#customer_login  .u-column1.tutor-form form .tutor-select{
	height: clamp(30px, 2.08vw, 40px);
	border: 1px solid #542293;
	border-radius: 4px;
	background:#fff; 
	font-size:14px;
	color: #65727e;
	font-weight:400;
	font-family: 'Geologica-Regular', sans-serif;
}
#tutor_instagram,#tutor_facebook,#tutor_twitter{
	position:relative;
	padding-left:25px;
}
#tutor_instagram{
	background-image: url('../icons/instagram.png');
	background-repeat: no-repeat;
	background-position:5px 11px;
}
#tutor_facebook{
	background-image: url('../icons/facebook.png');
	background-repeat: no-repeat;
	background-position:5px 11px;
}
#tutor_twitter{
	background-image: url('../icons/x.png');
	background-repeat: no-repeat;
	background-position:5px 11px;
}

.upload-cv .up-label {
  width:315px;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
  border: 1px solid #542293;
  background: #EEF0F8;
  text-align:center;
  cursor:pointer;
  align-items: center;
}
.upload-cv .up-label:hover {
  filter: brightness(95%);
}
.upload-cv .up-label i{
	font-size:14px;
	font-weight:600;
	font-style:normal;
	color: #224193;
}
.upload-cv .up-label em{
	font-size:14px;
	font-weight:600;
	font-style:normal;
	color:  #98A9D4;

}

#file-chosen{
	font-size:12px;
	color: #3988A4;
	font-weight:300;
}
.upload-cv-icon{
	background-image: url('../icons/upload-cloud.png');
	background-repeat: no-repeat;
	width:50px;
	height:31px;	
}
#tutor_bio{
	height:80px !important;
}
.tutor_submit{
	text-align:center;
	margin-top:30px;
}
.tutor_submit button{
	display:inline-block;
	padding: 10px 40px 10px 40px;
	border:0;
	border-radius: 20px;
	background: #224193;
	color:#fff;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
}
.tutor_submit button:hover {
  filter: brightness(115%);
}
.accept_tutor{
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-align: left;	
}
.accept_tutor_notice{
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-align: right;	
	color: #3988A4;

}

/*multiselect*/
.multi-select {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  position: relative;
  width: 100%;
  user-select: none;
}
.multi-select .multi-select-header {
	height: clamp(30px, 2.08vw, 40px);
  border: 1px solid #542293;
  border-radius: 4px;
background:#fff;  
  overflow: hidden;
  gap: 7px;
}
.multi-select .multi-select-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}
.multi-select .multi-select-header.multi-select-header-active {
  border-color: #c1c9d0;
}
.multi-select .multi-select-header.multi-select-header-active::after {
  transform: translateY(-50%) rotate(180deg);
}
.multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
  display: flex;
}
.multi-select .multi-select-header .multi-select-header-placeholder {
  color: #65727e;
}
.multi-select .multi-select-header .multi-select-header-option {
  display: inline-flex;
  align-items: center;
  background-color: #f3f4f7;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 5px;
}
.multi-select .multi-select-header .multi-select-header-max {
  font-size: 14px;
  color: #65727e;
}
.multi-select .multi-select-options {
  display: none;
  box-sizing: border-box;
  flex-flow: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.multi-select .multi-select-options::-webkit-scrollbar {
  width: 5px;
}
.multi-select .multi-select-options::-webkit-scrollbar-track {
  background: #f0f1f3;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb {
  background: #cdcfd1;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb:hover {
  background: #b2b6b9;
}
.multi-select .multi-select-options .multi-select-option, .multi-select .multi-select-options .multi-select-all {
  padding: 4px 12px;
  height: 42px;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
  margin-right: 14px;
  height: 16px;
  width: 16px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-text, .multi-select .multi-select-options .multi-select-all .multi-select-option-text {
  box-sizing: border-box;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
  border-color: #40c979;
  background-color: #40c979;
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
  content: "";
  display: block;
  width: 3px;
  height: 7px;
  margin: 0.12em 0 0 0.27em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
  color: #40c979;
}
.multi-select .multi-select-options .multi-select-option:hover, .multi-select .multi-select-options .multi-select-option:active, .multi-select .multi-select-options .multi-select-all:hover, .multi-select .multi-select-options .multi-select-all:active {
  background-color: #f3f4f7;
}
.multi-select .multi-select-options .multi-select-all {
  border-bottom: 1px solid #f1f3f5;
  border-radius: 0;
}
.multi-select .multi-select-options .multi-select-search {
  padding: 7px 10px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  margin: 10px 10px 5px 10px;
  width: 100%;
  outline: none;
  font-size: 14px;
}
.multi-select .multi-select-options .multi-select-search::placeholder {
  color: #b2b5b9;
}
.multi-select .multi-select-header, .multi-select .multi-select-option, .multi-select .multi-select-all {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  color: #212529;
}
.success-app{
	display:block;
	padding:30px;
	font-size:16px;
	color:#196619;
	background:#ebfaeb;
	text-align:center;
	line-height:150%;
	margin-bottom:20px;
	border-radius:10px;
}



/*responsive*/
@media screen and (max-width: 600px) {
	#customer_login  .u-column1.tutor-form form .pair-fields, #customer_login  .u-column1.tutor-form form .pair4-fields{
		display:block;
	}

	#customer_login  .u-column1.tutor-form form .pair-fields p, #customer_login  .u-column1.tutor-form form .pair4-fields p{
		display:block;
		text-align:left;
	}	
	#tutor-form{padding:0 25px !important}
	.upload-cv .up-label{width:290px}
	#tutor_instagram,#tutor_facebook,#tutor_twitter{background-position: 5px 6px;}
}
