﻿/* GENERAL */
body {
    font-family: Nuckle-Regular !important;
}
body, input, select, textarea, p, label, .profile-image {
    font-family: Nuckle-Regular !important;
}
p{
    font-size: 14px !important;
}
/*em{*/
/*    font-weight:bold !important;*/
/*}*/
#footer .medium-3.columns ul li, #footer .medium-3.columns ul li a {
    font-family: Nuckle-Bold !important;
}

.fl-primary {
    color: #FF6D59;
}

.fl-secondary {
    color: #848484;
}

.fl-bg-primary {
    background: #FF6D59;
}

.fl-bg-secondary {
    background: #848484;
}

/* BUTTONS */
.btn,a.button,
.fl-btn {
    font-family: Nuckle-Regular !important;
    font-weight: normal;
    border-radius: 48px !important;
    align-items: center;
    height: 48px !important;
    line-height: 48px !important;
    text-align: center;
    justify-content: center;
    padding: 0 2rem !important;
    outline: none !important;
    font-weight: normal !important;
}

.btn:focus,
.fl-btn:focus {
    outline: 0 !important;
    padding: 0 2rem!important ;
}

.btn:hover,
.fl-btn:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    height:48px !important;
    outline: 0 !important;
}

.btn-lg,
.fl-btn-lg,
.btn-lg:hover,
.fl-btn-lg:hover {
    font-size: 18px !important;
    line-height: 72px !important;
    height: 72px !important;
}

.btn-md,
.fl-btn-md {
    font-size: 16px !important;
    line-height: 48px !important;
    height: 48px !important;
    padding: 0 2rem !important;
}

.btn-primary, .btn-primary:hover,
.fl-btn-primary, .fl-btn-primary:hover {
    background-color: #FF6D59 !important;
    border-color: transparent !important;
    color: #FFF !important;
    font-size: 16px !important;
}

.btn-default, .btn-default:hover,
.btn-secondary, .btn-secondary:hover,
.fl-btn-secondary, .fl-btn-secondary:hover {
    background-color: #FFFFFF !important;
    color: #313131 !important;
    border: 2px solid #E9E9E9 !important;
    line-height:44px !important;
    font-size:16px !important;
}

.btn-inline,
.fl-btn-inline {
    font-family: Nuckle-Regular;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

.btn-inline-primary,
.fl-btn-inline-primary {
    color: #FF6D59 !important;
    text-decoration: none !important;
}

.btn-inline-primary:hover,
.fl-btn-inline-primary:hover {
    color: #FF6D59 !important;
    border-bottom: 2px solid #FF6D59 !important;
    text-decoration: none !important;
}

.btn-inline-secondary,
.fl-btn-inline-secondary {
    color: #848484 !important;
}

.btn-inline-secondary:hover
.fl-btn-inline-secondary:hover {
    color: #313131 !important;
    text-decoration: none !important;
}

.btn-parent,
.fl-btn-parent {
    justify-content: center;
    display: flex !important;
}

/*custom button (secondary button) css here*/
.fl-sec-custom {
    background-color: #ffffff !important;
    border: 2px solid #e9e9e9 !important;
    color: #313131 !important;
    border-radius: 48px;
}
.fl-sec-custom:hover 
/*.fl-sec-custom:visited*/ {
    border: 2px solid transparent !important;
    background: #ffffff !important;
    color: #313131 !important;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
/* TEXT */
h2.fl {
    font-family: Nuckle-Bold;
    font-style: normal;
    font-size: 34px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    color: #313131;
}

h3.fl {
    font-family: Nuckle-Bold;
    font-style: normal;
    font-size: 20px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #313131;
}

h4.fl {
    font-family: Nuckle-Bold;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #313131;
}

.fl-text {
    font-family: Nuckle-Regular;
    font-style: normal;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center;
    color: #000000;
}

.fl-caption {
    font-family: Nuckle-Regular;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    color: #313131;
    text-align:center;
}

.fl-text-light {
    color: #FFFFFF !important;
}

.fl-text-bold {
    font-family: Nuckle-Bold;
    font-style: normal;
}

.fl-text-center {
    justify-content: center;
    text-align: center;
}
.fl-text-left {
    text-align: left !important;
}
.fl-form-group .form-material > label.font-12 {
    font-size: .75rem !important;
}
@media only screen and (max-width: 768px) {
    h2.fl {
        font-size: 24px;
        line-height: 1.5;
    }  
  .btn, a.button, .fl-btn {
    font-family: Nuckle-Regular !important;
    font-weight: normal;
    border-radius: 48px !important;
    align-items: center;
    height: 38px !important;
    line-height: 40px !important;
    text-align: center;
    justify-content: center;
    padding: 0 2rem !important;
    outline: none !important;
    font-weight: normal !important;
  }
    .btn:hover, .fl-btn:hover {
      height: unset !important;
    }
  .heading-mobile{
    font-size:small!important;
  }
}
  .error-mobile {
    font-size: 12px !important;
  }
}

/* CUSTOM CSS TO FIX ISSUES */
.fl-search-header-1 {
    font-size: 32px !important;
}   

.fl-search-header-2 {
    font-size: 21px !important;
    flex-wrap: wrap !important;
}
/*manish jain (Design changes) css start here*/
.form-material .form-control[disabled], .form-material .form-control[readonly], .form-material fieldset[disabled] .form-control {
    border-bottom: none;
}
.form-group,.fl-form-group{
    margin-bottom:1rem !important;
}
.form-group .form-material input.form-control,
.fl-form-group .form-material input.form-control {
    font-family: Nuckle-Regular !important;
    height: 50px !important;
    padding: 0 24px !important;
    border-radius: 8px !important;
    color: #313131 !important;
    font-size: 16px;
    box-shadow: none;
    background-color: #ffffff;
    margin-bottom: 0px !important;
}

.form-group .form-material,
.form-group .form-material {
    border: 1px solid #e9e9e9 !important;
    border-radius: 8px !important;
    background-color: #ffffff;
    padding-top: 20px;
    margin-bottom: 0 !important;
}

.form-group .form-material:hover,
.form-group .form-material:hover {
    border: 1px solid #313131 !important;
    border-radius: 8px;
    padding-top: 20px;
    margin-bottom: 0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,.1) !important;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1) !important;
}

