/*Add your business*/
div.dropdown-menu.open{
    max-height: 314px !important;
    overflow: hidden;
}
ul.dropdown-menu.inner{
    max-height: 260px !important;
    overflow-y: auto;
}
.register-main { width:60%; background: #ffffff; position:absolute; bottom:3%; left:6%; z-index:1000; }
.register-content { padding:2%; }
.register-content label { font-size: 20px; font-weight: normal; }
.register-full { background: #f7f7ff; padding:2% 2% 3%; }
.register-inputs { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 
                   -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.register-textbox { height: 40px; width: 35%; padding:0; font-size: 16px; border: 0; margin-right: 2%; }
.txtEmail { font-size: 16px; border: 0; height: 40px; width: 100%; padding: 10px 5%; }
.register-select { height: 40px; width: 38%; padding:0; font-size: 16px; border: 0; margin-right: 2%; }
.bootstrap-select .dropdown-toggle { font-size: 16px !important; border: none !important; border-radius: 0px !important; }
.site-button { background-color: #ff3c3c !important; border: none !important; /*border-radius: 0px !important;*/ }
.site-button:hover { background-color: #e80707 !important; border: none !important; /*border-radius: 0px !important;*/ }
.bootstrap-select .dropdown-toggle:hover { border:none !important; }
.reqMsg { color: red; font-size: 11px; float: left; padding: 5px 0; }

.extra-nav a .fa.fa-user { line-height: 60px; }
.extra-nav .fa::before { line-height: 60px; }
.extra-nav .extra-cell .login-popup { display: none; width: 200px; margin: 5px 0 0; position: absolute; right: 0px; 
                                      background-color: #ffffff; border-radius: 3px; padding: 10px; }
.extra-nav .extra-cell .site-button:hover + .login-popup { display: block; }
.extra-nav .extra-cell .login-popup label { width: 100%; font-size: 12px; font-weight: normal; margin: 0; }
.extra-nav .extra-cell .login-popup label.gap { padding:0 0 10px; }
.extra-nav .extra-cell .login-popup::before, 
.extra-nav .extra-cell .login-popup::after {
    border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.extra-nav .extra-cell .login-popup::before {
    border: 5px solid;
    right: 25px;
    top: -10px;
    border-color: transparent transparent #fff transparent;
}
.extra-nav .extra-cell .login-popup::after {
    border: 5px solid;
    right: 25px;
    top: -10px;
    border-color: transparent transparent #fff transparent;
}
   
.extra-nav .login-popup a { line-height: normal; margin: 0; font-size: 14px; }

@media only screen and (min-width: 651px) and (max-width: 850px)
{
    .register-main { width: 90%; left: 5%; }
}
    
@media only screen and (min-width: 280px) and (max-width: 650px)
{
    .register-main { width: 90%; left: 5%; }
    .register-textbox,
    .register-select { width: 100%; margin-bottom: 5%; margin-right: 0px; }
    .input-group-prepend,
    .site-button.text-uppercase { width: 100%; }
    .reqMsg { float: none; }
}        
/*Add your business*/

.sticky-header .logo-header a, 
.sticky-header .logo-header span,
.sticky-header.is-fixed .logo-header a,
.sticky-header.is-fixed .logo-header span,
.site-footer .footer-top .logo-footer a,
.site-footer .footer-top .logo-footer span { font-family: Open Sans; font-size:50px; font-weight:200; letter-spacing: 4px; 
                                             color: #616572; }
.sticky-header .logo-header a,
.sticky-header.is-fixed .logo-header a,
.site-footer .footer-top .logo-footer a { color: #616572; }
.sticky-header .logo-header span,
.sticky-header.is-fixed .logo-header span,
.site-footer .footer-top .logo-footer span { color: var(--logo-color); }

.sticky-header .logo-header a:hover,
.sticky-header.is-fixed .logo-header a:hover,
.site-footer .footer-top .logo-footer a:hover { color: var(--logo-color); }
.sticky-header .logo-header a:hover span,
.sticky-header.is-fixed .logo-header a:hover span,
.site-footer .footer-top .logo-footer a:hover span { color: #616572; }



.reqMsg { color: red; font-size: 11px; float: left; padding: 0; }

.view-in-browser { float: right; font-size: 12px; color: #000000; }

.bootstrap-select { width: 100% !important; }

.register-select { position: relative; }
select { font-family: Rubik, Verdana; width: 100%; padding: 0 5%; border: none; border-radius: 0px; display: inline-block; 
         -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; color: #999999; }
.register-select select { height: 100%; }
.register-select::before,
.select::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; position: absolute; right: 5%; top: 10px; pointer-events: none; }

.input-group.select { border: 1px solid #f4f4f9; background: none; }
.input-group.select select { background: none; padding: 10px; }
.select::before { top: 15px; }

.form-control.aspNetDisabled { color: #999; }
h2 a.logo { font-weight: 200; }
h2 a.logo:hover { color: #000000; }
h2 a.logo:hover span { color: var(--logo-color); }

.form-control.postcode { text-transform: uppercase; }

.listing-bx.listing-half .listing-media { min-width: 200px; max-width: 200px; }
#ContentPlaceHolder1_UpdatePanel1 .listing-bx.listing-half .listing-media { min-width: 216px; max-width: 216px; }
.listing-bx.listing-half .listing-info { padding: 10px 20px;  /*For 1st Phasemin-width: 100%; max-width: 100%;*/ /*For 1st Phase*/ }

.place-info { padding-top: 10px; }
.place-info li.none { display: none; }
.place-info li.open.last,
.place-info li.close.last,
.place-info li:last-child { margin-right: 0px; opacity: 1; float: none; }
.place-info li.close { opacity: 1; float: none; }
.place-info.last { border-top: none; padding-top: 0px; }
.place-info li.phone { cursor: pointer; }

textarea { resize: none; }

.custom-file-label { color: #999; border: none; background-color: #f6f5ff; width: 40%; font-weight: normal; border-radius: 0px; 
                     overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-file-label::after { content: "\f0d7"; border: none; background: none; font: normal normal normal 14px/1 FontAwesome; 
                            border-radius: 0px; padding: .75rem; }
.row.gray { background-color: #f6f5ff; margin: 0; }
.row.gray label { font-weight: normal; margin: 0; }
.row.gray .last .form-group { display: inline-block; }
.row.gray .align-self-center { text-align: center; }
#txtDescription { background-color: #f6f5ff; border: none; padding: 10px; width: 100%; }

.claimbox { margin:0 0 20px; }
.claimbox h5,
.claimbox p { margin:0; }

form { margin:0; }


/*#fuImageLogo { width: 74%; width: 100%; height: 100%; overflow: hidden; }
#fuImageLogo_FileStatusContainer { height: auto !important; width: 65% !important; line-height: normal !important; text-align: right !important; }
.ajax__fileupload_queueContainer { float: left !important; width: 100% !important; }*/

.icon-bx-sm i::before { line-height: 80px; }
.pagination i::before { line-height: 42px; }
.cursor-pointer{ cursor: pointer; }

.listing-filter-sidebar .form-group select { border-radius: 50px; background-color: #f6f5ff !important; border: 0 !important; 
                                             height: 60px; padding: 20px 20px 20px 30px; color: #7b7d86; }
.listing-filter-sidebar .form-group select::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; 
                                                     position: absolute; right: 5%; top: 10px; }

.pagination-bx .pagination li a { margin:0 5px; }

.numbersofChart { position: absolute; right: 10px; bottom: 10px; border: 1px solid green; border-radius: 50%; 
                  padding: 5px; font-size: 12px; width: 30px; height: 30px; text-align: center; color: #7F7E7E; }
.numbersofChart.exceed { border: 1px solid red; }    
.disablebtn { pointer-events: none; background-color: #ccc !important; }              

.listing-filter { padding: 0px 30px; }
.listing-filter .filter li { display: block; }
.listing-filter .filter-icon li .btnsearch { border: none; background: none; padding: 12px; color: #7b7d86; font-size: 14px; }
#txtSearch { border: none; }
.listing-bx .listing-media img { width: auto; max-width: none !important; /*margin: 17px;*/ }
.resize-image.fit {
    top: calc(50% - 98px) !important;
    left: calc(50% - 98px) !important;
    position: absolute;
}

.resize-container img { /*margin: 15px;*/ margin: 0px; }
/*#upImageCrop { width: 100%; height: 100%; }*/
.listing-info p { line-height: 20px; }
input[type="checkbox"] + label::before, 
input[type="radio"] + label::before { height: 14px; }
.form-control:disabled, 
.form-control[readonly] { opacity: 0.5; }

#ContentPlaceHolder1_acePostcode_completionListElem { height: 250px; overflow-y: scroll; }
#ContentPlaceHolder1_acePostcode_completionListElem li { width: 50%; float: left; text-align:center !important; border-right: 1px solid gray; }
#ContentPlaceHolder1_acePostcode_completionListElem li:nth-child(2n) { border: none; }
.acePostcode_CompletionListItemCssClass { color: #999999; }

.displaynone { display: none; }
.dzSubscribeMsg { padding: 5px; }

.section-full { z-index: 100; }
.container.half { max-width: 50%; }

.header-nav .nav > li .sub-menu li.active a,
.header-nav .nav > li .sub-menu li.active > a { background-color: var(--bg-color); }
.header-nav .nav > li .sub-menu li.active > a { color: #ffffff; }

.widget_tag #ward_menu li span.active,
.widget_tag #ward_menu li span:hover,
.widget_tag #ward_menu li:hover,
.widget_tag #ward_menu li:hover a,
.widget_tag #ward_menu li input[type="checkbox"] + label:hover, 
.widget_tag #ward_menu li input[type="radio"] + label:hover { color: var(--bg-color); cursor: pointer; }
.widget_tag #ward_menu li input[type="checkbox"] + label, 
.widget_tag #ward_menu li input[type="radio"] + label { font-weight: normal; padding-left: 0px !important; margin: 0; }
.widget_tag #ward_menu li input[type="checkbox"] + label::before, 
.widget_tag #ward_menu li input[type="radio"] + label::before,
.widget_tag #ward_menu li input[type="checkbox"] + label::after, 
.widget_tag #ward_menu li input[type="radio"] + label::after  { background: none; border: none; content: ""; }

#dvCookieMessage { position: fixed; top: 0; background: #000000; padding: 10px 5%; color: #ffffff; z-index: 100000; }
#dvCookieMessage a { color: #9CBEF7; }
#dvCookieMessage p { margin: 0; line-height: normal; }
#dvCookieMessage #lnkcceptCookies { background: #9CBEF7; color: #000000; min-width: 135px; }
.cookie-main { width: 70%; margin: 0px auto; }
.cookie-left { width: 80%; float: left; }
.cookie-right { width: 20%; float: left; text-align: left; }

li.inside { list-style-position: inside; }

.mo-left .header-nav.show { width: 220px; }

.page-content p a { color: #ff3c3c; }
.page-content p a:hover,
.page-content p a.active { color: #333333; }

.dlab-bnr-inr-sm .dlab-bnr-inr-entry h1 { font-size: 60px; }

.loader-main { position: relative; }
#loader,
#img_loader { display: none; position: absolute; z-index: 1000; top: 0; left: 0; height: 100%;
    width: 100%; background: rgba( 255, 255, 255, .8 ) url('../images/loader.gif') 50% 50% no-repeat;
}
.grecaptcha-badge { display: none; }
#upImageCrop { position: relative; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

@media only screen and (max-width: 1200px)
{
.extra-nav a .fa.fa-user { line-height: 50px; }
.extra-nav .fa::before { line-height: 50px; }
}

@media only screen and (max-width: 991px)
{
    .sticky-header .logo-header a, 
    .sticky-header .logo-header span,
    .sticky-header.is-fixed .logo-header a,
    .sticky-header.is-fixed .logo-header span,
    .site-footer .footer-top .logo-footer a,
    .site-footer .footer-top .logo-footer span { font-size:30px; }
    
    .mo-left .header-nav { overflow: hidden; }
    .listing-bx.listing-half{ display: flex; }
}

@media only screen and (max-width: 576px)
{
    .listing-filter .d-flex{
		display: -ms-flexbox !important;
        display: flex !important;
	}
	
	.dlab-bnr-inr-sm .dlab-bnr-inr-entry h1 { font-size: 30px; }
}

@media (min-width: 220px) and (max-width: 767px)
{
    #fuImageLogo { width: 100%; }   
    .cookie-main { width: 90%; }
    .cookie-left { width: 100%; }
    .cookie-right { width: 50%; }
    
    #advert { display: none; }
    .listing-filter-sidebar { padding: 10px; position:relative; cursor: pointer; margin-bottom:30px; }
    .listing-filter-sidebar::after { font: normal normal bold 20px/1 FontAwesome; content: "\f107"; position: absolute; right: 25px; top: 10px; line-height: 28px; pointer-events: none; }
    /*.listing-filter-sidebar .widget_tag { display: none; }*/
}

@media (min-width: 220px) and (max-width: 390px)
{
    /*.sticky-header .logo-header a, 
    .sticky-header .logo-header span, 
    .sticky-header.is-fixed .logo-header a, 
    .sticky-header.is-fixed .logo-header span, 
    .site-footer .footer-top .logo-footer a, 
    .site-footer .footer-top .logo-footer span { font-size: 30px; }*/
    
    .extra-nav a,
    .navbar-toggler { width: 30px; height: 30px; line-height: 30px; }
    .navbar-toggler { margin: 25px 0 0px 5px !important; }
    .extra-nav a { margin: 15px 0 0px 0px !important; }
    .extra-nav .extra-cell { margin:0; }
    
    .extra-nav .fa::before { line-height: 30px; }
    .navicon span { margin: 7px; width:16px; }
    
    .small-only-this { font-size: 11px; }
}

@media (min-width: 220px) and (max-width: 450px)
{
    .row.gray .align-self-center { padding: 0; }
    .input-group.select select { padding: 10px 10px 10px 0; }
    .input-group.select select#ddlDepartment,
    .input-group.select select#ddlCategory { padding: 10px; }
    .row.gray label { padding: 0 0 0 5px; }
    
}

@media (min-width: 220px)
{
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}