:root {
  --solfy-color-1: #f4e876;
  --solfy-color-2: #afd8ac;
  --solfy-color-3: #6fcdf7;
  --solfy-color-4: #f7ae6f;
  
  --solfy-color-blur-0: #1c417880;
  --solfy-color-blur-1: #ffe70080;
  --solfy-color-blur-2: #00ff2b80;
  --solfy-color-blur-3: #00b0ff80;
  --solfy-color-blur-4: #ff760080;
  
  --solfy-strong-color-2: #3ed55f;
  --solfy-strong-color-3: #35b4d3;
  --solfy-strong-color-4: #ff963b;
  --solfy-strong-color-5: #bb00ff;
  
  --solfy-stronger-color-2: #06cb30;
  --solfy-stronger-color-3: #35a0d3;
  --solfy-stronger-color-4: #db6500;
  --solfy-stronger-color-5: #8a00bd;
}


.solfy_color_1{
    /*background:var(--solfy-color-1);*/
    background: var(--solfy-color-blur-1);
    box-shadow: 0 2px 10px 0 var(--solfy-color-blur-1);
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
}
.solfy_color_2{
    /*background:var(--solfy-color-2);*/
    background: var(--solfy-color-blur-2);
    box-shadow: 0 2px 10px 0 var(--solfy-color-blur-2);
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
}
.solfy_color_3{
    /*background:var(--solfy-color-3);*/
    background: var(--solfy-color-blur-3);
    box-shadow: 0 2px 10px 0 var(--solfy-color-blur-3);
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
}
.solfy_color_4{
    /*background:var(--solfy-color-4);*/
    background: var(--solfy-color-blur-4);
    box-shadow: 0 2px 10px 0 var(--solfy-color-blur-4);
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
}

.solfy_strong_color_2{
    background:var(--solfy-strong-color-2);
    color:white;
}
.solfy_strong_color_2:active,.solfy_strong_color_2:hover, .solfy_strong_color_2:focus:not(:active){
    background:var(--solfy-stronger-color-2);
}
.solfy_strong_color_3{
    background:var(--solfy-strong-color-3);
    color:white;
}
.solfy_strong_color_3:active,.solfy_strong_color_3:hover, .solfy_strong_color_3:focus:not(:active){
    background:var(--solfy-stronger-color-3);
}
.solfy_strong_color_4{
    background:var(--solfy-strong-color-4);
    color:white;
}
.solfy_strong_color_4:active,.solfy_strong_color_4:hover, .solfy_strong_color_4:focus:not(:active){
    background:var(--solfy-stronger-color-4);
}
.solfy_strong_color_5{
    background:var(--solfy-strong-color-5);
    color:white;
}
.solfy_strong_color_5:active,.solfy_strong_color_5:hover, .solfy_strong_color_5:focus:not(:active){
    background:var(--solfy-stronger-color-5);
}