.form-group .form-material textarea.form-control,
.fl-form-group .form-material textarea.form-control {
    font-family: Nuckle-Regular !important;
    height: 150px !important;
    padding: 0 24px !important;
    color: #313131 !important;
    border-radius: 8px !important;
    font-size: 14px;
    box-shadow: none;
    background-color: #ffffff;
    margin-bottom: 0 !important;
}

.form-group .form-material select.form-control,
.fl-form-group .form-material select.form-control {
    font-family: Nuckle-Regular !important;
    height: 50px !important;
    padding: 0 24px !important;
    border-radius: 8px !important;
    color: #313131 !important;
    font-size: 16px;
    box-shadow: none;
    background-color: #ffffff;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+") !important;
    background-position: right 0px top 15px;
    background-size: 60px;
    margin-bottom: 0 !important;
}

.form-group .form-material select.form-control option,
.fl-form-group .form-material select.form-control option{
    line-height:25px;
    height:25px;
}


.form-group .form-material > label,
.fl-form-group .form-material > label {
    font-family: Nuckle-Regular !important;
    padding: 0 24px !important;
    position: absolute;
    top: 16px !important;
    bottom: 0;
    font-size: 16px !important;
    line-height: 18px !important;
    height: 18px !important;
    color: #818181 !important;
    font-weight: 400 !important;
}

.form-group .form-material.floating.open > textarea + label,
.form-group .form-material > textarea.form-control:focus + label,
.fl-form-group .form-material.floating.open > textarea + label,
.fl-form-group .form-material > textarea.form-control:focus + label {
    font-size: 12px !important;
    font-weight: 400;
    cursor: default;
    line-height: 16px !important;
    height: 16px !important;
    -webkit-transform: translateY(-20px) !important;
    -ms-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
    -moz-transform: translateY(-20px) !important;
    font-style: normal;
}
.form-material.floating.open textarea#ContractAdditional + label,
.form-material > textarea#ContractAdditional.form-control:focus + label {
    -webkit-transform: translateY(-20px) !important;
    -ms-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
    -moz-transform: translateY(-20px) !important;
}

.form-group .form-material.floating.open > label,
.form-group .form-material > .form-control:focus + label,
.fl-form-group .form-material.floating.open > label,
.fl-form-group .form-material > .form-control:focus + label {
    font-size: 12px !important;
    font-weight: 400;
    cursor: default;
    line-height: 16px !important;
    height: 16px !important;
    -webkit-transform: translateY(-15px) !important;
    -ms-transform: translateY(-15px) !important;
    transform: translateY(-15px) !important;
    -moz-transform: translateY(-15px) !important;
    font-style: normal;
}

