/*Delos Profile CSS Start*/
	
div#public_view_div label.pmprorh_checkbox_label, div#agreeproactivecb_div label.pmprorh_checkbox_label {
    text-transform: none;
}
			
div#public_view_div label.pmprorh_checkbox_label {
    display: contents;
}
			
div#ucv_div input#ucv {
    display: block;
}

div#agreeproactivecb_div input#agreeproactivecb {
    width: 10px !important;
    min-width: 20px !important;
}
	
form.pmpro_form .pmpro_member_profile_edit-fields div .SumoSelect {
    margin: 0px 0px 10px 0px !important;
}
	
.optWrapper ul.options li.opt label {
    font-size: 12px;
}
	
/* .pmpro_checkout_box-arbitrator_profile .SumoSelect.open>.optWrapper {
    top: 20px !important;
    display: block;
} */
	
.SumoSelect p.CaptionCont.SelectBox.search {
    border-radius: 0px !important;
	border: 1px solid #eee !important;
	height: 40px;
}
	
	
div#ucv_div button#pmprorh_delete_file_ucv_button,
div#ucv_div button#pmprorh_cancel_delete_file_ucv_button,
div#ucv_div span.pmprorh_file_ucv_name {
    position: relative;
	margin-top: 30px;
}
	
.pmpro_checkout_box-arbitrator_profile h3 {
  	margin-bottom: 50px;
    color: #0b2e45;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
	
div#agreeresp_div label {
    display: none;
}
	
input.pmpro_btn.pmpro_btn-submit {
    border-radius: 0px;
	font-weight: 400;
}
	
input.pmpro_btn.pmpro_btn-cancel {
    font-weight: 400;
}

	
div#privacy_div label {
    font-size: 14px;
    margin: 25px 0px;
    color: gray;
    font-weight: 400;
	text-transform: uppercase;
}
	
div#profilelabel_div label {
    font-size: 14px;
    margin: 50px 0px 25px;
    color: #0b2e45;
    font-weight: 400;
	text-transform: uppercase;
}
	
div#public_view_div {
    margin: 40px 0px 100px 0px;
}

label.pmprorh_checkbox_label {
    font-size: 12px;
    font-weight: 400 !important;
    color: gray;
}
	
div#profilelabel_div {
    margin: 120px 0px 50px 0px;
}
	
	
div#title_div label, div#first_name_div label, div#last_name_div label, div#suffixstyle_div label, div#genderselect_div label, div#udob_div label, div#uemail_div label, div#telephone_div label, div#bcountry_div label, div#bcity_div label, div#barcode_div label, div#uyoba_div label, div#plang_div label, div#slang_div label, div#poccupname_div label, div#poccuppos_div label, div#ldprofile_div label, div#altpropage_div label, div#indiexp_div label,div#ucv_div label, div#bcountry1_div label, div#nofcasc_div label, div#nofcasa_div label, div#nofcasia_div label, div#nofcasia_div label, div#nofcasda_div label, div#nofcasts_div label, div#nofcasm_div label, div#nofcasadb_div label, div#nofcass_div label, div#nofcasca_div label, div#nofcastp_div label, div#nofcasem_div label, div#otherinf_div label, div#agreeresp_div label, div#nationality_div label{
   	font-weight: 300 !important;
}
	
@media (min-width:900px){
div#privacy_div p, div#agreeresp_div p {
    width: 75%;
    font-weight: 400;
    color: gray;
    font-size: 12px;
}
}
	
	
form.pmpro_form .input, form.pmpro_form textarea, .input, form.pmpro_form select {
    border: 1px solid #e5e5e5 !important;
    color: #000;
	padding: 8px;
}

/*Delos Profile CSS End*/

	
.filter-delos {
    justify-content: center;
    align-items: center;
    margin: 10px 8px 10px 10px;
    padding: 10px 10px;
    background-color: white;
    border-radius: 5px;
    width: 30%;
    text-align: center;
	display: none;
    
}

.filter-delos span {
    width: 100%;
}


/* .filter-delos input[type="checkbox"] {
    height: 15px !important;
    width: 25% !important;
    position: relative;
    margin: 0px;
    right: 0px;
    top: 3px;
} */

@media (min-width:767px) and (max-width:960px){
    .filter-delos {
        width: 40%;
        }	
    }

    @media (max-width:767px){
    .filter-delos {
        min-width: 240px;
        flex: 1;
    }
    .filter-delos span {
        display: flex;
        width: 100%;
    }
}
	
	
	
body{
	font-family : "karla", sans-serif;
}

	
#delos_dir_filters h2 {
    display: none !important;
}
	
.more_filters {
    display: none !important;
}
	
ul.options li.opt span i {
    margin-left: 10px !important;
}

/* 03/02/2022 */
	
/* @media (min-width:767px){
	.pmpro_member_profile a:nth-child(1) {
    	padding-right: 50px;
	}
	.pmpro_member_profile a:nth-child(2) {
    	padding-left: 50px;
		padding-right: 50px;
	}
	.pmpro_member_profile a:nth-child(3) {
    	padding-left: 50px;
	}
}
	
@media (max-width:767px){
	.pmpro_member_profile a:nth-child(1) {
    	padding-right: 20px;
	}
	.pmpro_member_profile a:nth-child(2) {
    	padding-left: 20px;
		padding-right: 20px;
	}
	.pmpro_member_profile a:nth-child(3) {
    	padding-left: 20px;
	}
}
	 */
	
p.CaptionCont.SelectBox.search span.placeholder {
    font-size: 13px;
}
	
span.pmpro_page_numbers a {
    padding: 0px 6px;
}
	
.pmpro_pagination {
    margin: 40px 0px;
}

