/*.basic-search, .advanced-search {
    border: 2px solid #ccc;
}
 .basic-search h6{
    padding: 20px;
     background: #000;
     color: #fff;
}
*/
.search-form{
    padding:20px
}
/*
 .search-form-container a{
    background: #ada989 ;
     color:#fff !important;
    display: inline-block;
     padding: 10px;
     text-align: center;
     margin: 10px 0;
     width:100%;
}

 .row.search-content{
    margin-top:20px
}
*/
/*
 .advanced-search{
    padding:0 !important;
}
 .advanced-search h6{
    background:#000;
     color:#fff !important;
     padding: 20px;
     margin-bottom:0
}
*/


.form-control {
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}







.search-form-container input[type="text"],
#radiusSelect,
.search-form-container select{
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    width:100% !important;
    border-bottom: 1px solid #c9c9c9 !important;
    color:#000;
    background:transparent !important
}
.search-form-container label{
    text-transform: uppercase;
    font-size:12px;
    color:#c9c9c9;
}
.search-form-container p,#search-box-availability p {
    margin: 0 !important;
}
.search-form-container form label{
    color:#000;
    text-transform: none;
}
.float-left.columns {
    width: 50%;
}
.buttons a {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0 0 0 10px;
}
.buttons #clear-search {
    width: 48%;
    background: none;
    border: 1px solid #ccc;
    float: left;
    height:45px;
    display: inline-block;
    color:#000
}

/*
 .search-form-container li{
    list-style-type:none;
}

 .offers-days ul{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
 .offers-days li {
     display: inline-block;
}
*/
/*
 .buttons{
    width:100%;
     margin-top:45px;
     position: relative;
     bottom: -15px;
}
 .buttons.float-left a{
    background: #ada989
}
*/

/* .advanced-search-box-overlay .background-green {
    backgound:#000
}
*/
/*
 .box.search-form-container.background-black{
     background:none !important
    /*background:#000 !important;
     color:#fff !important;
     position:absolute;

}
*/
.background-white-transparent-50 {
    background-color: rgba(255,255,255,0.8) !important ;
}
/*
 .background-black select.search-dropdown-a{
    /*color:#fff !important;
    background: #000 !important;
}
*/
/*
 .box-320px-white-b{
    width:350px !important;
     border:2px solid #ccc;
}
*/
#map_sidebar_results{
    margin:0;
    width:100%;
    overflow: auto;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: scroll; /* Add vertical scrollbar */
}
/*
 .box-320px-white-c,.box-320px-white-b{
    width:100%;
    background: none !important
}

 box-660px-white-a box box-white{
    margin-left:15px !important
}
 .box-1110px-white-b,.box-1110px-white-c,.box-1110px-white-a{
    width:1125px !important
}
*/
#map_canvas{
    margin: 0px !important;
    height:585px !important
}
/*
 .heading a.background-green{
    background-color:#ada989 !important
}
*/
/*
 .map-canvas img.tooltip,#map_sidebar_results img.tooltip {
    position:unset
}
*/
/*
 .heading h2{
    font-size:20px !important;
    font-weight:bold
}
*/
/*
 .advanced-search .background-gray-medium {
     background-color: transparent !important;
}
*/
/*
 .offers-days {*/
/*width:75%*/
/*margin-left: 15px
}
.offers-days label{
color:#000 !important
}
*/
/*
#search-box-basic .line, #search-box-availability .line{
    width:100% !important
}
*/
/*
#button-toggle-description .button-icon {
     padding-right: 5px;
}
*/
/*
 .buttons #clear-search{
    position:relative;
     z-index: 999
}
*/
/*
 .box-rounded#search-box-availability,#advanced-search-box-overlay.box-rounded{
    border-radius:0 !important;
}
*/
/*check box design */
.ck-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.ck-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-radius:25px;
    border:1px solid #ccc
}
/* On mouse-over, add a grey background color */
.ck-container:hover input ~ .checkmark {
    background-color: transparent;
}
/* When the checkbox is checked, add a blue background */
.ck-container input:checked ~ .checkmark {
    background-color: transparent;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.ck-container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.ck-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: 1px solid #000;
    border-width: 0 3px 3px 0;
    border-radius:25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}