.has-error .form-material > select,
.has-error .form-material > textarea,
.has-error .form-material > .form-control {
    border: none !important;
}
.has-error .form-material > .form-control:focus {
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
    padding: 0 24px !important;
}

.form-group .checkBoxLabel,
.fl-form-group .checkBoxLabel {
    float: left;
    margin-left: 0px;
    margin-top: 0 !important;
    color: #848484;
}
.form-group .css-checkbox input + span,
.fl-form-group .css-checkbox input + span {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
    margin: 0 10px 0 0 !important; 
}
.form-group .css-checkbox:hover input + span,
.fl-form-group .css-checkbox:hover input + span {
    border-color: #848484 !important;
}
.form-group .css-checkbox-danger input:checked + span,
.fl-form-group .css-checkbox-danger input:checked + span {
    pointer-events: none !important;
    background-color: #ffffff !important;
    border-color: #313131 !important;
}
.form-group .css-checkbox-danger input:checked + span:after,
.fl-form-group .css-checkbox-danger input:checked + span:after {
    font-size: 16px !important;
    color: #ff6d59 !important;
    line-height: 30px !important;
}
.form-group .css-input input:focus + span,
.fl-form-group .css-input input:focus + span {
    box-shadow: none !important;
}
.form-group .css-checkbox.has-error{
    color:#FF6D59;
}

.flf-filter {
    margin-top: -3px;
    height: 36px !important;
    line-height: 34px !important;
}
.flf-filter img {
    width: 26px;
    margin-right: 10px;
    margin-top: -3px;
}
.flf-filter:hover {
    margin-top: -3px;
    height: 36px !important;
    line-height: 34px !important;
}
.how-many-rooms-block .filterContent__header{
    margin-bottom:14px !important;
}
/*error message css */
.errorLabel {
    color: #ff6d59 !important;
}
.alert-box {
    border-color: #ff6d59 !important;
    background-color: #f1b6ae !important;
}
.errorMsgDiv {
    color: #ff6d59;
    text-align: left !important;
    font-size: 12px;
    position: relative;
    padding-left:0 !important;
}
.radioError{
    z-index:-1 !important;
}
.form-material {
    margin: 0;
}
.form-error-text, .form-error-times, span.form-error-times {
    color: #ff6d59 !important;
    font-size:14px !important;
}
.alert-box span.icon {
    color: #313131 !important;
}
.alert-box span.icon-notification-circle {
    color: #313131 !important;
}
.incorrect-entry, .incorrect-entry1 {
    color: #818181;
    border: 1px solid #ff6d59 !important;
}
select.incorrect-entry, select.incorrect-entry1 {
    color: #818181;
    border: none !important;
}
.form-material!  > select.incorrect-entry, .form-material! > select.incorrect-entry1 {
    color: #818181;
    border: 1px solid #ff6d59 !important;
}

.has-error .form-material {
    border: 1px solid #ff6d59 !important;
}
.alert-box.info .RED {
    color: #313131 !important;
    font-size: 14px;
}
.status-publish.hentry .entry-content p img {
}
button#js-submit-chat-with-us-form, button#js-submit-subscribe-form{
   padding: 0 20px;
}
.private-landing a#js-continue-calculation-btn-top{
    padding-top:0px !important;
}
#landing nav#nav.top-bar.dashboard ul li.message{
    margin-top:22px !important;
}
.border-error {
    border-color: #FF6D59 !important;
}
/*btn issue*/
.home-rent-section__btn,
a#kundoBtn {
    width: 270px !important;
}

.nav-tabs li.active i.fa{
    color: #FF6D59 !important;
}
.progress-bar-info {
    background-color: #FF6D59 !important;
}
/*Some overwritten class*/
#dashboard .settings .button.remove {
    background-color: #fff !important;
    border: 1px solid #313131 !important;
    color: #313131 !important;
}

#dashboard .settings .button.remove:hover {
    background-color: #f6f6f6 !important;
}
.entry-content{
    font-size:14px !important;
}
#dashboard .rental-times .block.checked {
    border: 4px solid #FF6D59;
}
.repeat-time.form-group{
    margin:0 !important;
}
/*End here*/
/*end here*/

 /*CMS data*/
