/* Minification failed. Returning unminified contents.
(12,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color500'
(18,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color400'
(82,65): run-time error CSS1034: Expected closing parenthesis, found '='
(82,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color500'
(207,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color200'
(266,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color200'
(290,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color200'
(295,1): run-time error CSS1019: Unexpected token, found '}'
(429,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-color200'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color600'
(524,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color500'
(536,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color200'
(554,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color600'
(594,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-shadow1'
(594,67): run-time error CSS1039: Token not allowed after unary operator: '-primary-shadow2'
(597,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-shadow1h'
(597,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-shadow2h'
(798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(822,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color200'
(823,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color500'
(832,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color500'
(833,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color500'
(839,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color600'
(840,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color600'
(854,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color600'
(855,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color600'
 */
html
{
    min-height:100%  ;  
}
body {
    background: #F6F7FC;
    font-family: "Nunito", Arial, Helvetica, sans-serif
}

a
{
    color:var(--primary-color500);    
}

a:hover, 
a:focus
{
    color:var(--primary-color400);
}

td.empty-row{
    padding: 40px 0 !important;
    text-align: center;
}

label.empty-row {
    width: 100%;
    text-align: center;
    line-height: 250px;
    font-weight: 400;
}

label.error {
    color: #A94442;
    font-size: 11px;
    font-weight: 400;
    margin: 0 0 0 2px;
    padding: 0 !important;
}

.align-center {
    text-align:center;
}


.custom-tab-content {
    border: solid 1px #ddd;
    overflow: hidden;
    border-top: 0;
    min-height:250px;
    padding: 30px;
}

.custom-navbar-brand
{
    color:#fff !important;
    text-transform:uppercase;    
}


.width-auto{ width:auto !important; }
.padding-none{padding:0 !important;}
.begin-hidden{display:none;}
.padding-left-none{padding-left:0 !important;}
.padding-right-none{padding-right:0 !important;}

/*************** LOADING STYLE *************************/

.loading-wrapper{
    position: fixed;
    text-align: center;
    /*height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;*/
    z-index: 9999999;
    background-color: #999;
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
    display:none;    
}

.loading-wrapper > span{
    position: fixed;
    padding: 10px 30px;
    background-color: #FFFFFF;
    font-size: 11px;
    left: 50%;
    margin-left:-110px;
    top: 40%;
    border: 1px solid #64b243;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    color:#62107F;
}

.loading-wrapper > span > label{
    width: 100%;
    float: left;
    padding-top:10px; 
    font-size:14px;   
}
 /*************** END LOADING STYLE *************************/   
   
.info-market-wrapper{}

.info-market-wrapper p
{
    margin:0 0 2px 0;    
}




.searchclear
{
    position:absolute;
    right:15px;;
    z-index:999;
    top:10px;
    color:#ccc;
    cursor:pointer;
    display:none;
}

label.current-radius-title
{
    color: var(--gray-color500);
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 12px;
}

label.current-radius-value
{
    font-weight: 400;
    color: #707170;
    margin-bottom: 0;
    font-size: 12px;
}

.pac-container
{
    z-index:99999;    
}

.msg-row {
    padding: 0 10px;
    text-align:center;
    top: 60px;
    z-index: 9;
    left: 50%;
    position: absolute;
}

.msg-row .alert
{
    position:relative;
    left:-50%;    
}
.msg-row .alert-content
{
    /*padding : 0 50px;*/
}


.info-box img
{
    z-index:9999;  
}

.info-box img.list-image,
.info-box img.rating-image {
    max-width: 100%;
    height: 24px;
    width: auto;
}

.default-info-box {
    width: 300px;
}

.info-box .popover
{
    max-width:100%; 
    font-size:11px;
}

.info-box .popover-title{
    padding-right: 25px;
}

#list_wrapper_toogle {
    position: fixed;
    z-index: 1;
    background: white;
    border: 1px solid var(--primary-color200);
    left: 31%;
    height: 48px;
    width: 48px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-wrapper.panelclose
{
    display:none !important;
}

#list_wrapper_toogle.panelclose
{
    left:0;    
}
#list_wrapper_toogle .icon-bar
{
    background-color: #FFF;       
}

.map-wrapper.panelclose
{
    left:0 ;
}

.search-result-info-container{
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    .list-wrapper {
        right:0 !important;
        width:auto !important;
    }
    
    .well-client-list
    {
        max-height:calc(100% - 212px) !important;    
    }
  
    .map-wrapper
    {
        left:0 !important; 
    }
}