.container-wrap .main-content{
    padding-left: 15px;
    padding-right: 15px;
}
.results-container{
    padding: 15px;
}
.vc_row-fluid>.span_12{
    margin:0!important;
}
.filter_wrapper{
    padding:15px;
    background:#f5f5f5;
    /*min-height: 250px;*/
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
.vc_row-fluid>.span_12.filter_wrapper{
    margin-bottom:15px!important;
    box-shadow: 15px 15px 20px #e4e4e4, -15px -15px 5px #ffffff;
}
.results_wrapper.wpb_row{
    width:100%;
}
.deal_content_wrapper {
    padding: 10px 15px!important;
    /*min-height: 282px;*/
}
.deal_details {
    font-size: 14px;
    line-height: 20px;
}
.white-popup {
    position: relative;
    background: #f5f5f5;
    padding: 25px;
    width:auto;
    margin: 50px auto;
}
.wpb_row>.col.deal {
    border-radius: 5px;
/*    background: white;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
    margin-bottom: 2%!important;
    overflow: hidden;
    background: #f5f5f5;
    box-shadow: 15px 15px 20px #e4e4e4, -15px -15px 5px #ffffff;
}
.vc_row-fluid>.span_12.deal .featured_column,.featured_column{
    padding:0!important;
    background-size: cover!important;
    background-position: center!important;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    min-height: 250px;
    overflow:hidden;
}
.featured_title_wrapper {
    width:100%;
    padding: 5px 15px;
    align-self:flex-end;
    z-index: 1;
    background: var(--solfy-color-blur-0);
    box-shadow: 0 2px 15px 0 var(--solfy-color-blur-0);
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 10px 10px 0 0;
    color:white;
}
.featured_title_wrapper h3,.featured_title_wrapper h4{
    color:white;
    width:100%;
    margin: 0!important;
}
.featured_title_wrapper h3{
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 21px!important;
}
.featured_title_wrapper h4{
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 17px!important;
}
.deal_content_buttons{
    border-top: 1px solid #ebebeb;
    padding-top:5px;
    justify-content: space-between;
}
.deal_content_buttons .mdl-button{
    width:100%;
    margin-bottom:5px;
}
.deal_content_intro {
    border-bottom: 1px solid #ebebeb;
    /*padding-bottom: 5px;*/
    display: flex;
    justify-content: space-between;
}
.deal_details{
    /*padding-top:10px;*/
    padding-bottom: 5px;
}
.featured_chips{
    width:100%;
    padding: 10px 15px;
    z-index: 1;
}
/*.featured_chips > div{
    text-align:right;
}*/
.small_text {
    font-size: 11px;
    font-style: italic;
    font-weight:400;
}
.btn-vmore{
    width:100%;
    background: rgba(158,158,158,.2);
    font-size: 12px;
    margin-top: 5px;
}
.btn-vmore:hover,.btn-vmore:active{
    background-color: rgba(158,158,158,.4);
}
.deal_status .mdl-chip {
    color: white;
    font-weight: 600;
    padding: 0 25px;    
}
.deal_price{
    font-size:16px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 3px;
}

.deal_status .licitando, .deal_status .deal_timing{
    display:none;
}
.deal[deal_interest="0"] .deal_timing {
    display: inline-block;
}
.deal[deal_interest="1"] .licitando{
    display:inline-block;
}
.btn-interested{
    display:none;
}
.deal[deal_interest="0"] [deal_new_interest="1"]{
    display:inline-block;
}
.deal[deal_interest="1"] [deal_new_interest="0"]{
    display:inline-block;
}
.deal_timing{
    line-height: 36px;
    font-style: italic;
    font-size:12px;
    height:36px;
}
.deal_timing b{
    font-weight: 800;
    font-size:20px;
}
.deal_availability_text {
    font-size: 14px;
    line-height: 18px!important;
    font-weight: 800;
}
.deal_availability {
    display: inline-block;
    margin: 0px 3px;
    border: 1px solid #e4e4e4;
    text-align: center;
    cursor:pointer;
}
.deal_month {
    font-size: 10px;
    padding: 0 5px;
    line-height: 14px;
    background: #e4e4e4;
}
.deal_day {
    font-size: 16px;
    line-height: 20px;
}
.deal_availability.selected {
    border: 1px solid #22cd47;
}
.deal_availability.selected .deal_month {
    background: #22cd47;
    color:white;
}
.featured_column:before {
    /*background: linear-gradient(to right, #F5E875,#CCDE94,#A7D6B2,#7DCED2,#51C3F5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .15;*/
}
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content {
    max-width: 1250px!important;
}
.white-popup{
    max-width: 100%;
    border-radius: 10px;
}
.deal .detailed_info{
    line-height:30px;
    border-top: 1px solid #ebebeb;
}
.deal_availability_wrap{
    min-height:56px;
}
label.search_field_solfy {
    position: relative;
}
.search_field_solfy input {
    padding: 5px 10px 5px 35px!important;
    border-radius: 30px;
    border: none!important;
    background: linear-gradient(145deg, #d9d9d9, #f0f0f0)!important;
    box-shadow: 5px 5px 15px #bebebe, -5px -5px 15px #ffffff!important;
    margin-top: 10px;
    color: #1a1a1a;
}
label.search_field_solfy:after{
    content:"\f002";
    font-family: Fontawesome;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    color: #1a1a1a;
}
/* //////////////////// Double range slider ////////////////////////// */
.wrap {
  --dif: calc(var(--max) - var(--min));
  display: grid;
  grid-template: repeat(2, -webkit-max-content) 20px/1fr 1fr;
  grid-template: repeat(2, max-content) 20px/1fr 1fr;
  /*overflow: hidden;*/
  position: relative;
  width: 20em;
  /*background: linear-gradient(0deg, #ccc 4em, transparent 0);*/
  /*font-family: ubuntu mono, consolas, monaco, monospace;*/
}
.wrap::before, .wrap::after {
  grid-column: 1/span 2;
  grid-row: 3;
  background: var(--solfy-strong-color-3);
  content: "";
}
.wrap::before {
  margin-left: calc(1em + (var(--a) - var(--min))/var(--dif)*18em);
  width: calc((var(--b) - var(--a))/var(--dif)*18em);
  /*box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;*/
    margin-top: 8px;
    z-index: 1;
    height: 10px;
}
.wrap::after {
  margin-left: calc(1em + (var(--b) - var(--min))/var(--dif)*18em);
  width: calc((var(--a) - var(--b))/var(--dif)*18em);
  margin-top:-3px;
}

[id=multi-lbl] {
  grid-column: 1/span 2;
}

.sr-only {
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

input[type=range] {
  grid-column: 1/span 2;
  grid-row: 3;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background: none;
  /* get rid of white Chrome background */
  --col: #000;
  pointer-events: none;
}
input[type=range]::-webkit-slider-runnable-track, input[type=range]::-webkit-slider-thumb, input[type=range] {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 100%;
  background: none;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 100%;
  background: none;
}
input[type=range]::-webkit-slider-thumb {
  border: none;
  /* get rid of Firefox thumb border */
  width: 20px;
  height: 20px;
  border-radius: 25px;
  /* get rid of Firefox corner rounding */
  /*background: linear-gradient(90deg, #fff 2px, transparent 0) calc(1em - 1px), radial-gradient(circle, var(--col) calc(1em - 1px), transparent 1em);*/
  background: white;
  border:3px solid var(--solfy-strong-color-3);
  pointer-events: auto;
  box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
  margin-top:3px;
  margin-left:2px;
  cursor:pointer;
}
input[type=range]::-moz-range-thumb {
  border: none;
  /* get rid of Firefox thumb border */
  width: 20px;
  height: 20px;
  border-radius: 25px;
  /* get rid of Firefox corner rounding */
  /*background: linear-gradient(90deg, #fff 2px, transparent 0) calc(1em - 1px), radial-gradient(circle, var(--col) calc(1em - 1px), transparent 1em);*/
  background: white;
  border:3px solid var(--solfy-strong-color-3);
  pointer-events: auto;
  box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
  margin-top:3px;
  margin-left:2px;
  cursor:pointer;
}
input[type=range]:focus {
  z-index: 2;
  /*outline: dotted 1px currentcolor;*/
}
input[type=range]:focus, input[type=range]:focus + output {
  --col: #1a1a1a ;
}

output {
  grid-row: 2;
  color: var(--col);
}
output:last-child {
  text-align: right;
}
output::after {
  counter-reset: c var(--c);
  content: counter(c);
}
.range-background {
    position: absolute;
    bottom: 0px;
    height: 15px;
    width: 100%;
    z-index: 0;
    border-radius: 25px;
    background: #dddddd;
    box-shadow: 5px 5px 10px #c6c6c6, -5px -5px 10px #ffffff;
}

.reach_row{
    display:flex;
}
.reach_column {
    min-width: 100px;
    padding: 5px 12px;
    padding-bottom: 2px;
    border: 1px solid #e5e5e5;
    text-align:center;
    font-size: 12px;
    line-height: 27px;
}
.reach_column.first {
    min-width: 185px;
    text-align:left;
    width: 50%;
}
.reach_column img{
    max-height:20px;
    margin-bottom: 5px!important;
}
.reach_column i {
    color: #87d596;
    font-size: 20px;
    line-height: 20px;
    border: 2px solid #87d596;
    border-radius: 50%;
    padding: 3px;
}
.reach_column.reach_non_selected i{
    color: #c9c9c9;
    border: 2px dotted #c9c9c9;
}
.reach_column.reach_non_selected i:hover{
    color: #aae1b4;
    border: 2px dotted #aae1b4;
}
.hide_edits .reach_non_selected i{
    display:none;
}
.select2-results__option--highlighted {
    background: #f1f1f1;
}
.myaccount_menu {
    padding: 20px;
    box-shadow: 15px 15px 20px #e4e4e4, -15px -15px 5px #ffffff;
    margin-bottom: 40px;
    border-radius: 5px;
        background: #1a1a1a;
    color: white;
}
.user_image.big_user_image {
        margin: auto;
    height: 120px;
    width: 120px;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    box-shadow: 1px 2px 6px #6c6c6c, -2px -2px 5px #6e6e6e;
    margin-bottom: 25px;
    margin-top: 10px;
    background-color:white;
}
.user_profile_name{
    text-align:center;
    font-size: 24px;
    line-height: 40px;
}
.user_profile_cif{
    text-align:center;
    font-size: 12px;
    line-height: 20px;
    color:#9d9d9d;
}
.user_profile_mail,.user_profile_tel{
    text-align:center;
}
button.primary.large{
    background-color: #72d0f6;
    padding: 15px 22px!important;
    color:white;
    font-size: 18px;
    border-radius: 25px;
    font-weight: 600;
    border:none;
    display:inline-block;
}
button.primary:hover{
    opacity: .85;
}
.profile_actions{
    justify-content: center;
}
a.upload-button {
    position: relative;
    display: block;
    color:#1a1a1a;
}

.upload-src,.upload-text {
    background: #dddddd;
    display: inline-block;
    padding: 25px 100px 25px 60px;
    border-radius: 10px;
    border: 2px solid #777;
    width: 100%;
}
.upload-src:before {
    content: '\f15c';
    position: absolute;
    top: 26px;
    font-family: 'FontAwesome';
    left: 18px;
    font-size: 35px;
    color: #777;
}
.upload-text {
    background: #ffc488;
    border-color:#ff8100;
}
.upload-text:before {
    content: '\f0ee';
    position: absolute;
    top: 26px;
    font-family: 'FontAwesome';
    left: 18px;
    font-size: 35px;
    color: #ff8100;
}
.upload-text-2, .upload-url {
    background: #72d0f6;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    color: white;    
    position: absolute;
    right: 10px;
    top: 22px;
}
.white-popup .deal_content_buttons  {
    justify-content:center;
}
.container-wrap, .project-title {
    padding-top: 30px;
}
.deal_content button{
    margin-right:5px;
} 
.btn-interested {
    margin-right:5px;
}
.mdl-button:hover {
    color: white;
}
.deal[deal_interest="1"] .air-datepicker-body--cells, .deal[deal_interest="1"] .air-datepicker--buttons{
    pointer-events:none
}
.wpb_row>.col.deal_manage{
    align-items:center;
    margin-bottom:20px!important;
    box-shadow: 5px 5px 5px #e4e4e4, -5px -5px 5px #ffffff;
}
.mfp-container div {
    line-height: 25px;
}
.deal input.fecha{
    padding: 5px;
    width: 125px;
    padding-left: 30px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: white;
}
.deal_fecha_wrapper {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 20px!important;
}
.deal_fecha_wrapper i{
    position: absolute;
    top: 28px;
    left: 6px;
}
.deal .detailed_info input, .detailed_info textarea {
    border: none!important;
    box-shadow: none!important;
    padding: 5px!important;
    display: inline!important;
    width: auto;
}
 .detailed_info textarea {
     width:100%;
 }
 .detailed_info .select2-container{
     width:auto!important;
     min-width: 250px;
 }
 .select2-selection--multiple ul.select2-selection__rendered{
     margin-left: 0;
 }
 .select2-selection--multiple ul.select2-selection__rendered li{
     list-style:none;
 }
 .select2-selection--multiple ul.select2-selection__rendered li input[placeholder=""]{
     display:none!important;
 }
 .edit_deal .deal, .view-installer .installer{
    border-radius: 5px;
    margin-bottom: 2%!important;
    overflow: hidden;
    background: #f5f5f5;
    box-shadow: 15px 15px 20px #e4e4e4, -15px -15px 5px #ffffff;
 }
 .reach_table {
     background:white;
 }
.upload-image-preview {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: white;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    vertical-align: middle;
    margin-bottom: 10px;
}
.upload-image-preview img {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    margin-bottom: 0px;
}
.upload-button-m{
    cursor:pointer;
    width:100%;
}
.upload-wrapper{
    display: inline-block;
}
.upload-button-m .upload-icon{
    display:inline-block;
    padding: 40px;
}
.upload-icon i {
    font-size: 50px;
    color: #bdbdbd;
    border: 4px solid #bdbdbd;
    padding: 15px;
    border-radius: 5px;
}
.upload-button-m:hover .upload-icon i{
    color: grey;
    border: 4px solid grey;
}
.deal input, .deal textarea,.deal .featured_column input.fecha{
    background:none;
}
.lictando_box{
    background: #35b4d342;
    border-radius: 2px;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    font-size: 14px;
}
.licitando_title {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 5px;
}
.licitando_fechas span {
    font-weight: 800;
    background: rgb(128 128 128 / 50%);
    border-radius: 50px;
    padding: 1px 7px;
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 18px;
}
.deal_availability_wrapper{
    z-index: 1;
    background: var(--solfy-color-blur-0);
    box-shadow: 0 2px 15px 0 var(--solfy-color-blur-0);
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 10px 10px 10px 10px;
    color: white;
    right: 0;
    position: absolute;
    padding: 10px;
    height: 100%;
    width: 160px;
}
.featured_column .deal_availability_wrapper input{
    color:white;
}
.featured_column .deal_availability_wrapper input::placeholder { 
  color: white;
}
.featured_column .deal_availability_wrapper input:-ms-input-placeholder {
  color: white;
}
.featured_column .deal_availability_wrapper input::-ms-input-placeholder  { 
  color: white;
}
.fa-calendar:before {
    content: "\f073"!important;
}
.upload-featured-image {
    background: white;
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    padding: 10px;
    color: #7c7c7c;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    cursor: pointer;
}
.small-popup {
    width: 465px;
}
.mfp-close-btn-in .mfp-close {
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
    color: #aaa!important;
    top: 15px!important;
    right: 15px!important;
}
.mfp-close-btn-in .mfp-close:before{
    content:'\f00d';
}
.featured_image_manager{
    background-size: cover!important;
    background-position: center!important;
    color: red;
    font-size: 90px;
    text-align: center;
}
.featured_image_manager .fa-eye {
    color: #81ff81;
}
.deal_error{
    color:red;
}
.error_number{
    background: red;
    display: inline-block;
    color: white;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
}
.vc_row-fluid>.row_licitador {
    align-items: center;
    margin-bottom: 20px!important;
    box-shadow: 5px 5px 5px #e4e4e4, -5px -5px 5px #fbfbfb;
    background: white;
    padding: 10px 0;
}
.row_licitador .installer_featured,.installer .installer_featured {
    max-width: 100%;
    margin: auto;
    height: 70px;
    width: 70px;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    box-shadow: 5px 5px 8px #e4e4e4, -5px -5px 8px #ffffff;
    max-height: 100%;
    max-width: 100%;
    background-color: white;
}
.row_licitador span{
    font-size: 12px;
    line-height: 14px;
}
.row_licitador .installer_id{
    line-height: 18px;
}
.small_deal {
    border-radius: 5px;
    margin-bottom: 2%!important;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 10px #e4e4e4, 0px 0px 0px #ffffff;
    display: flex;
    align-items: center;
}
 .small_deal .featured_image{
    background-size: cover!important;
    background-position: center!important;
    color: red;
    font-size: 90px;
    text-align: center;
    height: 90px;
 }
 .installer .installer_featured {     
    height: 180px;
    width: 180px;
}
.installer .installer_deals{
    border-top: 1px solid #ddd;
    margin-top: 30px!important;
}
.view-installer .installer{
    padding: 10px;
}
.user_options_menu ul{
    margin:0;
    margin-top:15px;
    border-top:1px solid #999;
    padding-top: 15px;
}
.user_options_menu li{
    list-style: none;
    text-align: center;
}
.user_options_menu li a{
    color:#fff;
    font-size:14px;
}
.user_profile_tel i{
    font-size:14px;
}
.manager-visibility-wrapper{
    align-self: normal;
    padding:0!important
}
.manager-visibility{
    width: 50px;
    height: 100%;
    color: white;
    font-size: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.manager-visibility.no-visible{
    background: red;
}
.manager-visibility.visible{
    background: green;
}
.tab-wrapper {
    display: flex;
}
.tab-wrapper .tab {
    position: relative;
    display: flex;
    margin-left: -15px;
    z-index: 0;
    clip-path: inset(-5px -5px 0px -5px);
    cursor:pointer;
}
.tab-wrapper .tab.active{
    z-index: 5;
}
.tab-wrapper .tab:first-of-type {
    margin-left: 0px;
}
.tab-wrapper .tab .tab-title {
    background: #d5d5d5;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px, inset rgb(255 255 255 / 9%) 1px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    font-weight: bold;
}
.tab-wrapper .tab:before, .tab-wrapper .tab:after {
    display: block;
    content: " ";
    position: relative;
    top: 0;
    height: 100%;
    background-color: #d5d5d5;
    transition: all 250ms ease;
    z-index: 0;
}
.tab-wrapper .tab.disabled .tab-title {
    color: grey;
    font-style: italic;
    cursor:default;
}
.tab-wrapper .tab.active .tab-title , .tab-wrapper .tab.active:before, .tab-wrapper .tab.active:after {
    background-color: #FFF;
}
.tab-wrapper .tab:before {
    width: 20px;
    border-radius: 8px 0 0 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    clip-path: inset(-5px 0px -5px -5px);
}
.tab-wrapper .tab:after {
    width: 30px;
    border-radius: 0 8px 0 0;
    transform: skew(33deg, 0deg);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    left: -16px;
    clip-path: inset(-5px -5px -5px 0px);
}
.tab-content{
        padding: 10px;
    background: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 0px 5px 5px 5px;
        display: none;
}
.tab-content.active {
    display: block;
}


/*//////////tasks css /////////////*/
.tags_column_wrapper {
    display: flex;
}
.tag_column {
    display: inline-block;
    width: 20%;
    padding: 0px 5px;
}
.tag_column_title {
    text-align: center;
    padding: 5px;
    background: #cdcdcd;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.tag_column_num {
    border-radius: 500px;
    background: black;
    color: white;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    padding: 0px 6px 0px 6px;
}
.tasks_small_project {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    margin: 5px 0px;
    background: whitesmoke;
    padding: 5px;
    border-left: 3px solid #59c6ef;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    display: block;
}
.tasks_small_project:hover{
    background: #ebebeb;
}
.tasks_project_name{
    font-size: 12px;
    font-weight: 800;
    color:#1a1a1a;
}
.tasks_pm,.tasks_pending,.tasks_outdated {
    font-size: 12px;
    font-weight: bold;
    color: white;
    display: inline-block;
    padding: 0 6px;
    border-radius: 50px;
}
.tasks_pending,.tasks_outdated{
    float:right;
    margin-left: 5px;
}
.tasks_small_popup{
    background: white;
    border-radius: 10px;
    padding: 15px;
    border-left: 10px solid blue;
}
.page-template-template-projects-tasks .mfp-content{
    max-width: 700px!important;
}
.tasks_small_popup .tasks_project_name{
    font-size: 16px;
}
.tasks_small_popup ul {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.tasks_small_popup li {
    list-style: none;
    list-style-type: none;
    
    border-bottom: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 0 5px 20px;
}
.tasks_small_popup li:first-of-type {
    border-top: 1px solid #cdcdcd;
}
.tasks_small_popup li:nth-child(2n) {
    background-color: #efefef;
}
.tasks_small_popup li::before {
    content: "\f054";  
    color: #1a1a1a; 
    font-family: FontAwesome;
    display: inline-block;
    width: 1em; 
    margin-left: -1em; 
}
.tasks_small_popup li,.tasks_small_popup li::before{
    color: #ff6500; 
}
.tasks_small_popup li.closed,.tasks_small_popup li.closed::before{
    color: green; 
}
.tasks_small_popup .tasks_pm{
    margin-left:10px;
}
.tasks_due{
    float: right;
    padding-right: 20px;
}