.carousel-block .tenant-carousel-title,
.tenant-carousel-item .tenant-carousel-title {
    font-family: Nuckle-Bold !important;
    font-size: 14px !important;
    line-height: 150% !important;
    color: #313131 !important;
    height: auto !important;
    min-height: 25px !important;
}

.carousel-block .block-ellipsis,
.tenant-carousel-item .block-ellipsis {
    font-family: Nuckle-Regular !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    color: #313131;
}

.carousel-block a.btn-carousel,
.carousel-block a.btn-carousel:hover
.carousel-block a.btn-carousel:visited,
.tenant-carousel-item a.btn-carousel,
.tenant-carousel-item a.btn-carousel:hover
.tenant-carousel-item a.btn-carousel:visited {
    border: none !important;
    font-size: 14px !important;
    line-height: 19px !important;
    font-family: Nuckle-Bold !important;
    color: #313131 !important;
    background-color: transparent !important;
    height: auto !important;
    box-shadow: none !important;
}

/*Additional Solution*/
#calc-rent-form .form-material{
    margin-bottom:1rem !important;
}
footer#footer .top{
    width:100% !important;
}
#login section.signup div.left, #login section.signup div.right {
    margin-bottom: 0 !important;
}

.blocks-container__btn {
    width: 100% !important;
}

.blocks-container__btn a,
.blocks-container__btn a:hover {
    width: 90% !important;
}

article .btn-primary {
    min-width: 220px !important;
}

article .fl-btn-primary {
    min-width: 220px !important;
}

article .not-renting-out__submit.fl-btn-primary {
    min-width: 190px !important;
}

article .fl-sec-custom {
    min-width: 250px !important;
}

.icon-paperclip{
    color: #FF6D59 !important;
}

#searchsubmit{
    background-color: #FF6D59 !important;
}
.searchBlock button#btnSubmit{
    line-height:60px !important;
    width: 96px;
    padding: 0 10px !important;
}
.postItem-category{
    color: #313131 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-family: "Nuckle-Bold";
}
.postItem-title{
    font-size: 16px !important;
}

.categories-header a, .categories-header a:visited{
    color: #313131 !important;
    font-size:16px !important;
}
p a, p a:visited{
    color:#FF6D59 !important;
    text-decoration:none !important;
}
p a:hover {
    color: #FF6D59 !important;
    text-decoration: none !important;
}
#searchsubmit {
    background-color: #FF6D59 !important;
}
.recentPosts-div-title{
    color: #313131 !important;
    font-size:16px !important;
}
.recent-postItem-title a, recent-postItem-title a:visited {
    color: #313131 !important;
    font-size: 16px !important;
    text-align: center !important;
    font-weight: normal !important;
    line-height: 18px !important;
    font-family: "Nuckle-Bold";
}
.categories-div-outer ul li a, .categories-div-outer ul li a:visited {
    color: #313131 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 18px !important;
    font-family: "Nuckle-Bold";
}
.headerGuide1{
    padding-top:15px !important;
}
.Single-Post-Inner .postItem-title {
    font-size: 28px !important;
}

.startskottdiv .react-link-button:hover,
.react-calculator-cta.startskottdiv button:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,.1) !important;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1) !important;
}

.header-btns-mobile a.private-landing-header__btn {
    line-height: 32px !important;
    height: 32px !important;
    padding: 0 15px !important;
}
.samtrygg-form__select-arr{
    z-index:-1 !important;
}
#checkboxOnMap .col-md-12{
    text-align:center !important;
    margin:10px 0 0 0 !important;
}
.text-sec2 .fl-sec-custom{
    border: 2px solid #313131!important;
}
.text-sec2 .fl-sec-custom:hover {
    border: 2px solid #ffffff !important;
}

