/*CSS for Global Search*/
/*Padding format:  top,right,bottom,left*/
/***************************************/
/**************************************/

/*** ability filter Search ***/

/* Basic Search Box */
 
.view-searchall {
    /*text-align:center;*/
}

.filterhl {
    margin-top: 10px;
}

.filterhl h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px; 
    margin-bottom: 0px;
}

.filterhl .special {
    font-size: 20px;
    font-weight: 600;
    color:#F39C12;
}

.fltrboxr .form-item {
    width: 100%;
    /*height:40px;*/
}

#myfiltr .view-searchall {
    /*text-align:center;*/
}

.view-searchall .form-text,
.fltrboxr .form-text {
   /* width:120%;
    height:40px;
    border-radius:50px;*/
}

.mblsdfltfld {
    display: inline-block;
    margin-top: -5px;
    width:100%
}

.mblsrchfltr .form-inline .form-control {
    width:100%;
}

.navbar-fixed-top .view-content,
.navbar-right .view-content,
.primarysidenav .view-content,
.gsearch .view-content,
#myfiltr .view-content,
.gsearch .view-empty,
/*.filterall .view-content,*/
.navbar-right .view-empty,
.path-frontpage .view-empty,
.path-searchall .view-content #views-bootstrap-advancedfilter-block-1,
.path-searchall #views-bootstrap-advancedfilter-default,
.path-advancedfilter #views-bootstrap-advancedfilter-default,
.path-advancedfilter .view-content #views-bootstrap-advancedfilter-block-1,
.path-advancedfilter .view-content [id^="views-bootstrap-advancedfilter-block-"],
.path-searchall .view-content [id^="views-bootstrap-advancedfilter-block-"],
.path-advancedfilter .view-content [id^="views-bootstrap-advancedfilter-default-"],
.path-searchall .view-content [id^="views-bootstrap-advancedfilter-default-"]{
    display:none;
}

/*button*/
.navbar .view-searchall #edit-actions,
.navbar .view-searchall #edit-actions--2,
.navbar .view-searchall #edit-actions--3,
.navbar .view-searchall #edit-actions--4,
.navbar .view-searchall #edit-actions--5,
.navbar .view-searchall #edit-actions--6,
.navbar .view-searchall #edit-actions--7,
.navbar .view-searchall #edit-actions--8,
.navbar .view-searchall #edit-actions--9,
.navbar .view-searchall [id^="edit-actions-"],
#myfiltr .view-searchall #edit-actions,
#myfiltr .view-searchall #edit-actions--2,
.fltrboxr .view-searchall #edit-actions,
.fltrboxr .view-searchall #edit-actions--2 {
    display:none;
}

.searchmenuheadertitle {
    font-size: 18px !important;
    text-align: center;
    font-weight: 600;
}

.searchmenuheadertitlealt {
    font-size: 18px !important;
    font-weight: 600;
}

.form-item-combine-advsrch-fld {
    display:none !important;
}

.fltrlblfld {
    font-size:16px;
}

.form-item-locationnation .select-wrapper,
.form-item-distance .select-wrapper,
.form-item-distance,
.form-item-locationnation {
    width:100%;
}

.mblsdfltfldicn {
    display: inline-block;
    position: absolute;
    font-size: 20px;
    background: #fff;
    margin-left: -30px;
    height: 34px;
    width: 30px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    /*margin-top: -5px;
    display:none;*/
}

.fltertxty {
    display: inline-block;
}

.costmin_fltr_fld {
  width: 45%;
  display: inline-block;
  
}

.form-item-mincost {
    width: 100% !important;
}

.costmax_fltr_fld {
    width: 45%;
    display: inline-block;
    margin-left: 10%;
}

.form-item-maxcost {
    width: 100% !important;
}

#myfiltr .form-actions {
    text-align:center;
    width: 100%;
}

#myfiltr .btn-info {
    /*background-color: #2f4050;*/
    border: 1px solid #2f4050;
    width: 30%;
}

#myfiltr .btn-danger {
    color: #2f4050;
    border:1px solid #2f4050;
    background:#fff;
    width: 30%;
}

#myfiltr .btn-danger .glyphicon-trash {
    display:none;
}



.sdfltfld input:focus, 
.sdfltfld input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #fff;
}


/*** ability filter Masonry tiles ***/



.filterall .views-field.views-field-nothing {
    /*width: 200px;
    height: 270px;*/
}