/* restaurant search detail page */
/*
 [type=submit].direction{
     background: #aea98a !important;
     border: none !important;
     margin-top: 5px;
     color:#fff !important;
}
 .text-light.p-3{
     margin: 0 0 0 5px !important;
    font-size:14px;
     font-weight: normal;
}
 .ui-widget-header{
     background:#000 !important;
     color:#fff !important;
     border:none !important;
     margin:0 !important;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
     background:transparent !important;
     color:#fff !important;
}
 li.ui-state-default.ui-corner-top a {
     color: #fff !important;
}
 li.ui-state-default.ui-corner-top{
    border:none !important;
    display: inline-block;
    padding: 5px 20px;
}
 a#button-toggle-description {
     margin-top: 10px;
     width:100%;
     margin-left: 10px;
     border-radius: 0;
}
 .ui-state-active a{
    font-weight: bold !important
}
 .thumb-320px {
     float: left;
     position: relative;
     width: 320px;
     margin: 0 20px 20px 0;
     padding: 0;
     text-decoration: none;
}
 .thumb-square-150px {
     float: left;
     position: relative;
     width: 150px;
     height: 150px;
     margin: 0 20px 20px 0;
     padding: 0;
     text-decoration: none;
}
 .thumb-320px img {
     float: left;
     width: 320px;
     padding: 0;
     margin: 0;
}
 .check-availability{
     color:#fff;
     font-weight:bold;
     margin: 10px 20px !important;
     font-size: 14px;
}
 h6.note-heading{
     text-align: left !important;
     padding-left: 20px !important;
     padding-top: 8px;
     font-weight:bold;
}
 div#restaurant-location-box {
     background: #fff;
}
 .padding-top-5px {
     padding-top: 5px!important;
}
 .width-220 {
     width: 220px;
}
 .hr-line{
     margin-right: 44px;
}
 .icon-availability {
     float: left;
     width: 33px;
     margin: 0px;
}
 .tooltip{
     opacity: inherit !important;
     position:inherit !important;
}
 .search-container a:not(.nav-item):not(.nav-link):not(.internal) {
     color: #262626;
     text-decoration: none;
}
 .btn-outline-primary {
     border-color: #212529 !important;
}
 .btn-outline-primary:hover{
     background: transparent !important;
     border-color: #212529 !important;
}
 #main-content-bottom #reviews-00 {
     display: inline;
     float: right;
     width: 660px;
     margin: 0;
     padding: 0;
}
 #reviews-00 .login-btn{
     background-color: #aea98a !important;
     border-color: #aea98a !important;
     width: 120px;
     color: #fff;
     border-radius: initial;
     margin-top:20px !important
}
#restaurant-info{
    width:380px !important
}
*/
/*
div#basic-info-00 p {
     font-size: 13px;
     width:280px !important;
}

#descriptions p {
    font-size:13px !important;
     margin-left:10px !important
}

.right-pannel .text-size-small{
    font-size:13px !important
}

#main-content-bottom.map-review{
    width:1030px !important
}

ul.text-size-small li {
    font-weight: normal;
}

div#descriptions p strong {
     font-weight: normal;
}

.right-pannel.card,#restaurant-info #basic-info-00{
    border-radius: 0;
    box-shadow: 0px 0px 9px -1.95px #ccc
}

*/


.overlay-disabled {
    position:absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height:100%;
    z-index: 99;
}





.gm-style-iw-d {
    max-height: 500px !important;
    overflow: hidden !important;
}

.gm-style-iw {
    max-height: 500px !important;
    padding-right:12px !important;
    padding-bottom:12px !important;
}

.gm-style-iw{

    font-family: 'Work Sans', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;

}


#top-col-1,
#top-col-3 {

}
#top-col-1-inner-container,
#top-col-3-inner-container {

}

#top-col-2-inner-container {
    overflow:hidden;
}

.restaurant-info-bottom-gradient {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 100px;
    background-image:url('../../../images/restaurant_info_bottom_gradient.png');
    background-repeat: repeat-x;
    background-size: 100% 100%;
    z-index:100;
}

.ui-tabs-panel {
    padding:0px !important;
}

ul.tabs {
    list-style:initial !important;
}

ul.tabs li {
    float:none !important;
    display: block !important;
    font-family: 'Work Sans', sans-serif !important;
}

ul.tabs li a {

}

#button_get_directions {
    font-family: 'Work Sans', sans-serif !important;
    font-size:1rem !important;
}