@media (min-width: 768px){
    #list_wrapper_toogle .navbar-toggle {
        display: block !important;
    }
}


/************************** HEADER ********************************/
.header-wrapper {
    background: #FFF;
    border-bottom: 1px solid var(--primary-color200);
    z-index: 999;
    position: relative;
}

.header-wrapper .navbar{
    background:#FFF;
    border:0;  
    margin-bottom:0;  
    min-height: inherit;    
}

    .header-wrapper .navbar-collapse {
        z-index: 9;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background: rgb(255, 255, 255);
    }

#brand-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-color200);
}
#brand-bar > * {
   padding: 12px 16px;
}
}
#brand-bar.collapse {
    height: 0 !important;
}
#brand-bar.collapse.in {
    height: auto !important;
}

.back-to-site a {
    display: flex;
    text-align: right;
    text-transform: uppercase;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 13px;
}

.back-to-site a  img{
}

.menu-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-image {
    width: auto;
    max-width: 60%;
    max-height: 76px;
    height: 100%;
}

.change-location-wrapper
{
    z-index:999;    
}

.change-location-wrapper input
{
    padding-right:30px;    
}

#change_type_ul li {
    padding:5px 15px;
    cursor:pointer;
}


#change_type_ul li:hover {
    background-color:#f5f5f5; 
    color:#262626;
}

#change_type_ul li.bg-success:hover {
    background-color:#dff0d8; 
}

#site_autocomplete_wrapper .twitter-typeahead {
    display:block !important;
}

#site_autocomplete_wrapper .tt-menu {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 0px 0px 1px green;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-height: 350px;
    overflow-y: auto;
}

.tt-spinner {
    position: absolute;
    top: 16px;
    right: 15px;
    z-index: 999;
}

#site_autocomplete_wrapper{
    position: relative;
}

#site_autocomplete_wrapper .client {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
}

#site_autocomplete_wrapper .client-wrapper:hover, #site_autocomplete_wrapper .client-wrapper.active {
    cursor: pointer;
    background: #C6D3B3;
}

#header_collapse {
     overflow:visible !important; 
}

#site_autocomplete_wrapper .empty-message{
    padding: 8px 10px;
    color: #333;
    font-style: italic;
}

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

.autocomplete-search-type-label {
    font-size: 16px; 
    vertical-align: middle; 
    margin-bottom: 0; 
    padding: 0 5px; 
    color: #62107F; 
    text-transform: capitalize;
}

i.toggle-logo {
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    justify-content: center;
    border: solid 1px var(--gray-color200);
    position: absolute;
    height: 32px;
    align-items: center;
    display: flex;
    border-radius: 20px;
    width: 32px;

    z-index: 10;
    background: #fff;
}
i.toggle-logo.collapsed {
    transform: rotateZ(180deg) translate(50%, 50%);
}

i.xs-toggle-logo {
    position: absolute;
    right: 49%;
    cursor: pointer;
    padding: 2px;
    z-index: 10;
    background: #fff;
    top: -10px;
}
.navbar-collapse {
    padding:0;
}
.search-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: row wrap;
    padding: 16px;
    gap: 24px;
    padding-right: 80px;
}
.search-bar > * {
    font-size: 16px; 
}
.search-by {
    flex-grow: 0;
}
.search-by .autocomplete_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
.search-by .autocomplete_wrapper > * {
    width: fit-content;
}
.search-by .radio-inline {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.search-by .radio-inline input {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 0;
    margin-bottom: 2px;
}
.search-input {
    flex-grow: 1;
    max-width: 600px;
}
.search-input #location_autocomplete_wrapper {
    width: 100%;
}
.search-input input {
    height: 48px;
    font-size: 16px;
    color: var(--gray-color600);
    border-radius: 24px !important;
    width: 100%;
    padding-left: 40px;
}

.search-input input.search-site-input {
    padding-left: 25px;
}

.search-input button#use_current_location_btn {
    font-size: 16px;
    height: 48px;
    width: 40px;
    border-radius: 24px 0 0 24px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: transparent;
    border: none;
    color: var(--primary-color500);
    padding: 0;
}
.search-input button#use_current_location_btn:focus {
    outline: none;
    border: none;
}
.search-input .searchclear {
    position: absolute;
    right: 12px;
    z-index: 999;
    top: 50%;
    color: var(--gray-color200);
    cursor: pointer;
    display: none;
    transform: translate(-50%, -50%);
}