a.abilityentrymasonry {
    color:#000;
    text-decoration:none;
    /*width:100%;
    display:block;*/
    /*border: 1px solid #e7e7e7;*/
    border-radius: 5px;
}

a.abilityentrymasonry:hover {
    color:#000;
    text-decoration:none;
    /*width:100%;
    display:block;*/
    /*border: 1px solid #e7e7e7;*/
    border-radius: 5px;
    /*-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;*/
}

.abilityentrymasonry {
    max-width: 200px;
    height: auto;
}

.abilityentrymasonryimg {
    /*width:200px;*/
    max-width:100%;
    /*overflow: hidden;*/
    height: 250px;
    position: relative;
    background: #d7d7d7;
    border-radius:10px;
    
}


.abilityentrymasonryimg img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.abilityentrymasonryimg .glyphicon-picture {
    font-size:100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.masonrydetails {
    padding:5px;
}

.abilityentrymasonry .masonryheadline {
    font-size:14px;
    font-weight:700;
    margin-top:5px;
}

.masonrytotalreviews {
    display: inline-block;
    color: #777;
    font-size:12px;
}

.masonrystaroutput {
    display: inline-block;
}

.masonrycost {
    display: inline-block;
    font-weight: 700;
    /*font-size: 16px;*/
    margin-top: 8px;
}

.masonrycosttype {
    display: inline-block;
    /*font-weight: 700;*/
    font-size: 14px;
}

.masonryprofileimg {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    overflow:hidden;
    border-radius:50%;
    box-shadow: 5px 5px 5px #e7e7e7;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
}

.masonryprofileimg img {
    width: auto;
    height: 100%;
}

.masonrydisplayname {
    color:#777;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

.masonryviewmorelink {
    font-weight: 700; 
}

.masonryviewnowbtn {
    width: 75%;
    border: 2px solid #777;
    border-radius: 24px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}


/*** No Results ***/

.view-searchall .view-empty {
    /*text-align: center;*/
}

#myfiltr .view-empty {
    display:none;
}

.searchallNRtext h2 {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 25px;
  letter-spacing: 3px;
}

.searchallNRtext h5 {
    margin-top: -15px;
}

.searchallNRcontainer{
    /*width: 200px;
    height: 200px;*/
    position: relative;
    margin: 20px;
}

.searchallNRsearchicon {
    color: #777;
    font-size: 200px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -35px;
}

.searchallNRxicon {
    color:#F39C12;
    z-index: 9;
    margin-right: 32px;
    margin-bottom: 50px;
    font-size:90px;
}

.searchallNRsuggest {
    border: 1px solid #dedede;
    padding: 10px;
}

.gsearchcat {
    display: inline-block;
    padding: 10px;
    margin-bottom:10px;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 4px;
}

/*** Save Search ***/
.savesrchbtn {
    border-radius: 4px;
    color: #fff;
    background: #0071bc;
    padding: 10px;
    cursor: pointer;
    width: 50%;
}

.savesrchrsltsbtn {
    border-radius: 4px;
    color: #fff;
    background: #0071bc;
    padding: 10px;
    cursor: pointer;
    /*width: 50%;*/
}

.srchrsltsbtn {
    float:right;
    margin-top: 10px;
}


/*** No results ***/
.rptlist-noresults {
    text-align: center;
}





/******************************************************/
/****************MOBILE DESIGN************************/
/******************************************************/

/*******Mobile Size*********/
 @media (min-width: 992px)  {

    .path-advancedfilter .col-sm-12 .region-content,
    .path-searchall .col-sm-12 .region-content {
        margin-left: 0px;
    }
     
     /*** Advanced Search ***/
    #block-advancedsearch {
        margin-left:-50px;
    }
     
     .pull-left{
         width:87%;
     }
     
     /*.filterall .col-sm-6 {
        width:25%;
    }*/
 }
 
 @media (max-width: 991px)  {
     
    /*.filterall .col-sm-6 {
        width:50%;
    }*/
 
 }
 
 @media (max-width: 991px) {
    
    .path-advancedfilter .col-sm-9,
    .path-searchall .col-sm-9{
        width:100%;
    }
    
    /*.filterall .col-sm-6 {
        width:100%;
    }*/

    .filtertogglerdsk {
        margin-top:-20px;
    }
}