#dashboard .module .profile-controls a.edit {
    color: #FF6D59 !important;
    font-family: Nuckle-Regular !important;
}
.icon-cross-circle {
    color: #FF6D59 !important;
}
.showHideTooltip, .inlinelabel, .form-group h6{
    font-family: Nuckle-Bold !important;
}
.wizard-finish, .wizard-finish:hover, .wizard-next, .wizard-next:hover, .wizard-prev, .wizard-prev:hover{
    font-size:16px !important;
}
#dashboard .module .view-profile {
    font-size: 16px !important;
}
.form-group .col:first-child{
    margin-bottom:15px !important;
}
#dashboard .manage-bookings .accord-content .button.rebook{
    color:#313131 !important;
    line-height: 44px !important;
}
#hvsubsection ul li a:hover, #subsection ul li a:hover{
    color: #FF6D59;
}
#dashboard .module .profile-card .button-outline {
    background-color: #FFFFFF !important;
    color: #313131 !important;
    border: 2px solid #E9E9E9 !important;
    height: 48px !important;
    line-height: 44px !important;
}
td.ui-datepicker-current-day a.ui-state-active{
    color: #FF6D59 !important;
}
td.ui-datepicker-current-day:hover a.ui-state-active,
td.ui-datepicker-current-day a.ui-state-active:hover {
    color: #FFFFFF !important;
}
@media (max-width: 767px) {
    .dap-button {
        line-height: 1.2 !important;
        height: auto !important;
        padding-top: .9rem !important;
        padding-bottom: .9rem !important;
        max-width: 100%;
    }

    .dap-button:hover {
        height: auto !important;
    }
    .button.log-facebook, .button.log-google,
    .button.log-facebook:hover, .button.log-google:hover {
        padding: 0 15px 0 45px !important;
    }
    .hidden-xs {
        display: none !important;
    }
    #specific-times .col{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .private-landing a#js-continue-calculation-btn-top {
        width: auto;
        padding-top: 0px !important;
        height: 44px !important;
        min-width: 125px !important;
        padding: 0px 20px !important;
        font-size: 16px !important;
        line-height: 40px !important;
    }
    a#js-continue-calculation-btn {
        padding: 0px 20px !important;
    }
	.form-group .form-material > label,
	.fl-form-group .form-material > label {
		font-family: Nuckle-Regular !important;
		padding: 0 24px !important;
		position: absolute;
		top: 20px !important;
		bottom: 0;
		font-size: 12px !important;
		line-height: 12px !important;
		height: 18px !important;
		color: #818181 !important;
		font-weight: 400 !important;
		text-align: justify;
		margin-right: 20px;
	}
  #CleaningBefore, #CleaningAfter {
    height: 110px !important;
  }
}
/* SAFARI SPECIFIC FIXES */
@media not all and (min-resolution:.001dpcm) {
    @media {
        .rent.btn {
            height: 33px;
            line-height: 33px;
            margin-top: -5px;
        }

        .top-bar-section li:not(.has-form) a:not(.button) {
            padding: 3px 10px !important;
        }

        /* Home page */
        .property__btn, .safety__btn, .steps__btn, .staff__btn, .faq-block__btn {
            padding-top: 16px !important;
        }

        .guide-faq-blocks .faq-block__btn {
            padding-top: 0px !important;
        }

        #landing #hero-search {
            padding-top: 10px;
        }
        /* Rent calculator */
        .private-landing #js-price-watch-email, .private-landing #js-chat-with-us-phone {
            padding-top: 5px !important;
        }
        /* Logged in menu */
        /* #dashboard nav#nav.top-bar.dashboard ul li.message {
                margin-top: 10px !important;
            }*/

        #landing nav#nav.top-bar.dashboard ul li.message {
            margin-top: 19px !important;
        }

        nav#nav.top-bar.dashboard ul li.message {
            margin-top: 5px;
        }
    }
}

@media only screen and (max-width: 849px) {
    nav#nav.top-bar .blue-top-btn {
        border-color: transparent;
        background-color: transparent;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -2px !important;
        width: 140px !important;
        font-size: 13px !important;
        padding: 0 5px !important;
        margin-right: -20px;
        z-index: 100000;
    }

    .fixed-footer__btn, fixed-footer .book {
        line-height: 48px !important;
        padding: .5rem 20px !important;
    }

    .linkButtons .col .buttonBlue, .linkButtons .col .buttonRed {
        font-size: 14px;
        display: inline-block;
        font-weight: 400;
        padding: 0 1em !important;
        min-width: 145px;
        text-align: center;
        width: 100%;
        height: 36px;
        line-height: 33px;
        border-radius: 36px;
    }

    .linkButtons .col .buttonBlue {
        background-color: #ffffff !important;
        border: 2px solid #e9e9e9 !important;
        color: #313131 !important;
    }

    .linkButtons .col .buttonRed {
        background-color: #FF6D59 !important;
        color: #ffffff !important;
        border: none;
    }
    button#filter, button#resetFil {
        padding: 0 10px !important;
    }
    .searchBlock #searchDiv #top-search2 {
        border: 1px solid #E9E9E9 !important;
    }

    .searchBlock #searchDiv #top-search2:hover,
    .searchBlock #searchDiv #top-search2:focus {
        border: 1px solid #313131 !important;
    }

    
}