.radius-info {
    flex-grow: 1;
}

.radius-info .within-wrapper {
    display: flex;
    align-items: center;
}

.radius-info input {
    max-width: 100px;
    height: 48px;
    color: var(--gray-color600);
    border-radius: 24px !important;
    text-align: center;
    margin: 0 5px;
}

/************************** END HEADER ********************************/
/*************************** HOME PAGE ********************************/
.list-wrapper {
    height: calc(100vh - 100px);
    background: #F6F7FC;
    position: fixed;
    left: 0;
    top: 165px;
    padding: 0 10px;
    color: #000;
    /*width:350px;*/
    width: 37%;
    display: block !important;
}

@media (min-width: 768px){
    .list-wrapper{
        max-width:440px;
    }
}

.filters{
    /*margin-top: 10px;*/    
    padding:10px;
}

.client {
    border-radius: 8px;
    padding-top: 24px;
    margin-bottom: 10px;
    padding-bottom: 24px;
    background-color: #fff;
}
    .client:hover {
        box-shadow: var(--primary-shadow1) 0px 6px 24px 0px, var(--primary-shadow2) 0px 0px 0px 1px;
    }
.client-wrapper.active .client {
    box-shadow: var(--primary-shadow1h) 0px 6px 24px 0px, var(--primary-shadow2h) 0px 0px 0px 1px;
}

.well-client-list
{
    padding: 0 0 15px;
    height: 100%;
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.client-list-wrapper {
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 15px;
}

.client-wrapper:hover,
.client-wrapper.active {
    cursor: pointer;
}


.client-list-wrapper h4
{
    margin-top: 0;
    font-size: 14px;
    font-weight: 700;  
}

.client-wrapper p
{
    margin-bottom:2px; 
    font-size:12px;   
}
.type-icon {
    border-radius: 8px;
}
.client-wrapper img.list-image
{
    max-width: 100%;
    height: 24px;
    width: auto;
}
.site-labels {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}
.rating {
    
}
.map-icon {
    padding: 4px;
    background-color: blue;
}

img.rating-image {
    max-width: 100%;
    height: 24px;
    width: auto;
}

.state-icon {
    float: right;
    margin-top: 5px;
    width: 17px;
}

.checked-list-box .list-group-item
{
  padding:10px;  
}

a.label
{
    color: #333;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;    
}

a.label:focus,
a.label:hover
{
    color:#333;
}

/****** MAP ******/

.map-wrapper {
    position: fixed;
    height: 100%;
    top: 165px;
    bottom: 0;
    left: 37%;
    right: 0;
    background: #F6F7FC;
    display: block !important;
}

.map-wrapper .search-result-alert {
    right: 60px;
    top: 10px;
    position: absolute;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .map-wrapper
    { 
        left:440px;
    }
    #list_wrapper_toogle {
        left:390px;
    }

    /*.autocomplete_wrapper {
        max-width:600px;
    }*/
}

.map
{
    height: 100%;
}

.not-result{
      position: absolute;
      top: 50%;
      text-align: center;
      width: 100%;
      text-decoration: underline;    
}

/************** END MAP *******************/

.pagination-wrapper
{
    padding:60px 0;    
    text-align:center;
}

@media (min-height: 768px) {
   .well-client-list
    { 
        height:100%;
    }   
}