@media (min-width: 768px) {
    
    /*.path-searchall .col-sm-12 {
        margin-left:75px;
    }*/
    
    .path-searchall .bef-exposed-form .form--inline .form-item,
    .path-advancedfilter .bef-exposed-form .form--inline .form-item {
        float:none;
    }

    .path-advancedfilter .form-item-mincost,
    .path-searchall .form-item-mincost,
    .path-advancedfilter .form-item-maxcost,
    .path-searchall .form-item-maxcost {
        width: 100px;
    }

    .path-advancedfilter #edit-mincost--2.form-text.form-control,
    .path-searchall #edit-mincost--2.form-text.form-control,
    .path-advancedfilter #edit-maxcost--2.form-text.form-control,
    .path-searchall #edit-maxcost--2.form-text.form-control,
    .path-advancedfilter #edit-maxcost.form-text.form-control,
    .path-searchall #edit-maxcost.form-text.form-control,
    .path-searchall [id^="edit-maxcost-"].form-text.form-control,
    .path-searchall [id^="edit-mincost-"].form-text.form-control,
    .path-advancedfilter [id^="edit-maxcost-"].form-text.form-control,
    .path-advancedfilter [id^="edit-mincost-"].form-text.form-control{
        width: 100%;
    }

    /*.view-filters [id^="views-exposed-form-saved-products-page-"] {
        float: right;
    }*/

    /*.filtertogglerdsk {
        float: right;
        margin-right: 50px;
        font-size: 16px;
        margin-bottom: 20px;
        border: 1px solid #000;
        padding: 8px;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor:pointer;
    }*/

    #block-jbframework-filtertoggler .filtertogglerdsk {
        /*float: right;
        margin-right: 50px;*/
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border: 1px solid #000;
        /*padding: 8px;*/
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor:pointer;
        width: fit-content;
        margin-top: 1px;
    }

    #block-jbframework-filtertoggler-2 .filtertogglerdsk {
        /*float: right;
        margin-right: 150px;*/
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border: 1px solid #000;
        padding: 8px;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor:pointer;
        width: fit-content;
        margin-top: 1px;
    }
    
}
 
 @media (max-width: 767px) {
     
     .masonrydisplayname {
         margin-bottom:50px;
         text-decoration: underline;
     }
     
     .savesrchbtn {
        border-radius: 4px;
        color: #fff;
        background: #0071bc;
        padding: 10px;
        cursor: pointer;
        width: 100%;
    }
    
    .savesrchrsltsbtn {
        border-radius: 4px;
        color: #fff;
        background: #0071bc;
        padding: 10px;
        cursor: pointer;
        width: 100%;
        margin-bottom:5px;
    }
    
    .adfltrdsk {
        display:none;
    }
    
    .form-item-min,
    .form-item-max {
        width: 150px;
        display:inline-block;
        margin-top:5px;
    }

    [id^="edit-max-"].form-text.form-control,
    [id^="edit-min-"].form-text.form-control{
        width:100%;
    }
    
    
    #edit-costtype.form-select.form-control {
        width:300px;
    }
    
    [id^="edit-location-"].form-select.form-control,
    #edit-location.form-select.form-control,
    [id^="edit-distance-"].form-select.form-control,
    #edit-distance.form-select.form-control {
        /*width:300px;*/
    }
   
    .form-item-costtype {
        margin-top:5px;
    }
    
    .form-item-location {
        margin-top:5px;
    }
    
    /*.filtertogglerdsk {
        display:none;
        cursor:pointer;
    }*/
    
    
    #edit-actions,
    [id^="#edit-actions-"] {
        margin-top:5px;
    }

    .abilityentrymasonryimg {
        width: auto;
        /*overflow: hidden;*/
        max-height: 200px;
        position: relative;
      }

    #block-jbframework-filtertoggler .filtertogglerdsk {
        /*float: right;
        margin-right: 50px;*/
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border: 1px solid #000;
        /*padding: 8px;*/
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor:pointer;
        width: fit-content;
        margin-top: 1px;
    }

    #block-jbframework-filtertoggler-2 .filtertogglerdsk {
        /*float: right;
        margin-right: 150px;*/
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border: 1px solid #000;
        padding: 8px;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor:pointer;
        width: fit-content;
        margin-top: 1px;
    }   
    
    /*** Special User Profile Link Menu ***/
      

    
 }
    


@media (min-width: 501px) { 
  
    .mblsavesrchrsltsbtn {
        display:none;
    }
    
}

@media (max-width: 500px) {
   
    
    .savesrchrsltsbtn {
        display:none;
    }
    
    .mblsavesrchrsltsbtn {
        border-radius: 4px;
        color: #fff;
        background: #0071bc;
        padding: 8px;
        cursor: pointer;
        margin-bottom:5px;
        font-size: 10px;
    }

}