#delos_dir_filters
{
    overflow: visible;
    font-size: 15px !important;
    padding: 15px;
    border-radius: 5px;
    /*border: 1px solid #eee;*/
    width: 100%;
    margin: 10px 0px 40px 0px;
	font-family: "karla", sans-serif;
}

#delos_dir_filters h2
{
    margin: 0;
    background-color: #0b2e45;
    color: #ffffff !important;
    padding: 10px 10px 10px 10px;
	font-family: "karla", sans-serif;
	text-align : center !important;
	font-size: 18px !important
}
	
label.filter-label {
    font-size: 12px;
}

#delos_dir_filters form
{
    overflow: visible;
    background: #f7f7f7;
    padding: 15px;
    margin: 2em 0;
    text-align: left;
    -webkit-border-radius: 3px;
    border-radius: 0px;
}

#delos_dir_filters form .filters
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	margin-bottom : 20px;
}

#delos_dir_filters form .filter
{
    position: relative;
    flex: 0;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    height: 140px;
    margin: 20px;
    background-color: white;
}
	
#delos_dir_filters form .filter > div {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	
#delos_dir_filters form .filter > span,
#delos_dir_filters form .filter > span > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#delos_dir_filters form .filter > span > span {
    flex: 1;
}

#delos_dir_filters form .filter input[type="checkbox"] {
    width: fit-content;
    margin: 0;
}

#delos_dir_filters form .filter select,
#delos_dir_filters form .filter input
{
    text-transform: capitalize;
    height: 40px;
    padding: 5px 10px;
    width: 100%;
    outline: none;
    border: 1px solid #eee;
    border-radius: 0px;
	font-size:11px !important; 
}

#delos_dir_filters .more_filters
{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}
	
.two-submit-button {
    display: flex;
	margin-left: 25px;
}
	
@media (min-width:1200px){
    textarea#otherinf {
        width: 45.5%;
    }
    div#otherinf_div input[type="checkbox"] {
        display: block;
        width: 90%;
        margin-top: 9px;
        text-align: center;
    }
}

#delos_dir_filters .range
{
    width: 100%;
}

#delos_dir_filters .range .bars > div
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#delos_dir_filters .range .range_title,
#delos_dir_filters .filter > div > label
{
    background-color: #0b2e45;
    width: 100%;
    text-align: center;
    color: white;
	font-size: 12px !important;
	position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0px 20px;
	height: 40px;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
	text-transform: capitalize;
}

form.pmpro_form .pmpro_member_profile_edit-fields > div {
    margin: 20px 0 30px 0 !important;
}

#delos_dir_filters .range .bars > div input
{
   padding: 0 10px !important;
    width: 50%;
    margin: 5px 0px;
	height : 30px;
}

#delos_dir_filters .filter > div
{
    width: 100%;
}

#delos_dir_filters .select2 select
{
    height: 96px !important;
}

[v-cloak]
{
    display: none !important;
}
	
/* SUMO SELECT FIX */

.SumoSelect.open>.CaptionCont,
.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont
{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
	
/* Triangle Fix */

.SumoSelect>.CaptionCont>label>i {
	background-image: none !important;
    width: 0 !important;
	height: 0 !important;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #0b2e45;
}
			
#delos_dir_filters form .filter input[name="agreeproactivecb"] {
	top: -4px !important;
}
			
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-image: none !important;
    position: relative;
    background-color: #9B7F1F !important;
    display:flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
}
			
.SumoSelect .select-all.partial>span i::after, .SumoSelect .select-all.selected>span i::after, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i::after {
    content: "\002714";
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    color: white;
}
	
.pmpro_pagination {
    text-align: center;
}

.pmpro_prev {
    text-align: left;
}

.pmpro_member_directory_search {
    display: none;
}

img.avatar.wp-user-avatar.photo.avatar-default {
	opacity: 0.75;
	width: 90px;
	height: 90px;
}

	h3#pmpro_member_directory_subheading {
		font-size: 18px;
	}
	h3.pmpro_member_directory_display-name {
		font-size: 18px;
	}
	h2.pmpro_member_directory_name {
		font-size: 18px;
	}
			
			
/*Tooltip CSS*/

.demo {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    align-self: flex-end;
    top: -10px;
    right: -10px;
    height: 20px;
    width: 20px;
    background-color: #b2b3b3;
    margin-bottom: -15px;
}
	
.demo p,
.demo p a {
    margin: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
	
i.fa.fa-info {
    color: #fff !Important;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -100px;
  padding: 9px 7px;
  width: 200px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #b2b3b3;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 11px;
  line-height: 1.4;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #b2b3b3;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
	
	
@media (max-width:1024px){
    [data-tooltip]:before {
        width: 155px;
    }	
}	
	
	
.fa-info:before {
    content: "i" !important;
    font-family: 'Karla';
	font-weight: 600;
}

.SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span
{
    display: flex !important;
}

.SumoSelect p.CaptionCont.SelectBox.search
{
    display: flex;
    align-items: center;
}

/* CHECKBOX CSS */

.delos_custom_cb
{
    margin: 0 5px 0 0!important;
    position: relative;
}

.delos_custom_cb input
{
    display: none !important;
}

.delos_custom_cb input ~ label
{
    cursor: pointer;
    background-color: white;
    border: 1px solid #AEAEAE;
    padding: 6px;
    min-height: 1em;
    min-width: 1em;
    max-height: 1em;
    max-width: 1em;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 15%);
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.delos_custom_cb input:checked ~ label {
    background-color: #9B7F1F;
    border-color: transparent;
    box-shadow: none;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

.delos_custom_cb input:checked ~ label::after {
    content: "\002714";
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    color: white;
}