@media only screen and (max-width: 850px) {
    .labeltext1{display:none;}
}

@media only screen and (min-width: 850px) {
    .labeltext2{display:none;}
}

@media not all and (min-resolution:.001dpcm) {
    @media (max-width: 992px) {
        button#filter,button#resetFil{
            padding: 0 10px !important;
        }
    }
    @media (max-width: 768px) {
        .private-landing-header__btn {
            padding: 0px 15px !important;
        }

        .searchBlock #searchDiv #top-search2 {
            border: 1px solid #E9E9E9 !important;
        }

        .searchBlock #searchDiv #top-search2:hover,
        .searchBlock #searchDiv #top-search2:focus {
            border: 1px solid #313131 !important;
        }
      
    }

    @media (max-width: 568px) {
        .top-bar .button, .top-bar button {
            padding-top: 9px !important;
        }

        .top-bar-section li:not(.has-form) a:not(.button) {
            padding: 2px 10px !important;
        }
      .form-group .form-material.floating.open > label, .form-group .form-material > .form-control:focus + label, .fl-form-group .form-material.floating.open > label, .fl-form-group .form-material > .form-control:focus + label 
      {
        font-size: 10px !important;
        line-height: 10px !important;
      }
    }
    }

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

    .fl-form-group .css-checkbox input + span {
        width: 24px;
        height: 24px;
        border-radius: 6px;
    }

    .fl-form-group .checkBoxLabel {
        font-size: .75rem;
    }

    .fl-form-group .css-checkbox-danger input:checked + span:after {
        font-size: 13px;
        line-height: 22px;
    }

    .fl-form-group .form-material > label {
        font-size: 14px !important;
    }

    .btn {
        padding: 0 2px !important;
        max-width: 100% !important;
        min-width: 90px !important;
        width: 100% !important;
    }

    .btn:hover {
        padding: 0 2px !important;
        max-width: 100% !important;
        min-width: 90px !important;
        width: 100% !important;
    }

    .fixed-footer__btn, fixed-footer .book {
        line-height: 48px !important;
        padding: .5rem 10px !important;
    }
    #login section.signup .button-outline{
        width:156px !important;
        margin-left:-5px !important;
    }
    #guest .btn-step{
        padding: 0 20px !important;
    }
    #homec.col-xs-6,#homec2.col-xs-6,
    #userc.col-xs-6,#userc2.col-xs-6{
        width: 100% !important;
        padding: 0 15px !important;
    }
    #dashboard .module .mod-content{
        padding:15px !important;
    }
}

@media only screen and (max-width: 579px) {
    .btn {
        padding: 0 10px !important;
        max-width: 100% !important;
        min-width: 90px !important;
        width: 100% !important;
    }

        .btn:hover {
            padding: 0 10px !important;
            max-width: 100% !important;
            min-width: 90px !important;
            width: 100% !important;
        }

    .campaign-hero-btn-group.btn-group-mobile .campaign-btn {
        margin-bottom: 1em !important;
        width: 100% !important;
        display: flex !important;
    }

    .linkButtons .col.small-6 {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .js-wizard-simple.block{
        margin: 0 -10px !important;
    }
    #dashboard .rental-times .timeblock{
        padding: 10px 20px!important;
    }
    #dashboard .m-dash-content .module .add-button{
        padding:0px !important;
    }
}

#searchsubmit
{
    background:#FF6D59!important;
} 

#dashboard .module .mod-header h1 {
  font-family: Nuckle-Regular !important;
  font-weight: normal !important;
}

.usernote
{
    margin:30px 0;
}
.usernote ul li 
{
list-style: disc;
color: #000000;
text-align:left;
font-size:14px;
}

@media only screen and (max-width: 380px) {
  .module-head-mobile {
    font-size: 16px !important;
  }
  .error-mobile {
    font-size: 10px !important;
  }
}

.search-alert-landing {
    padding: 0 1rem !important;
    text-decoration: none !important;
}
.btn-cornered {
    border-radius: 0px !important;
    font-weight: 900 !important;
}
.btn-cornered-black{
    background-color:black;
    color : #FFF;
}