.offer-icons { background-color: #cbcbcb;}
.offer-icons img { height: 35px;width: 35px;}
.offer-icons .col-6 {margin: 5px 0;}
.offer-icons span {
    position: relative;
    left: 10px;
    font-size: 13px;
    display: block;
    max-width: 130px;
}

.restaurant-info .restaurant-logo { max-height: 35px;}

.restaurant-info, .restaurant-images { height: 500px; overflow: auto}

.restaurant-images img {height: 500px;}

.restaurant-map {position: relative;}

#sidebar {
    position: absolute;
    left: 0px;
    top: 24px;
    width: auto;
    min-height: 500px;
}

#sidebar-full {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 22%;
    min-height: 500px;
}

.location-container .underscore-partial {
    font-weight: 600;
    width: 50%;
    height: 4px;
    background-color:#ffffff;
    margin-bottom: 5px;
    /*    margin-left: 100px;*/
}

/**
 * CAROUSEL
 */
.restaurant-images .jcarousel {
    width: 100%;
    height: auto;
    /*  max-height: 520px;
        position: absolute; */
    overflow: hidden;
}
.restaurant-images .jcarousel li {
    margin-bottom: 0;
}
.restaurant-images .jcarousel .jcarousel-control-prev,
.restaurant-images .jcarousel .jcarousel-control-next {
    top: 50%;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 2px;
    left: 50%;

    margin: 0;
    margin-left: -22px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 10px;

    background: #000;
    color: #000;
    border-radius: 0;
    text-indent: -9999px;

    margin-right: 10px;

    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #C51F75;
    color: #C51F75;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

#carouselReviews a {opacity: 1;}

/* Card related css start */

.near-restaurants p.img-tag-text{
    background: #000000;
    padding: 1px 15px 1px 10px;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 0;
}

.near-restaurants .roff {font-weight: 600}

.near-restaurants span.rdays{
    color: #cacaca;
    text-transform: uppercase;
    float: right;
}

.near-restaurants .cards
{
    display: flex;
    flex-wrap: wrap;
}

.near-restaurants .card {
    flex: 0 1 calc(25% - 1em);
    /*margin: 1rem .25em;*/
    margin: 1rem 0.5rem;
    /*    display: none;*/
}


.card img.resturant-img{height: 130px;}

.near-restaurants .card-body h6 {text-align: center;}
/* Card related css ends */
.welcome-step{display: flex;}
.mobile-welcome-setup{display: none;}

.resturant-icons {text-align: center;margin-bottom: 0.5rem;}
.resturant-icons li {display: inline;margin-right: 4%;}
.card-footer{padding:.75rem 1.25rem .4rem 1.25rem;}

.resturant-icons li img {width:35px;height:34px;}

.address{
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
    color: #a0a0a0;
}

.more-info{
    text-decoration: underline;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
}

/******************************* Mobile css starts *****************************/

@media screen and (max-width: 768px) {

    .near-restaurants .card {
        flex: 0 1 calc(50% - 1em);
        margin: 1rem .5em;
    }
    .card img.resturant-img{height: 100px;}
    .underscore-partial {width: 60% !important}
    .offer-icons span { font-size: 8px }
    .restaurant-images img {height: auto;}
    .restaurant-info, .restaurant-images {height: auto;}
}	

@media only screen and (min-width : 375px) and (max-width : 667px) {
    .card-footer {padding: .75rem .25rem .4rem .25rem;}
    .near-restaurants span.rdays{float: left;}
    #sidebar-full {width: 50%;}
}

@media only screen and (min-width : 320px) and (max-width : 568px) {
    .resturant-icons {padding-left: 0px;}
    .resturant-icons li {margin-right: 0;}
    .card-footer {padding: .75rem .25rem .4rem .25rem;}
    .near-restaurants span.rdays{float: left;}
    .location-container {width: 52% !important}
}

@media only screen and (min-width : 414px) and (max-width : 736px) {
    .near-restaurants span.rdays{float: right;}
    .card-body{padding: 1.25rem 0.25rem;}
}
/* Ipad pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
    .location-container {width: 30% !important}
    .underscore-partial {width: 85% !important; margin-top: 10px !important}
    .offer-icons span {max-width: 90px}
}
/* Ipad */
@media only screen and (min-width: 768px) and (max-height: 1024px)
and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
    .location-container {width: 35% !important} 
}
/* Mobile css ends */