/*************************** END HOME PAGE ********************************/
@media (max-width: 990.98px) {
    .search-bar {
        gap: 8px 16px;
        padding-right: 80px;
    }
    .search-by {
        width: 100%;
    }
    .back-to-site {
        font-size: 12px;
    }
}
@media (max-width: 767.98px) {

    .back-to-site {
        font-size: 12px;
    }
    .search-bar {
        padding-right: 16px;
    }
    .search-input {
       
        width: 100%;
    }
    .radius-info {
        position: fixed;
        z-index: 99;
        bottom: 0;
        background: white;
        padding: 4px 8px;
    }
}
.map-switcher {
    padding: 0 16px 16px;
}
.map-switcher .btn-group {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.map-switcher .btn-group > * {
    flex-grow: 1;
    padding: 0 16px;
 }
/*************** BTN *******************/
:root {
    --primary-color100: #d270f5;
    --primary-color200: #a10fd7; /* Miami color: #630984*/
    --primary-color400: #630984; /* Link:Hover */
    --primary-color500: #5a0877; /* Primary Brand Color*/
    --primary-color600: #48075f;
    /******/
    --primary-shadow1: rgba(72, 7, 95, 0.05); /* #48075f */
    --primary-shadow2: rgba(72, 7, 95, 0.08); /* #48075f */
    --primary-shadow1h: rgba(72, 7, 95, 0.1); /* #48075f */
    --primary-shadow2h: rgba(72, 7, 95, 0.16); /*#48075f  */
    /******/
    --secondary-color100: #D0FAE9;
    --secondary-color200: #6FE2CA;
    --secondary-color500: #19A09C; /* Secondary Brand Color*/
    --secondary-color600: #0bada1;
    /******/
    --gray-color100: #F2F1F2;
    --gray-color200: #D8D7D8;
    --gray-color500: #4C454D;
    --gray-color600: #19171A;
}

.btn-outline {
    background-color: transparent;
    border-color: var(--primary-color200);
    color: var(--gray-color500);
    border-radius: 36px;
    height: 48px;
    font-size: 16px;
    padding: 0 32px;
    line-height: 48px;
}

.btn-custom {
    background-color: var(--primary-color500);
    border-color: var(--primary-color500);
    color: #fff;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.active {
    background-color: var(--primary-color600);
    border-color: var(--primary-color600);
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
    background-color: var(--primary-color600);
    border-color: var(--primary-color600);
    color: #fff;
}


.btn-oldstyle {
  background-color: #62107F;
  border-color: #62107F;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #63b342;
  background-image: -moz-linear-gradient(top,#62107F,#480D60);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#62107F),to(#480D60));
  background-image: -webkit-linear-gradient(top,#62107F,#480D60);
  background-image: -o-linear-gradient(top,#62107F,#480D60);
  background-image: linear-gradient(to bottom,#62107F,#480D60);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6cc049', endColorstr='#ff559e37', GradientType=0);
  border-color: #480D60 #480D60 #376623;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-oldstyle:hover,
.btn-oldstyle:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
    .btn-oldstyle:hover,
    .btn-oldstyle:focus {
        background-color: #480D60;
    }
    .btn-oldstyle:active,
    .btn-oldstyle.active,
    .btn-oldstyle.active:hover {
        background-color: #480D60;
        border-color: #480D60;
    }
    .btn-oldstyle.disabled:hover,
    .btn-oldstyle.disabled:focus,
    .btn-oldstyle.disabled:active,
    .btn-oldstyle.disabled.active,
    .btn-oldstyle[disabled] .btn-oldstyle:hover,
    .btn-oldstyle[disabled] .btn-oldstyle:focus,
    .btn-oldstyle[disabled] .btn-oldstyle:active,
    .btn-oldstyle[disabled] .btn-oldstyle.active {
        background-color: #480D60;
        border-color: #480D60;
    }
/*************** END BTN *******************/

/************ MODAL ************************/
.modal-footer{
      background-color: #F5F5F5;
      border-radius: 0 0 6px 6px;
      border-top: 1px solid #DDDDDD;
      box-shadow: 0 1px 0 #FFFFFF inset;    
}

.modal-header  {
   padding: 10px 15px;
   border-bottom: 1px solid #DDD;
  background: gree;
  background-color: #F5F5F5;
  border-radius: 6px 6px 0 0;
}

.modal-header .close {
    margin-top: 2px;
    color:#62107F;
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header .close:hover, .modal-header .close:focus {
    color:#62107F;
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-header .header-title {
  margin:0;
}

/**************** END MODAl **********************/

/***************  custom-navbar ********************************/
.navbar-custom {
    background-color: #FFF;
}

.navbar-custom .navbar-brand {
    height: auto;
}

.navbar-custom .navbar-brand img {
    height: 48px
}

    

.navbar-custom .navbar-toggle .icon-bar {
    
}

.navbar-custom .navbar-toggle
{
    background-color: #62107F;
    border-color: #62107F;
}

    .navbar-custom .navbar-toggle:hover,
    .navbar-custom .navbar-toggle:focus,
    .navbar-custom .navbar-toggle.active {
        background-color: #480D60;
        border-color: #480D60;
    }

/*************************************************/

@media (min-width: 768px) {
    .no-margin-sm {
        margin: 0; /* Set margin to 0 for large screens */
    }
}