/*@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: url('../fonts/AvenirLTStd-Book') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

/*=========================================================================================================*/
/*07-12-2017*/
.upDownArrowSty {
    background: none;
    border: none;
    padding: 0px 7px;
}

    .upDownArrowSty i.fa {
        color: #2E2A26;
        font-size: 18px;
    }

a {
    color: #2E2A26;
}

    a:hover {
        color: #2E2A26;
    }

    a:focus {
        outline: none;
        box-shadow: none;
    }

.addKeyPop input {
    border-radius: 5px !important;
    height: 50px !important;
    /* background: rgba(46, 42, 38, 0.02); */
    /* border: 1px solid rgba(46, 42, 38, 0.85); */
    color: #757575;
    font-weight: normal !important;
}

.adInputbox input {
    border-radius: 5px !important;
    height: 50px !important;
    font-size: 15px;
}

.adInputbox .form-group {
    margin-bottom: 15px !important;
}

.addKeyPop label {
    padding-left: 18px;
}

.custom-radios label {
    padding-left: 0px;
}

.addKeyPop .form-group {
    margin-bottom: 19px;
}

.close {
    color: red;
    font-weight: bold;
    margin-top: 10px !important;
    opacity: 8;
}

.modal-dialog {
    text-align: left;
    margin: 0 auto;
    width: calc(100vw - 20px);
    max-width: 530px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    height: auto;
}

.codeText {
    color: #00B189 !important;
    font-weight: bold;
}

.collectionDate {
    width: 100%;
    float: left;
    color: rgba(46, 42, 38, 0.6);
}

.keyCodeTables .boldText {
    font-weight: bold;
}

.keyCodeTables .boldMedium {
    font-weight: 500;
}

.colorDeleteIco {
    color: #E86346;
    margin-left: 7px;
}

.colorEditIco {
    margin-left: 7px;
}

.keyCodeTables tbody tr {
    background: #fff;
    border-bottom: 18px solid #f9f9f9;
}

    .keyCodeTables tbody tr td {
        border: none;
        font-size: 15px;
    }

        .keyCodeTables tbody tr td a,
        .keyCodeTables tbody tr td {
            color: #2E2A25;
        }

.keyCodeGreenText {
    color: #00B189 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.marginBottom8 {
    margin-bottom: 8px;
}

.deleteKeyPopup h4 {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    margin-top: 0px;
    color: #2E2A25 !important;
}

.deleteKeyPopup p {
    font-size: 15px;
    color: #2E2A25;
    font-weight: normal;
}

.deleteKeyPopup label {
    padding-left: 8px;
}

.deleteKey_text p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 15px;
    color: #2E2A25;
}

#DivAddKey .keyTitlepupop {
    margin-bottom: 17px;
}

#DivAddKey .deleteKey_text .row {
    margin-bottom: 19px;
}

#addKeyCodeFrm .row {
    padding-bottom: 10px;
}

.qLineText {
    font-weight: 600;
}

.dropdown-menu {
    z-index: 2000000003 !important;
    border: 0px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 5%);
}

    .dropdown-menu.open {
        padding: 7px 7px 0 7px !important;
        border-radius: 5px !important;
        margin: 10px -12px;
        -webkit-box-shadow: 0px 0px 7px rgba(46, 42, 38, 0.15) !important;
        box-shadow: 0px 0px 7px rgba(46, 42, 38, 0.15) !important;
    }

    .dropdown-menu.inner > li {
        padding-bottom: 7px !important;
    }

    .dropdown-menu > li > a {
        border-radius: 5px;
        line-height: 1.5em !important;
        padding: 5px 10px !important
    }

.top_menu li > a:hover {
    color: #262626 !important
}

.modal-content {
    z-index: 10000000;
    /* display: inline-block; */
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.2);
    min-height: 60px;
    width: 100%;
}

.model-scroll {
    height: 400px;
    overflow-y: scroll;
}

body {
    background: #F4F4F2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    padding-right: 0px !important;
}

.navbar-toggle {
    margin-top: 12px;
}

.modal-header .close {
    margin-top: 0px;
}

.modal-body {
    position: relative;
    padding: 0 20px;
}

button a:focus a:active {
    outline: none !important;
}

.green {
    color: #01745d;
}

.white {
    color: #fff;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.marginTop-15 {
    margin-top: 15px;
}

.orgBtn {
    background: #ff9000;
}

/*Header Css
=============================================*/
.header_bg_top {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    padding: 7px 0;
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
    z-index: 10;
}

.header_logo img {
    height: auto;
    width: 170px;
}

.userName {
    color: #615E5A;
    font-size: 15px;
    font-weight: 600;
    margin-right: 14px;
    margin-top: 1px;
}

/*Menu Css
=============================================*/
.top_menu {
    width: auto;
    float: right;
    margin-top: 0px;
}

.ico {
    width: 24px;
    height: 24px;
    float: left;
}

.top_menu li {
    list-style: none;
    float: left;
    /*background: url(../images/right_dvider_menu.png) no-repeat right;*/
    /*
        comment by sanjay as per client feedback on PB024_Header_Height
        padding: 30px 0px;*/
    padding: 30px 0px;
}

    .top_menu li > a {
        text-decoration: none;
        padding: 11px 15px;
        color: #2E2A26 !important;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

        .top_menu li > a:hover {
            text-decoration: none;
            color: #00B189 !important;
        }

    .top_menu li a.key_ico:hover {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/my_key_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.key_ico {
        text-decoration: none;
        color: #2E2A26 !important;
        font-size: 15px;
        /*background: url(../images/my_key_ico.png) no-repeat 0 12px;*/
    }

    .top_menu li a.key_billing:hover {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/my_key_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.key_billing {
        text-decoration: none;
        color: #2E2A26 !important;
        font-size: 15px;
        /*background: url(../images/my_key_ico.png) no-repeat 0 12px;*/
    }

    .top_menu li a.my_key_active {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.locations_ico {
        text-decoration: none;
        color: #2E2A26 !important;
        font-size: 15px;
        /*background: url(../images/locations_ico.png) no-repeat 0 12px;*/
    }

        .top_menu li a.locations_ico:hover {
            text-decoration: none;
            color: #00B189 !important;
            /*background: url(../images/locations_ico_act.png) no-repeat 0 12px;*/
        }

    .top_menu li a.locations_active {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/locations_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.profile_ico {
        text-decoration: none;
        color: #2E2A26 !important;
        font-size: 15px;
        /*background: url(../images/profile_ico.png) no-repeat 0 12px;*/
    }

        .top_menu li a.profile_ico:hover {
            text-decoration: none;
            color: #00B189 !important;
            /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
        }

    .top_menu li a.profile_active {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.billing_active {
        text-decoration: none;
        color: #00B189 !important;
        /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
    }

    .top_menu li a.logout_ico {
        text-decoration: none;
        color: #2E2A26 !important;
        font-size: 15px;
        /*background: url(../images/logout_ico.png) no-repeat 0 12px;*/
    }

        .top_menu li a.logout_ico:hover {
            text-decoration: none;
            color: #00B189 !important;
            /*background: url(../images/logout_ico_act.png) no-repeat 0 12px;*/
        }

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

/*Cont Area
==================================================*/
.cont_area {
    float: left;
    padding: 10px;
    width: 100%;
    /* min-height: 70vh; */
}

#lstKey .value-res {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 8px;
}

.title_top {
    font-size: 18px;
    color: #02493b;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    float: left;
}

/* .addBtn_key {
    background: none;
    border: 2px solid #00B189;
    color: #00B189 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 48px;
    text-transform: uppercase;
} */
.addBtn_key {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B189;
    border-radius: 4px;
    color: #00B189 !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: inherit;
}

.cancelBtn_key {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #2E2A26;
    border-radius: 4px;
    color: #2E2A26 !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: inherit;
}

.addBtn_key:hover {
    /*border-radius: 10px;*/
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
}

.addBtn_key:focus {
    background: #00B189;
    border: 2px solid #00B189;
    color: #fff !important;
}

.update_details {
    width: 100%;
    margin: auto;
}

    .update_details input {
        width: 100%;
        margin: auto;
        margin: 5px 0;
        border: 2px solid #E9E9E7;
        background: #F4F4F2;
    }

    .update_details select {
        width: 100%;
        margin: auto;
        margin: 0;
        padding: 8px 5px 5px 16px;
        font-size: 15px;
        height: 50px !important;
        border: 1px solid rgba(46, 42, 38, 0.85);
        color: #757575;
        background: rgba(46, 42, 38, 0.02) url("../images/black_down.png") no-repeat scroll right center / 7% auto;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        border-radius: 5px;
    }

.datepicker-days table td {
    cursor: pointer;
}

.borderLine {
    background: #f2f4f4;
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 5px;
}

.my_keylist {
    width: 100%;
    float: left;
}

    .my_keylist table tr {
        margin: 0px;
        padding: 0px;
    }

    .my_keylist table tr {
        list-style: none;
    }

/*.my_keylist table thead tr {
                border: 1px solid #f2f4f4;
                padding: 15px;
                background: #fff;
                text-decoration: none;

                font-size: 24px;
                margin-bottom: 5px;
                color: #2E2A25;
                font-family: "robotoregular";
            }
            .my_keylist table tbody tr {
                border: 1px solid #f2f4f4;
                padding: 15px;
                background: #fff;
                text-decoration: none;

                font-size: 24px;
                margin-bottom: 5px;
                color: #2E2A25;
                font-family: "robotoregular";
            }*/
.keyTab thead th {
    color: #525d5b;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 10px 6px !important;
}

.keyTab tbody td {
    color: #525d5b;
    border: 1px solid #f2f4f4;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 10px 6px !important;
}

.my_keylist table tbody tr:hover {
    background: #fff;
    text-decoration: none;
}

.manageAccess.manageAccess-arrow {
    background: rgba(0, 0, 0, 0) url("../images/Arrow icon(1).svg") no-repeat scroll 0 0;
    border: medium none;
    float: right;
    height: 15px;
    padding: 0;
    width: 15px;
}

.my_keylist table tbody tr:hover .manageAccess.manageAccess-arrow {
    background: rgba(0, 0, 0, 0) url("../images/Arrow icon(1) - Copy.svg") no-repeat scroll 0 0;
}

.my_keylist table tbody tr:hover.overdue .manageAccess.manageAccess-arrow {
    background: rgba(0, 0, 0, 0) url("../images/Arrow_icon_red.svg") no-repeat scroll 0 0;
}

.myKeysIcon {
    background: #01745d none repeat scroll 0 0;
    border-radius: 100%;
    padding: 12px 12px;
    width: 50px;
}

    .myKeysIcon img {
        width: 20px;
    }

.table tr > td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.table tr > td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*Footer Css
============================================================*/
.footerBG {
    background: #01745d;
    width: 100%;
    float: left;
    min-height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 0x;
    font-family: 'Poppins', sans-serif;
}

.footer_link {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 4%;
}

    .footer_link a {
        text-decoration: none;
        color: #fff;
        font-size: 17px;
        padding: 0 10px;
        text-align: center;
    }

        .footer_link a:hover {
            text-decoration: none;
            color: #fe9f25;
        }

.footerBG p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #cededb;
    padding-top: 7px;
    width: 100%;
    float: left;
}

.social_icon {
    width: 100%;
    float: left;
    text-align: center;
}

    .social_icon a {
        padding: 5px;
    }

    .social_icon img {
        width: 35px;
    }

        .social_icon img:hover {
            border: 3px solid #01745d;
            border-radius: 50%;
        }

/*Map Area
=============================================================*/
.mapArea {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

    .mapArea img {
        width: 100%;
    }

/*popup
============================================================*/
.form-control:focus {
    border-color: #00B189;
    box-shadow: none;
    outline: 0 none;
}

.keyTitlepupop {
    color: #2E2A25;
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    margin-bottom: 15px;
    line-height: normal;
}

.keyFromBox {
    float: left;
    /* padding: 0 0 10px 0; */
    width: 100%;
}

.keyFromBox_login {
    float: left;
    padding: 0 !important;
    width: 100%;
}

/* .keyFromBox input {
    border-radius: 0px;
    font-size: 15px;
    padding: 6px 18px;
    height: 42px;
    font-family: 'Poppins', sans-serif; font-weight:300 !important;
	margin:0;
} */
.keyFromBox label {
    font-size: 15px;
    color: #2E2A25;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-left: 5px;
    margin-bottom: 10px;
}

.popHeader {
    border: none;
    padding: 0px 20px;
    height: 20px;
}

.key_addBtn {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%) repeat scroll 0 0;
    border: 2px solid #00b189;
    border-radius: 5px;
    color: #00b189;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 0;
    text-transform: inherit;
    width: 100%;
    margin: 0 auto 15px;
}

    .key_addBtn:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%) repeat scroll 0 0;
        border: 2px solid #00b189;
        color: #00b189;
    }

    .key_addBtn:focus {
        background: #00b189 none repeat scroll 0 0;
        color: #ffffff;
    }

.key_greenBtn {
    background: #01745d;
    border: 3px solid #01745d;
    width: 100%;
    padding: 4px 10px;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
}

    .key_greenBtn:hover {
        background: #01745d;
        border: 3px solid #01745d;
    }

.suggestBrnBG {
    background: #ff9000;
    border: 3px solid #ff9000;
    width: 100%;
    padding: 4px 0px;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
}

    .suggestBrnBG:hover {
        background: #fea22b;
        border: 3px solid #fea22b;
    }

.updareBtn {
    background: #ff9000;
    border: 3px solid #ff9000;
    width: auto;
    padding: 4px 50px;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
}

.btngreen {
    background: #01745d;
    border: 3px solid #01745d;
}

.location_detels_box .updareBtn {
    width: 100%;
}

.location_detels_box .desprictionOuter {
    padding-bottom: 0;
}

.updareBtn:hover {
    background: #fea22b;
    border: 3px solid #fea22b;
}

.btngreen.updareBtn:hover {
    background: #08876e;
    border: 2px solid #08876e;
}

.loginRemember {
    color: #010101;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    padding: 0px;
    float: left;
    width: 100%;
}

    .loginRemember input {
        height: auto;
    }

.signUp {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0 20px 0;
    float: left;
    width: 100%;
    text-align: center;
}

    .signUp a {
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
    }

.signUpText a {
    color: #2E2A25;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0 20px 0;
    float: left;
}

.setRowOuter {
    margin: 7px 0;
}

/*   .signUpText a:hover {
        color: #010101;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-decoration: underline;
    } */
.signUp img {
    margin-left: 10px;
}

.blurpop {
    /* filter: blur(0px) !important; */
}

.modal-backdrop {
    background-color: rgba(46, 42, 38, 0.8);
}

    .modal-backdrop.in {
        opacity: 1 !important;
    }

/* Profile Page Css
=============================================================*/
.tabBox {
    width: 100%;
    float: left;
}

.profileTab {
    width: 100%;
    background: #fff;
}

    .profileTab li {
        list-style: none;
    }

        .profileTab li a {
            text-decoration: none;
            font-size: 18.49px;
            color: #2E2A25;
            border-radius: 0px;
            border: 1px solid #ddd;
            margin: 0px;
            padding: 10px 60px;
            font-family: 'Poppins', sans-serif;
        }

            .profileTab li a:hover {
                text-decoration: none;
                background: #01745d;
                color: #fff;
                cursor: pointer;
            }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #01745d;
    color: #fff;
}

.profileTab li a.profile_ico {
    text-decoration: none;
    color: #2E2A25 !important;
    background: #fff url(../images/your_profile_ico.png) no-repeat 30px 10px;
    cursor: pointer;
}

.profileTab li a.profile_ico_act {
    text-decoration: none;
    color: #fff !important;
    font-size: 18px;
    background: #01745d url(../images/your_profile_ico_act.png) no-repeat 30px 10px;
}

.profileTab li a.profile_ico:hover {
    text-decoration: none;
    color: #2E2A25 !important;
    background: #fff url(../images/your_profile_ico.png) no-repeat 30px 10px;
    cursor: pointer;
}

.profileTab li.active a.profile_ico {
    background: #01745d url("../images/your_profile_ico_act.png") no-repeat scroll 30px 10px;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
}

.profileTab li.active a.change_password_ico {
    background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px 10px;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
}

.profileTab li.active a.notification_ico {
    background: #01745d url(../images/notification_ico_act.png) no-repeat 30px 10px;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
}

.profileTab li.active a.manageUsers {
    background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
}

/*1------------------------------------------*/
.profileTab li a.change_password_ico {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/change_password_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.change_password_ico:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.change_password_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
/*2------------------------------------------*/
.profileTab li a.notification_ico {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/notification_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.notification_ico:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/notification_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.notification_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/notification_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
/*3------------------------------------------*/
.profileTab li a.membership_ico {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/membership_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.membership_ico:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.membership_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
/*4------------------------------------------*/
.profileTab li a.location_ico_key {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/loc_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.location_ico_key:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/loc_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.loc_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/loc_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
/*5------------------------------------------*/
.profileTab li a.edit_ico_key {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/edit_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.edit_ico_key:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/edit_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.edit_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/edit_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
/*6------------------------------------------*/
.profileTab li a.history_ico {
    text-decoration: none;
    color: #2E2A25 !important;
    font-size: 18px;
    background: #fff url(../images/history_ico.png) no-repeat 30px 10px;
}

    .profileTab li a.history_ico:hover {
        text-decoration: none;
        color: #fff !important;
        background: #01745d url(../images/history_ico_act.png) no-repeat 30px 10px;
        cursor: pointer;
    }

.history_ico_act {
    text-decoration: none;
    color: #fff !important;
    background: #01745d url(../images/history_ico_act.png) no-repeat 30px 10px;
    cursor: pointer;
}

/*------------------------------------------*/
.tabContaBox {
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px 15px;
    float: left;
}

.yourProfile_form {
    width: 60%;
    margin: auto;
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 30px 15px;
    position: relative;
}

.profile_formDiv {
    width: 100%;
    margin: auto;
}

    .profile_formDiv input {
        border-radius: 5px;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        height: 48px;
        padding: 15px 18px;
        color: #757575;
        background: #F4F4F2;
        border: 2px solid #E9E9E7;
    }

    .profile_formDiv select {
        border-radius: 0px;
        font-size: 18px;
        padding: 15px 10px;
        height: 55px;
        font-family: 'Poppins', sans-serif;
    }

        .profile_formDiv select.home-city {
            border-radius: 0px;
            font-size: 18px;
            padding: 4px 10px;
            height: 40px;
            font-family: 'Poppins', sans-serif;
            border: 1px solid #999;
        }

    .profile_formDiv label {
        font-size: 14px;
        color: #2E2A25;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        padding-left: 10px;
    }

.notification_textBox {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px;
}

.notification_list {
    width: 100%;
    float: left;
}

    .notification_list ul {
        margin: 0px;
        padding: 0px;
    }

.notification_textBox ul li {
    list-style: none;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.membership_box {
    width: 50%;
    float: left;
}

.membership_title {
    width: 100%;
    float: left;
    background: #f8fbfa;
    padding: 15px;
    border: 1px solid #e3e3e3;
    color: #293533;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
}

.membership_text {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    padding: 15px;
    float: left;
    border-right: 1px solid #e3e3e3;
}

.border_none {
    border: none !important;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.btnCenter {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 35px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
}

    input[type=checkbox].css-checkbox:checked + label.css-label,
    input[type=checkbox].css-checkbox + label.css-label.chk {
        background-position: 0 -30px;
    }

label.css-label {
    float: left;
    background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_0aad05d7af20863960296dafb24c4f30.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.location_detels_box p {
    margin: 0 0 2px;
}

.location_detels_box label {
    margin: 0px;
    padding: 0px;
}

.history_table {
    width: 100%;
    float: left;
    /*background: #fff;*/
    padding: 0 30px;
}

.historyTable {
    border: none !important;
}

    .historyTable thead th {
        color: #001712;
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        padding: 15px !important;
    }

    .historyTable tbody td {
        color: #525d5b;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        padding: 20px 28px;
    }

.table_act {
    background: #f6faf9;
}

.searchBtn {
    background: #fff;
    color: #333;
    border-color: #ccc;
    border-radius: 30px;
    height: 40px;
}

    .searchBtn:hover {
        background: #01745d;
        color: #fff;
        border-color: #ccc;
    }

    .searchBtn:focus {
        background: #01745d;
        color: #fff;
        border-color: #ccc;
    }

.searchForm {
    border-radius: 30px;
    height: 40px;
}

.locContaBox {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0;
    float: left;
}

.locationBgBox {
    /* padding: 20px 15px; */
    float: left;
}

.location_detels_box h1 {
    /*float: left;*/
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 0;
    margin: 5px 0;
    /*width: 100%;*/
}

.location_detels_box p span {
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.ui-widget .custom-combobox {
    width: 82%;
}

.ui-menu .ui-menu-item:hover {
    background: #3399ff !important;
    color: #fff !important;
}

.location_detels_box p {
    float: left;
    font-size: 13px;
    width: 100%;
    line-height: 20px;
    color: #333;
    text-align: justify;
}

.location_detels_box {
    background: #fff;
    padding: 15px;
    width: 100%;
    border: 1px solid #cccccc;
    text-align: left;
}

.closeArrow {
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 10px;
    position: absolute;
    right: 18px;
    top: 24px;
}

.address_pop {
    font-size: 14px;
    font-weight: bold;
}

.locSearch_img {
    /*width: 320px;
    float: left;
    height: 160px;*/
    float: left;
    height: 130px;
    margin-right: 10px;
    width: 150px;
    overflow: hidden;
}

    .locSearch_img img {
        float: left;
        width: 150px;
    }

#storeModel {
    width: 380px;
    position: absolute;
    z-index: 1040;
    top: 65px;
}

.terms_text {
    width: 100%;
    float: left;
    color: #2E2A26;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

    .terms_text a {
        color: rgba(46, 42, 38, 0.7);
        text-decoration: underline;
    }

.mapBoxs {
    height: 730px;
    float: left;
    width: 100%;
    /*height: 70vh;*/
}

/*.desc {background-color:rgba(0,0,0,0.4);padding: 10px 5px 5px 5px;}*/
.desc {
    background-color: #2E2A25;
    bottom: 0;
    min-height: 40px;
    padding: 10px 0 0px 0;
    position: fixed;
    width: 100%;
}

    .desc a {
        color: #fff;
        text-decoration: underline;
        display: inline-block;
    }

.agreeBtn {
    background: #fff;
    color: #00b288 !important;
    padding: 6px 12px;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: 500;
    margin: 12px 0 0 0 !important;
}

    .agreeBtn:hover {
        cursor: pointer;
        opacity: .9;
    }

.get_notified {
    background: #01745d;
    width: 100%;
    float: left;
    padding: 5px 0;
    color: #fff;
}

.get_notified_form {
    width: 100%;
    float: left;
}

    .get_notified_form h1 {
        font-size: 21.5px;
        font-weight: bold;
        padding-left: 15px;
        color: #fff;
        margin-bottom: 14px;
        margin: 5px 0;
    }

.orText {
    font-size: 24px;
    font-weight: bold;
    /* margin-top: 55px;*/
    text-align: center;
}

.arrRight {
    font-size: 24px;
    font-weight: bold;
}

.arrowRight {
    padding: 0 14px 15px 0;
}

.suggestBrn {
    width: 100%;
    margin: auto;
    /*margin-top: 34px;*/
    font-weight: bold;
    text-transform: uppercase;
}

.get_notified input {
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    height: 35px;
    padding: 5px 10px;
}

.get_notified label {
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}

.get_notifiedBtn {
    background: #ff9000 none repeat scroll 0 0;
    border: 3px solid #ff9000;
    color: #fff;
    font-size: 16px;
    padding: 1px 5px 3px 2px;
    text-transform: none;
    width: 100%;
}

    .get_notifiedBtn:hover {
        background: #fea22b;
        border: 3px solid #fea22b;
    }

/*11-05-2016
=========================*/
.selectBx {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    height: 35px;
}

.selectBx2 {
    width: 30%;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    height: 35px;
}

.arrowRet {
    font-size: 36px;
    color: #fff;
}

.hedTitBg {
    background: #ff9000;
    padding: 10px;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px !important;
    font-weight: bold;
}

.update_details.date_only input[type="text"] {
    border: none;
    background: rgba(255, 255, 255, 0.01) url(../images/Calendar_icon.png) no-repeat scroll right center / 15px auto;
    height: 26px !important;
    padding: 0;
    margin: 0;
    font-weight: bold !important;
    color: #2e2a26;
}

.update_details.date_only.dropArrowInRight input[type="text"] {
    background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png) no-repeat scroll right center / 15px auto !important;
}

.update_details.date_only input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #2e2a26;
    opacity: 9;
}

.update_details.date_only input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #2e2a26;
    opacity: 9;
}

.update_details.date_only input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #2e2a26;
    opacity: 9;
}

.update_details.date_only input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #2e2a26;
    opacity: 9;
}

.keyFromBox .newTime_details label {
    width: 100%;
}

.popupAddKey {
    overflow: auto;
}

.storeDetailsDv #selectKeyDD {
    border: none;
    color: #00B189;
    font-family: poppins;
    font-weight: bold;
    line-height: normal;
    font-size: 15px;
}

.locationBgBox .description_details {
    margin-bottom: 15px;
}

.locationBgBox .key-detailSec h3 {
    text-align: center !important;
}

.storeDetailsDv .ui-button-icon-only.custom-combobox-toggle {
    background: none;
    height: auto;
}

.storeDetailsDv .custom-combobox {
    width: 220px;
}

.storeDetailsDv .custom-combobox-input.ui-widget {
    background: none !important;
    padding: 0;
    margin: 0;
    height: auto;
    font-weight: 600;
    line-height: normal;
    font-size: 15px;
    color: #2E2A25 !important;
}

.storeDetailsDv a.ui-button.ui-widget.ui-state-default.ui-button-text-only.custom-combobox-toggle.ui-corner-right {
    padding: 0;
    margin: 0;
    border: none;
    width: 120px;
    text-align: left;
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
}

.storeDetailsDv .ui-button-text-only .ui-button-text {
    padding: 0;
    margin-left: 15px;
    position: relative;
    padding-bottom: 5px;
}

    .storeDetailsDv .ui-button-text-only .ui-button-text:before {
        content: "";
        position: absolute;
        width: 82px;
        height: 1px;
        background: #00b189;
        bottom: 0;
    }

/*a.custom-combobox-toggle.ui-corner-right {
        padding: 0;
    margin-left: 15px;
    position: relative;
    padding-bottom: 5px;
}
    a.custom-combobox-toggle.ui-corner-right:hover {
    text-decoration:none;
    }

a.custom-combobox-toggle.ui-corner-right:before {
    content: "";
    position: absolute;
    width: 82px;
    height: 1px;
    background: #00b189;
    bottom: 0;
}*/
.my_keylist #location_key .btns .collectionCount .js-example-basic-single {
    height: auto !important;
    background-color: #fff !important;
    text-decoration: none;
    font-weight: 500;
}

span#SelectedStoreAddress {
    float: left;
    width: 50%;
    padding-right: 15px;
    color: #2E2A25 !important;
}

span#SelectedStoreTime {
    float: left;
    width: 50%;
    color: #2E2A25 !important;
}

p.description_details {
    font-size: 15px;
    width: 100%;
    display: inline-block;
}

.collectionCount #numberOfKeys {
    color: #00B189;
    font-weight: 500;
    padding-left: 5px;
    text-decoration: none;
}

.collectionCount#collectionCount #numberOfKeys {
    background-color: #fff !important;
    height: auto;
}

@media (min-width:1025px) and (max-width: 1366px) {
    .mapBoxs {
        height: 500px;
    }
}

@media (max-width:991px) {
    .btngreen.updareBtn {
        padding: 4px 10px;
        margin: 5px 0;
    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .mapBoxs {
        height: 600px;
    }
}

/* 360 - 640 Start
===========================================================*/
@media (min-width:360px) and (max-width: 640px) {
    .top_menu li {
        background: none;
        float: left;
        width: 100%;
        border-bottom: 1px solid #06604e;
    }
}

/* 320 - 480 Start
===========================================================*/
@media (min-width:320px) and (max-width: 480px) {
    .footer_link {
        margin-bottom: 35%;
    }

    .top_menu li {
        background: none;
        float: left;
        width: 100%;
        border-bottom: 1px solid #06604e;
    }

    .yourProfile_form {
        width: 100%;
    }

    .membership_box {
        width: 100%;
        float: left;
    }
}

.signup_modelError ul li {
    list-style: none !important;
}

.contSerBox {
    width: 90%;
    margin: auto;
    padding: 15px;
}

    .contSerBox p {
        font-size: 16px;
    }

.setDate {
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px;
    margin-right: 15px;
}

.setTime {
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px;
}

/*Paypal Page Css =========================================================== */
.paymentWor {
    margin: auto;
    width: 40%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 2px #ccc;
}

.checkoutBtn {
    border: 3px solid #ff9000;
    background: #ff9000;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}

    .checkoutBtn:hover {
        border: 3px solid #fea22b;
        background: #fea22b;
        color: #fff;
    }

.checkoutBtn2 {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B189;
    border-radius: 5px;
    padding: 14px 20px;
    color: #00B189;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 600;
    line-height: normal;
    font-size: 15px;
}

    .checkoutBtn2:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        border: 2px solid #00B189;
        color: #00B189;
    }

    .checkoutBtn2:focus {
        background: #00B189;
        border: 2px solid #00B189;
        color: #fff;
    }

.amount-wrapper input {
    -webkit-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -moz-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -ms-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -webkit-transform: translateX(-14px);
    -moz-transform: translateX(-14px);
    -ms-transform: translateX(-14px);
    -o-transform: translateX(-14px);
    transform: translateX(-14px);
    padding: 7px 14px;
    background: url(../images/pound.png) no-repeat scroll 4px 9px;
    border: 1px solid #ccc;
}

.has-focus .amount-wrapper input,
.has-value .amount-wrapper input {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.has-focus .amount-wrapper:after,
.has-value .amount-wrapper:after {
    opacity: 1;
}

label.has-focus {
    background-color: #f9f9f9;
    cursor: text;
    z-index: 2;
}

    label.has-focus .input-wrapper:after {
        color: #393536;
    }

    label.has-focus .input-label {
        color: #2E2A25;
    }

label.has-value .input-label {
    opacity: 1;
}

.has-value {
    width: 80%;
    float: left;
}

    .has-value span {
        margin: 3px 0;
        float: left;
        width: 100%;
    }

.edit_history {
    float: right;
    font-size: 16px;
    /*padding-top: 8px;*/
    padding-top: 0px;
    width: auto;
}

a.EditKeyCode:hover,
a.EditKeyCode:focus {
    text-decoration: none;
}

.KeyCodeListTable {
    width: 25%;
    text-align: right;
    margin: 10px 0 25px 0;
}

    .KeyCodeListTable tr td {
        font-size: 16px;
        padding: 4px;
    }

.datepicker-days table thead tr {
    background: #01745d;
    color: #fff;
}

.prev {
    font-size: 20px;
    cursor: pointer;
}

.next {
    font-size: 12px;
    text-align: right;
    font-family: Arial;
    cursor: pointer;
}

.datepicker-days table {
    width: 280px;
}

.EditKeyCode {
    cursor: pointer;
}

    .EditKeyCode span {
        border-bottom: 1px solid rgba(46, 42, 38, 0.6);
    }

.thanksText {
    font-weight: bold;
    font-size: 22px !important;
}

.ETA_error ul li {
    color: red;
    font-size: 14px;
    list-style: outside none none;
}

.ETA_error ul {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.paddingSpc {
    padding-left: 0px;
    margin-bottom: 20px;
}

.thankInp {
    float: left;
    font-size: 16px;
    margin-right: 20px;
    /*width: 25%;*/
}

.thankFrom {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.loading_img {
    left: 0;
    position: fixed;
    top: 0px;
    right: 0px;
    text-align: center;
    bottom: 0px;
    padding: calc(50vh - 90px) 0 0 0;
    z-index: 99999999999;
    background-color: rgba(0, 0, 0, 0.3);
}

    .loading_img img {
        background: url(/Content/images/spinner.gif) no-repeat center/65px, #fff;
        height: 0;
        width: 0;
        padding: 45px;
        border-radius: 5px;
    }

    .loading_img.modal.mobCenterMod {
        background-color: rgba(0, 0, 0, 0.3);
    }

.clr_cls {
    color: #02493b;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff !important;
}

.mar-tb90.yourProfile_form {
    margin: 90px auto;
}

button {
    text-transform: uppercase;
}

.check_box_text input {
    float: left;
    width: 20px;
    padding: 0px;
    margin: 0px 10px 0 0;
    height: 29px;
}

.check_box_text label {
    font-weight: normal !important;
    margin: 0 4px 0 0;
    height: 20px;
}

.check_box_text {
    font-size: 16px;
    margin-bottom: 12px;
}

.location_detels_box1 {
    font-size: 15px !important;
}

.LateComingCheckbox {
    float: left !important;
    height: 42px !important;
    margin: 0 9px 0 0 !important;
    padding: 0 !important;
    width: 27px !important;
}

#addKeyCodeFrm .update_details {
    margin-left: 0px !important;
    margin-bottom: 19px !important;
}

/*.wrapper {
    padding: 0px 15px 5px 0px;
    background: #01745d;
    width: 100%;
    z-index: 10000;
    color: #fff;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
}*/
#cookies .desc {
    bottom: 0;
    border-radius: 10px;
}

#cookies .wrapper {
    display: block;
    max-width: 290px;
    position: fixed;
    bottom: 20px;
    width: calc(100vw - 40px);
    background: unset;
    left: 20px;
    right: unset;
    text-align: left;
}

.wrapper {
    padding: 0px 15px 5px 0px;
    background: #01745d;
    width: 100%;
    z-index: 10000;
    color: #fff;
    text-align: center;
    float: none;
    width: 100%;
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
}

    .wrapper .desc {
        background-color: #00b288;
        bottom: 0;
        min-height: 40px;
        padding: 10px 0 0px 0;
        position: fixed;
        width: 100%;
        padding: 12px;
    }

.accept_cookies {
    background: #ff9000;
    padding: 5px;
    width: 155px;
    color: #fff !important;
    text-align: center;
    margin: auto;
}

    .accept_cookies a {
        color: #fff;
        cursor: pointer;
        font-size: 16px;
    }

.wrapper h2 {
    margin: 1px;
    font-size: 28px;
}

.wrapper p {
    font-size: 12px;
    padding: 13px;
}

/*======================08-11-16===================*/
.key_deteilsBox {
    width: 100%;
    float: left;
}

    .key_deteilsBox table {
        border: 1px solid #e0e0e0;
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
        /* display: block; */
    }

        .key_deteilsBox table tr {
            /*border-bottom: 1px solid #e0e0e0;*/
            background: #fff;
        }

            .key_deteilsBox table tr td {
                padding: 20px 28px !important;
                border: none;
            }

        .key_deteilsBox table thead {
            color: #2E2A25;
            font-weight: bold;
        }

        .key_deteilsBox table tbody tr td.boldText {
            color: #2E2A26;
            font-weight: 500;
            font-size: 15px;
            line-height: 26px;
        }

        .key_deteilsBox table tbody tr:hover td.boldText {
            color: #00B288 !important;
        }

        .key_deteilsBox table tbody tr td .boldText {
            color: #2E2A26;
            font-weight: 500 !important;
            font-size: 15px !important;
            line-height: 26px !important;
        }

        .key_deteilsBox table tbody tr:hover td .boldText {
            color: #00B288 !important;
        }

        .key_deteilsBox table tbody tr:hover.overdue td .boldText {
            color: #E35454 !important;
        }

.dataTable.historyTable tr.usedviewcode td {
    background: rgba(46, 42, 38, 0.05);
}

.manageAccess {
    border: 2px solid #00B189;
    border-radius: 5px;
    padding: 6px 40px 6px 10px;
    text-transform: uppercase;
    font-size: 20px;
    color: #006b54;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
}

    .manageAccess:hover {
        color: #006b54;
        text-decoration: none;
        font-weight: bold;
    }

.key_deteilsBox table.a:hover,
a:focus {
    text-decoration: none;
    color: #006b54;
}

.titleHed {
    text-align: center;
    color: #2E2A25;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: -10px;
    padding: 0 25px;
}

    .titleHed span {
        line-height: normal;
    }

.house_keys {
    display: inline-block;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    padding-left: 20%;
    margin: 40px 0 20px 0;
}

    .house_keys tr td {
        padding: 10px;
    }

        .house_keys tr td.boldText {
            color: #2E2A25;
            font-weight: bold;
        }

.btns {
    width: 90%;
    margin: auto;
    font-family: 'Poppins', sans-serif;
}

    .btns ul {
        margin: 0px;
        padding: 0px;
    }

        .btns ul li {
            list-style: none;
            display: inline-block;
            width: 100%;
        }

            .btns ul li a {
                text-decoration: none;
                background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
                border: 2px solid #00B189;
                color: #00B189;
                font-size: 20px;
                font-weight: normal;
                border-radius: 5px;
                padding: 5px 25%;
                width: 100%;
                display: inline-block;
                text-align: center;
                margin-bottom: 15px;
            }

                .btns ul li a:hover {
                    text-decoration: none;
                    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.1) 109%);
                    color: #00B189;
                    border: 2px solid #00B189;
                    border-radius: 5px;
                }

                .btns ul li a:focus {
                    text-decoration: none;
                    background: #00B189;
                    color: #fff;
                    border: 2px solid #00B189;
                    border-radius: 5px;
                }

                .btns ul li a.active {
                    text-decoration: none;
                    background: #006b54;
                    color: #fff;
                    border: 2px solid #006b54;
                    border-radius: 5px;
                    font-weight: bold;
                }

.Btn_ico1 {
    background: url(../images/icon1.png) no-repeat;
    height: 26px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.Btn_ico7 {
    background: url(../images/icon7.png) no-repeat;
    height: 25px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico7 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico7 {
    background-position: left bottom;
    font-weight: bold;
}

.btns ul li a:hover .Btn_ico1 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico1 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_ico2 {
    background: url(../images/icon2.png) no-repeat;
    height: 25px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico2 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico2 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_ico3 {
    background: url(../images/icon3.png) no-repeat;
    height: 26px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico3 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico3 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_icoairbnb {
    background: url(../images/airbnbicon.png) no-repeat;
    height: 26px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_icoairbnb {
    background-position: left bottom;
}

.btns ul li a.active .Btn_icoairbnb {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_ico4 {
    background: url(../images/icon4.png) no-repeat;
    height: 35px;
    width: 38px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico4 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico4 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_ico5 {
    background: url(../images/icon5.png) no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico5 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico5 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_ico6 {
    background: url(../images/icon6.png) no-repeat;
    height: 26px;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_ico6 {
    background-position: left bottom;
}

.btns ul li a.active .Btn_ico6 {
    background-position: left bottom;
    font-weight: bold;
}

.Btn_icoinfo {
    background: url(../images/icoinfo.png) no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.btns ul li a:hover .Btn_icoinfo {
    background-position: left bottom;
}

.btns ul li a.active .Btn_icoinfo {
    background-position: left bottom;
    font-weight: bold;
}

.mainDiv {
    width: 100%;
}

.manageAcc {
    margin: auto;
    width: auto;
    text-align: center;
    font-size: 20px;
    margin: 0 -5px;
}

    .manageAcc .midContent {
        padding: 0 30px;
    }

.bottomButton {
    float: left;
    width: 100%;
}

.manageAcc li .boldText1 {
    color: #2E2A25;
    font-weight: 600;
    text-align: left;
    display: inline-block;
    width: 32%;
    /*margin-left:10%;*/
    vertical-align: top;
    font-size: 15px;
}

.manageAcc li .boldText2 {
    color: #2E2A25;
    text-align: left;
    display: inline-block;
    width: 54%;
    /*margin-left:10%;*/
}

.manageAcc ul {
    margin: 0px;
    padding: 0px;
}

    .manageAcc ul li {
        list-style: none;
        margin: 5px 0;
    }

        .manageAcc ul li span {
            padding: 5px 0;
        }

.phone-iconPhone {
    display: none;
}

.addBtn_key.btn-sm {
    font-size: 16px;
}

.modal-content {
    border-radius: 10px;
}

/**************************** ============================== New css Line 08- dec-2017 ================================***************************/
.venueHolder {
    float: left;
    width: 65%;
}

    .venueHolder + .locSearch_img {
        float: left;
        height: inherit;
        margin-left: 15px;
        margin-right: 0;
        margin-top: 11px;
        overflow: inherit;
        position: relative;
        right: -4px;
        text-align: center;
        width: 30%;
    }

        .venueHolder + .locSearch_img img {
            border-radius: 50%;
            height: 100px;
            width: 100px;
        }

.location_detels_box .venueHolder h1 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
    color: #2E2A26;
}

.location_detels_box .venueHolder .address_pop {
    color: #00B189;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 23px;
    margin-bottom: 6px;
}

.location_detels_box {
    border: 0;
    padding: 0px;
    border-radius: 10px;
}

.updareBtn {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00b189;
    border-radius: 5px;
    color: #00b189;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 18px;
    text-transform: inherit;
    font-family: 'Poppins', sans-serif;
}

    .updareBtn:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        border: 2px solid #00b189;
        color: #00b189;
    }

    .updareBtn:focus {
        background: #00B189;
        color: #fff;
    }

.desprictionOuter {
    float: left;
    padding-bottom: 15px;
    width: 100%;
}

    .desprictionOuter p {
        font-family: poppins;
        font-size: 13px;
        font-weight: 400;
        line-height: 23px;
        text-align: left;
        color: #2E2A26;
    }

/* .closeArrow {
    float: right;
    margin-bottom: 10px;
    position: absolute;
    right: -20px;
    text-align: right;
    top: -20px;
    width: auto;
} */
.closeArrow {
    float: right;
    margin-bottom: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: -10px;
    width: auto;
}

    .closeArrow button.close {
        font-size: 28px;
    }

/*.gm-style-iw {
    width: 380px !important;
    left: 25px !important;
    background: #ffffff none repeat scroll 0 0 !important;
    padding: 20px;
    position: relative;
    border-radius: 10px !important;
    border: 1px solid rgba(46, 42, 38, 0.05) !important;
}*/

.gm-style-iw {
    width: 400px !important;
    left: 25px !important;
    background: #ffffff none repeat scroll 0 0 !important;
    padding: 20px;
    position: relative;
    border-radius: 10px !important;
    border: 1px solid rgba(46, 42, 38, 0.05) !important;
}

.gm-style img {
    width: 15px;
    height: 15px;
}

.locationBgBox {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 0px 0 10px;
}

    .locationBgBox .location_detels_box {
        margin-top: 0;
    }

    .locationBgBox .closeArrow {
        right: 18px;
        top: 22px;
    }

.keyLabel {
    color: #00b189;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
}

.dataTable.historyTable tr td {
    background: #FFF;
    border: medium none;
    border-radius: 5px;
    display: block;
    padding: 20px 15px !important;
}

tr.permanentcode td,
tr.validcode td {
    background: #FFF none repeat scroll 0 0 !important;
}

.transparent_sperater:hover {
    background: transparent;
}

h1.title_page_lastmovements {
    color: #2e2a26;
    font-size: 20px;
    font-weight: 500;
    margin: 0 15px 15px;
}

h2.form_undergo_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0;
    color: #2E2A26;
}

#dataTables-example span {
    color: #615E5A;
    font-size: 15px;
    font-weight: 400;
}

* {
    outline: none;
}

.my_keylist #location_key .mainDiv {
    padding: 20px;
    background: #fff;
    margin-bottom: 35px;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
    border-radius: 5px;
}

    .my_keylist #location_key .mainDiv .titleHed {
        margin-top: 0;
    }

    .my_keylist #location_key .mainDiv .btns {
        width: 100%;
    }

        .my_keylist #location_key .mainDiv .btns .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input.valid {
            color: #00b189;
        }

        .my_keylist #location_key .mainDiv .btns .ui-state-default,
        .my_keylist #location_key .mainDiv .btns .ui-widget-content .ui-state-default,
        .my_keylist #location_key .mainDiv .btns .ui-widget-header .ui-state-default {
            color: #00b189;
        }

            .my_keylist #location_key .mainDiv .btns .ui-state-default .ui-icon {
                background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat scroll 0 0 / 100% auto;
            }

        .my_keylist #location_key .mainDiv .btns select {
            -moz-appearance: none;
            -ms-appearance: none;
            -webkit-appearance: none;
            -o-appearance: none;
            appearance: none;
            background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll 26px center / 50% auto;
            border: 1px solid #cccccc;
            min-width: 52px;
        }

.locationBgBox .location_detels_box .ui-state-default .ui-icon {
    background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat scroll 0 0 / 100% auto;
}

.storeDetailsDv .ui-button-icon-only.custom-combobox-toggle {
    width: 25px !important;
    background: #fff !important;
}

.locationBgBox .location_detels_box .ui-state-default .ui-icon-down-arrow {
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll 0 0 / 100% auto !important;
    font-size: 15px !important;
    font-weight: bold !important;
    margin-top: -10px;
    left: 0 !important;
    margin-left: 0 !important;
    width: 25px !important;
    top: 0 !important;
    height: 25px !important;
}

.locationBgBox .location_detels_box select {
    padding-left: 5px;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll 26px center / 50% auto;
    border: 1px solid #cccccc;
    min-width: 52px;
}

.col50.col {
    padding: 0 10px;
}

.col50.col_1 {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.col50.col_2 {
    width: 50%;
    float: left;
}

.btns ul li.col50 a {
    font-size: 15px;
    padding: 7px 12px;
    height: 50px;
    font-weight: 500;
    line-height: 27px;
}

.btns ul li.col_1 a {
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    border: 2px solid #2E2A26;
    color: #2E2A26;
    background: linear-gradient(180deg, rgba(46, 42, 38, 0) 25%, rgba(46, 42, 38, 0.07) 117%);
}

    .btns ul li.col_1 a:hover {
        border: 2px solid #2E2A26;
        color: #2E2A26;
        background: linear-gradient(180deg, rgba(46, 42, 38, 0) 25%, rgba(46, 42, 38, 0.125) 117%);
    }

    .btns ul li.col_1 a:focus {
        border: 2px solid #2E2A26;
        color: #fff;
        background: #2E2A26;
    }

.btns ul li.col50.col_2 a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #2E2A26;
}

    .btns ul li.col50.col_2 a:hover {
        color: #2E2A26;
    }

.col50.col_2 span {
    padding-bottom: 0px;
    margin-right: 5px;
}

.boldText2 span {
    border-bottom: 1px solid #006b54;
    color: #006b54;
    padding-bottom: 5px;
}

.midContent {
    max-width: 100%;
    padding: 0 38px;
}

/*.gm-style .gm-style-iw-c {
    transform: translate(-56%, -100%);
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 3%) !important;
    padding: 0px !important;
}*/
.gm-style .gm-style-iw-c {
    transform: translate(-56%, -100%);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    padding: 0px !important;
}

.location_detels_box .desprictionOuter > p:first-child {
    font-weight: 600 !important;
}

.location-detail-divider {
}

.gm-style .gm-style-iw-d::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
}

.gm-style .gm-style-iw-t {
    transform: translateY(-9px);
}

    .gm-style .gm-style-iw-t::after {
        top: 8px !important;
        transform: translate(-85%, -50%) rotate(-45deg) !important;
        border-radius: 3px;
    }

.gm-style-iw + div {
    display: none;
}

.mapSearch_outer {
    background: #fff;
    display: table;
    margin: 15px auto 0;
    /* max-width: 660px; */
    padding: 7px;
    position: relative;
    /* width: 100%; */
    z-index: 1;
    /* -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75); */
    border-radius: 10px;
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
}

    .mapSearch_outer .mapSearchBox {
        float: left;
        margin-top: 0px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .mapSearch_outer .selectCity {
        float: left;
        margin-top: 4px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;
        /*width: 140px;*/
    }

.customespan {
    float: left;
    color: #2E2A26;
    font-size: 15px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 17px;
    padding: 0 5px;
    text-transform: lowercase;
}

.searcWhiteBox > .customespan {
    padding: 0 !important;
}

.mapSearch_outer .searchTerm.Map-AutoComplete {
    border-color: #2E2A25;
}

/*.mapSearch_outer #city-dropdown select.home-city {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 20% auto;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 120px;
    color: #2E2A26;
    font-size: 15px;
    font-weight: 500;
}*/
.mapSearch_outer #city-dropdown .bootstrap-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0);
    /*min-width: 120px;*/
    color: #2E2A26;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    margin-left: 5px;
    width: auto;
}

    .mapSearch_outer #city-dropdown .bootstrap-select > .dropdown-toggle {
        display: inline-block;
        overflow: hidden;
        width: auto;
        text-align: left;
        text-transform: inherit;
        border: none;
        padding: 0;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-size: 15px;
        color: #2E2A26;
        background: rgba(0, 0, 0, 0) url("../images/Chevron_icon.svg") no-repeat scroll right center / 23px auto !important;
        padding-right: 25px;
    }

.bs-caret .caret {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 66% !important;
}

#city-dropdown .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.open > .dropdown-toggle.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.mapSearchBox .searchboxWithBtn button {
    background: #fff;
    border: 2px solid #615E5A;
    border-radius: 0px 5px 5px 0px;
    color: #2e2a26;
    font-size: 15px;
    padding: 7px 12px;
    position: absolute;
    height: 50px;
    right: 0;
    text-transform: capitalize;
    font-weight: 500;
}

    .mapSearchBox .searchboxWithBtn button:hover {
        background: #2e2a26;
        color: #fff;
    }

    .mapSearchBox .searchboxWithBtn button:focus {
        background: #2e2a26;
        color: #fff;
    }

.mapSearchBox .searchboxWithBtn {
    float: left;
}

    .mapSearchBox .searchboxWithBtn input[type="text"] {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #4B4845 currentcolor #4B4845 #4B4845;
        border-image: none;
        border-radius: 5px;
        border-style: solid none solid solid;
        border-width: 2px medium 2px 2px;
        color: #2E2A25;
        float: left;
        font-size: 15px;
        padding: 14px 90px 14px 18px;
        width: 100%;
        height: 50px;
        text-align: left;
        font-weight: 500;
        color: #757575;
        background: #fff;
    }

    .mapSearchBox .searchboxWithBtn input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #757575;
        font-weight: 400;
    }

    .mapSearchBox .searchboxWithBtn input::-moz-placeholder {
        /* Firefox 19+ */
        color: #757575;
        font-weight: 400;
    }

    .mapSearchBox .searchboxWithBtn input:-ms-input-placeholder {
        /* IE 10+ */
        color: #757575;
        font-weight: 400;
    }

    .mapSearchBox .searchboxWithBtn input:-moz-placeholder {
        /* Firefox 18- */
        color: #757575;
        font-weight: 400;
    }

.get_notified a button.key_addBtn.suggestBrn.suggestBrnBG {
    background: #00b189 none repeat scroll 0 0;
    /* border: 2px solid rgba(46, 42, 37, 0.25); */
    border-radius: 7px;
    font-weight: normal;
    text-transform: inherit;
    width: 260px;
    font-size: 17px;
    font-weight: bold;
    width: 300px;
    padding: 12px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 0px 7px rgba(0, 177, 137, 0.25);
    color: #fff;
}

    .get_notified a button.key_addBtn.suggestBrn.suggestBrnBG:hover {
        background: #02A17D;
        border: 2px solid rgba(46, 42, 37, 0.25);
    }

    .get_notified a button.key_addBtn.suggestBrn.suggestBrnBG:focus {
        background: #02A17D;
        border: 2px solid #02A17D;
    }

.profileOuter .tabContaBox {
    border: none;
    padding: 0;
}

.profileOuter .yourProfile_form {
    border: medium none;
    border-radius: 7px;
    float: left;
    margin: 18px 0 50px;
    width: 100%;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
    -moz-box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
}

.home-city {
    padding: 5px 23px 5px 4px !important;
    border-radius: 0 !important;
    /*  border-bottom: 1px solid #757575 !important; */
}

/*.mapSearch_outer .selectCity::before {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 5px;
    position: absolute;
    width: calc(100% - 35px);
}*/

.suggestBrn {
    bottom: 25px !important;
}

.modal-header .close {
    margin-top: 0px !important;
    position: relative;
    top: 20px;
    right: 0px;
    z-index: 999;
}

.boldText2 a:hover {
    text-decoration: none;
}

.boldText2 span {
    border-bottom: 1px solid #00B189;
    color: #00B189;
    padding-bottom: 5px;
}

.boldText2 a:hover span {
    color: #006b54;
}

.custom-combobox-input.ui-widget,
.ui-button-icon-only.custom-combobox-toggle {
    height: 48px;
    background: #f9f9f9 !important;
    border-radius: 0px;
    border: none;
}

.my_keylist #location_key .mainDiv .btns select,
.js-example-basic-single {
    height: 40px;
    background-color: #f9f9f9 !important;
    border-radius: 0px;
    border: none !important;
}

#lblAmountDiv + p,
#lblAmountDiv + p + p {
    font-size: 15px;
}

#CouponCode {
    margin: 0px;
    text-transform:uppercase;
}

#dvCoupon .searchboxWithBtn button {
    position: absolute;
    background: #2E2A26;
    color: #fff;
}

#dvCoupon .searchboxWithBtn {
    margin-bottom: 15px;
}

#dvCoupon label {
    font-weight: 500;
    margin: 10px 0 10px 0;
}

.greenDiscText {
    color: #00B189;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.redDiscText {
    color: #f10;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.deleteIconBtn {
    background: none;
    border: none;
    margin-bottom: 15px;
}

    .deleteIconBtn i {
        color: #E86346;
        font-size: 20px;
    }

.greenColorCl {
    color: #00B189 !important;
}

.textoverLIne {
    text-decoration: line-through;
}

.searchboxWithBtn input[type="text"] {
    width: 100%;
    border: 2px solid #2E2A26;
    background: transparent;
    padding: 14px 90px 14px 18px;
    border-radius: 4px;
    font-size: 15px;
    float: left;
    border-right: none;
    color: #757575;
    height: 50px;
    font-weight: 500 !important;
}

.searchboxWithBtn button {
    position: absolute;
    background: transparent;
    border: solid 2px #2E2A26;
    font-size: 15px;
    text-transform: capitalize;
    padding: 7px 12px;
    border-radius: 0px 5px 5px 0px;
    color: #2E2A26;
    right: 0;
    height: 50px;
    font-weight: 500;
}

    .searchboxWithBtn button:hover {
        background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;
    }

    .searchboxWithBtn button:focus {
        background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;
    }

.key_deteilsBox table tr td.deletekeycodetd {
    background: #f9f9f9 none repeat scroll 0 0;
}

.key_deteilsBox table tr.usedviewcode {
    background: rgba(46, 42, 38, 0.05);
}

    .key_deteilsBox table tr.usedviewcode:hover {
        background: rgba(46, 42, 38, 0.05);
    }

.custom-radios #dvAddCoupon {
    margin: 5px 0;
}

.blurpop + #myModal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.profileOuter .updareBtn {
    min-width: 200px;
    padding: 7px 12px !important;
    line-height: 23px !important;
    height: 48px;
}

.gm-style .gm-style-iw {
    overflow: inherit !important;
}

.form-group.oneSetRow {
    float: left;
    margin: 0 0 15px 0;
    width: 47%;
}

.form-group.twoSetRow {
    float: left;
    width: 50%;
    text-align: right;
}

    .form-group.twoSetRow a {
        margin: 0;
        padding-top: 6px;
    }

    .form-group.twoSetRow span {
        text-align: right;
        display: inline-block;
    }

.profileOuter .btnLeft {
    margin-top: 5px;
}

.btns ul li.col50.getCodeCol a {
    font-weight: 600;
    font-size: 15px;
}

.keyFromBox.addKeyPop #payment-form label {
    padding-left: 0;
    font-weight: 500;
}

.keyFromBox.addKeyPop #payment-form .key-detailSec h3 {
    font-weight: 600;
}

/**************************** ============================== // New css Line 08- dec-2017 ================================***************************/
@media (max-width: 767px) {
    #location_key.usekeypopbox {
        width: 100%;
    }

    .my_keylist > div {
        width: 100%;
        /* padding: 0; */
    }

    #location_key.usekeypopbox .locationBgBox {
        padding: 0;
    }

        #location_key.usekeypopbox .locationBgBox .btnCenter {
            margin-bottom: 10px;
        }

    .manageAcc .midContent {
        float: left;
        text-align: left !important;
        width: auto;
        padding: 0;
        margin-right: 30px;
    }

    .manageAcc {
        margin: 0 20px 0 20px !important;
    }

        .manageAcc li .boldText1 {
            text-align: left !important;
            width: 100%;
        }

        .manageAcc li .boldText2 {
            text-align: left !important;
            float: left !important;
        }

        .manageAcc ul li {
            padding: 0 0px;
        }

    .checkAutofaker {
        margin-top: -20px !important;
    }

    .col50.col.getCodeCol {
        margin-bottom: 0px !important;
    }

    .checkAutofaker .btns {
        padding: 0 10px !important;
    }

    .historyTable tbody td {
        /* padding: 30px 20px !important; */
    }

    td.value-res {
        width: calc(90% - 20px) !important;
        float: left;
    }

    #lstKey .value-res:nth-of-type(2) {
        padding-bottom: 5px !important;
        margin: 0 -20px 0 20px;
    }

    #lstKey .value-res:nth-of-type(3) {
        padding-top: 5px !important;
        margin: 0 -20px 0 20px;
    }

    td.value-arrow {
        width: 20px !important;
        float: right !important;
        position: relative;
        bottom: 20px !important;
        padding: 0 !important;
    }

    .form-group.twoSetRow {
        width: 100%;
        text-align: left;
    }

    .form-group.oneSetRow {
        width: 100%;
        margin-left: 0;
    }

    .mapSearch_outer {
        /* background: transparent; */
        max-width: 95vw;
    }

    .mapSearchBox .searchboxWithBtn {
        border: none;
    }

    .key_deteilsBox table tr.usedviewcode {
        background: #fff;
    }

    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 7px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #00B189;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #fff;
    }

    .resp-disNone {
        display: none !important;
    }

    .phone-iconPhone {
        display: inline-block;
        padding: 0px;
        margin: 15px 0 0 15px;
        float: right;
    }

        .phone-iconPhone li {
            list-style: none;
        }

            .phone-iconPhone li img {
                margin: 7px 0 0;
                width: 25px;
            }

    .suggestBrn {
        font-size: 13px;
        bottom: 65px !important;
        padding: 7px 8px 4px 8px !important;
    }

    .gm-style-iw {
        /* width: inherit !important; */
    }

    /*.venueHolder + .locSearch_img{width:100%; margin:0;}
		.venueHolder{width:100%;}*/
    .venueHolder + .locSearch_img img {
        border-radius: 50%;
        height: 85px;
        width: 85px;
    }

    .location_detels_box .venueHolder h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .my_keylist #location_key .mainDiv {
        padding: 15;
    }

    .custom_mob {
        padding: 0;
    }

    #lblAmountDiv p span {
        margin-left: 0px !important;
    }

    .mainDiv p,
    .mainDiv .btnCenter {
        margin-left: 0px !important;
    }

    .custom-combobox-input,
    .ui-autocomplete.ui-front {
        /* width: 92% !important; */
    }

    .ui-autocomplete.ui-front {
        width: 82% !important;
        max-height: 400px;
        overflow: auto;
    }

    .history_table {
        padding: 0 0px;
    }

    .historyTable + .row .dataTables_info,
    .historyTable + .row .col-sm-6 {
        text-align: center;
    }

        .historyTable + .row .col-sm-6 .paging_simple_numbers {
            text-align: center;
            float: none;
        }

    .header_bg_top {
        min-height: 60px !important;
    }
}

@media (min-width:320px) and (max-width: 768px) {
    .mainDiv {
        width: 100%;
    }

    .thankInp {
        margin-top: 10px;
    }

    .manageAcc li .boldText1 {
        color: #2E2A25;
        font-weight: bold;
        text-align: left;
        display: inline-block;
        width: 40%;
        margin-left: 0%;
    }

    .manageAcc li .boldText2 {
        color: #2E2A25;
        text-align: left;
        display: inline-block;
        width: 40%;
        margin-left: 0%;
    }

    .btns {
        width: 100%;
    }

        .btns ul li a {
            padding: 10px 5%;
        }

    .house_keys {
        padding: 0px;
    }
}

@media (min-width:769px) and (max-width: 990px) {
    .btns {
        width: 100%;
    }

        .btns ul li a {
            padding: 10px 10%;
        }

    .house_keys {
        padding: 0px;
    }
}

@media (min-width:991px) and (max-width: 1600px) {
    .btns {
        width: 100%;
    }

        .btns ul li a {
            padding: 10px 16%;
        }

    .house_keys {
        padding: 0px;
    }

    .btns ul li.col50 a {
        padding: 7px 5px;
    }
}

@media (min-width:320px) and (max-width: 768px) {
    .paymentWor {
        width: 80% !important;
    }

    #dataTables-example tr td {
        /* float: left; */
        /* width: 39%; */
        /* border: none; */
        /* min-height: 26px; */
    }

        #dataTables-example tr td:nth-of-type(5) {
            width: 100%;
        }

            #dataTables-example tr td:nth-of-type(5) span.collectionDate {
                width: 48%;
                float: left;
                height: 40px;
            }

        #dataTables-example tr td:last-child {
            width: 90%;
            padding: 10px 5% !important;
            border-top: 1px solid rgba(46, 42, 38, 0.1);
        }

    .collectionDate {
        width: 100%;
        float: left;
        color: rgba(46, 42, 38, 0.6);
    }

    td:last-child .collectionDate {
        width: 50%;
    }

    #dataTables-example tr td .text_bold {
        float: left;
        width: 50% !important;
    }

    #dataTables-example tr td .manage_button {
        float: left;
        width: 100% !important;
        text-align: center;
    }

    #dataTables-example tr {
        /* display: inline-table; */
        width: 100%;
    }

    .manageAccess {
        font-size: 18px;
        padding: 6px 24px 6px 10px;
    }

        .manageAccess i img {
            width: 25px;
        }
}

@media (min-width:320px) and (max-width: 480px) {
    .manage_button {
        width: 100% !important;
    }

    .manageAccess {
        width: 100%;
        text-align: center;
    }

    .city-dropdown {
        top: 190px;
    }

    .mapBoxs {
        height: 270px;
    }

    .header_logo img {
        width: 168px;
    }
}

@media (min-width:150px) and (max-width: 319px) {
    .manage_button {
        width: 100% !important;
    }

    .manageAccess {
        width: 85%;
        font-size: 10px;
        text-align: center;
        padding: 6px 24px 6px 2px;
    }

        .manageAccess i img {
            width: 15px;
        }

    #dataTables-example tr td {
        float: left;
        /* width: 39%; */
        border: none;
        /* text-align: center; */
        word-wrap: break-word;
    }

        #dataTables-example tr td .text_bold {
            float: left;
            width: 50% !important;
            text-align: center;
        }

        #dataTables-example tr td .manage_button {
            float: left;
            width: 100% !important;
            text-align: center;
        }

    #dataTables-example tr {
        display: inline-table;
        width: 100%;
    }
}

@media (min-width:561px) and (max-width: 800px) {
    .manageAccess {
        width: 100%;
        font-size: 11px;
    }

        .manageAccess i img {
            width: 23px;
        }

    #dataTables-example tr td {
        width: 33%;
    }
}

@media (max-width: 800px) {
    .home-city {
        width: 100% !important;
    }

    #city-dropdown {
        display: none;
    }
}

@media (max-width: 480px) {
    .suggestBrn {
        bottom: 50px;
        font-weight: bold;
        margin: auto;
        position: absolute;
        /* right: 5% !important;
        margin: 0 0 0 0 !important;*/
        text-transform: uppercase;
        width: 430px;
        max-width: 90%;
        min-width: 80% !important;
    }
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.key-detailSec p {
    font-size: 15px;
    text-align: left;
    font-weight: 500;
    color: #2E2A25;
}

.key-detailSec h3 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.pay-detail-outer {
    padding: 20px 50px;
}

.key-detailSec p input {
    height: auto !important;
}

/*.gmnoprint
{
    display:none !important;
}*/
.selectmodalpopup .keyTitlepupop.head1 {
    color: #2E2A25;
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    margin-bottom: 10px;
    line-height: normal;
}

.selectmodalpopup .keyTitlepupop {
    font-size: 15px;
    color: #2E2A25;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-left: 5px;
    margin-bottom: 10px;
}

.selectmodalpopup button.addBtn_key {
    width: 100%;
    margin: 10px 0;
    font-size: 18px;
    padding-right: 5px;
    padding-left: 5px;
}

.modal {
    /* z-index: 999999 !important; */
}

button.close {
    font-size: 18px;
}

.selectmodalpopup .keyFromBox {
    padding: 0 0 15px;
}

.text-decoNone:hover,
.text-decoNone2:hover {
    text-decoration: none;
}



/* .airbnbsignup:hover {
    background:#ff5050;
    color:#fff;
    text-decoration:none;
}
.airbnbsignup span
{

    font-size:20px;
    font-weight:bold;
}*/
.airbnbsignupSignup {
    background: #fc5255 none repeat scroll 0 0;
    border: 2px solid #fc5255;
    border-radius: 5px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/* .airbnbsignupSignup:hover {
    background:#fff;
    border:2px solid #ff5050;
    color:#ff5050;
    text-decoration:none;
}
.airbnbsignupSignup span
{

    font-size:20px;
    font-weight:bold;
} */
.midOrCont2 {
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 10px 0;
    font-size: 14px;
    color: #7f7f7f;
}

    .midOrCont2:after {
        height: 1px;
        background: #ddd;
        width: 40px;
        position: absolute;
        right: 0px;
        top: 10px;
        content: "";
    }

    .midOrCont2:before {
        height: 1px;
        background: #ddd;
        width: 40px;
        position: absolute;
        left: 0px;
        top: 10px;
        content: "";
    }

.midOrCont {
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 10px 0;
    font-size: 14px;
    color: #7f7f7f;
}

    .midOrCont:after {
        height: 1px;
        background: #ddd;
        width: 85px;
        position: absolute;
        right: 0px;
        top: 10px;
        content: "";
    }

    .midOrCont:before {
        height: 1px;
        background: #ddd;
        width: 85px;
        position: absolute;
        left: 0px;
        top: 10px;
        content: "";
    }

a.text-decoNone {
    border-bottom: 0px solid #ddd;
    display: inline-block;
    padding-bottom: 0px;
    margin: 8px 0;
    width: 100%;
}

.checkbox-inputHeight input {
    height: auto;
}

.checkAutofaker {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7FCFA;
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
    border-radius: 10px;
    padding: 50px 10px 18px 10px;
    float: left;
    width: 100%;
    margin: 20px 0;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.checkAutofaker .manageAcc {
    font-size: 15px;
    color: #2E2A25;
}

.uderLine {
    border-bottom: 1px solid #adabaa !important;
}

/*---11-08-2017*/
/*---03-01-2018*/
.yourProfile_form .check_box_text select.home-city {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll right 0px / 23px auto;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 120px;
    font-size: 15px;
    font-weight: 600 !important;
    padding-right: 22px;
    color: #00b189;
    padding-top: 0 !important;
    padding-left: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

/* .btnUser {
    background: #01745d;
    padding: 8px !important;
    color: #fff !important;
    text-align: center;
    width: 100%;
    float: left; font-size:20px;
} */
.btnUser {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00b189;
    border-radius: 5px;
    color: #00b189 !important;
    float: left;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    padding: 14px 20px !important;
    text-align: center;
    width: auto;
}

    .btnUser:hover {
        text-decoration: none;
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        color: #00b189 !important;
    }

    .btnUser:focus {
        background: #00B189;
        color: #fff !important;
    }

/*.btnLeft:first-child .updareBtn {
    margin-right: 10px;
}*/
.us_list {
    border: 1px solid #01745d;
    color: #01745d;
    background: #fff;
    text-align: center;
    width: 100%;
    float: left;
    padding: 8px;
    margin: 4px 0;
    font-size: 20px !important;
}

    .us_list:hover {
        background: #01745d;
        color: #fff !important;
        text-decoration: none !important;
    }

    .us_list.active {
        background: #01745d;
        color: #fff !important;
        text-decoration: none !important;
    }

.addBtn {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B189;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: normal;
    font-size: 15px;
    padding: 10px 8px;
    color: #00B189;
}

.font_13 {
    font-size: 13px;
}

.addBtn:hover {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
    border: 2px solid #00B189;
}

.addBtn:focus {
    background: #00B189;
    border: 2px solid #00B189;
    color: #fff;
}

.headTitle {
    font-size: 20px;
    font-weight: 600;
}

.headManUser {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    float: left;
    margin: 0px 0 25px 0;
}

.mangerUsers tr th {
    text-align: center;
    padding: 10px;
    font-size: 18px;
}

.mangerUsers tr td {
    text-align: center;
    padding: 10px 5px;
    font-size: 18px;
}

.subBtns {
    position: fixed !important;
    float: right;
}

.maUser_list {
    width: 100%;
    overflow: auto;
    height: 400px;
    margin-bottom: 10px;
    border: 1px solid rgba(46, 42, 38, 0.3);
    border-radius: 10px;
}

.inlinecheckBox label {
    display: inline !important;
    padding: 0;
    color: #2E2A25;
    font-weight: 600 !important;
}

    .inlinecheckBox label.hidden-xs {
        display: none !important;
    }

[inline] label.hidden-lg.hidden-md.hidden-sm {
    display: inline !important;
}

.inlinecheckBox .check_box_text label {
    font-size: 15px !important;
    color: #2E2A25;
    font-weight: 600 !important;
}

.searchboxWithBtn {
    position: relative;
    /* width: 400px; */
}

i.arrow-img {
    float: right;
}

.header-sec {
    width: 100%;
    float: left;
    margin: 15px 0;
}

@media (min-width: 767px) {
    .header-sec > .pull-right > div {
        float: right !important;
        width: auto !important;
        margin-left: 0 !important;
    }
}

.key-detailSec .custom-radios div {
    display: inline-block;
    width: 100%;
    float: left;
}

.key-detailSec .custom-radios input[type="radio"] {
    display: none;
}

    .key-detailSec .custom-radios input[type="radio"] + label {
        color: #333;
        font-family: Arial, sans-serif;
        font-size: 14px;
        width: 100%;
    }

        .key-detailSec .custom-radios input[type="radio"] + label span.selectIco {
            line-height: 10px;
        }

        .key-detailSec .custom-radios input[type="radio"] + label span {
            display: inline-block;
            width: 24px;
            height: 24px;
            margin: 4px 16px 15px 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: none;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 20px;
            border: solid 1px #2E2A25;
            float: left;
        }

            .key-detailSec .custom-radios input[type="radio"] + label span img {
                opacity: 0;
                transition: all .3s ease;
            }

    .key-detailSec .custom-radios input[type="radio"]:checked + label span img {
        opacity: 1;
    }

.check_box_text {
    display: inline-block;
    float: left;
}

    .check_box_text input[type="radio"] {
        display: none;
    }

        .check_box_text input[type="radio"] + input[type="hidden"] + label {
            color: #333;
            font-family: "Poppins", sans-serif;
            font-size: 15px;
            font-weight: 600;
            line-height: 35px;
            padding-left: 0;
            width: 100%;
        }

        .check_box_text input[type="radio"] + label span {
            display: inline-block;
            width: 24px;
            height: 24px;
            margin: 4px 16px 20px 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: none;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 20px;
            border: solid 1px #2E2A25;
            float: left;
        }

            .check_box_text input[type="radio"] + label span img {
                opacity: 0;
                transition: all .3s ease;
            }

        .check_box_text input[type="radio"]:checked + label span img {
            opacity: 1;
        }

.check_box_text {
    display: inline-block;
    float: left;
}

    .check_box_text input[type="checkbox"] {
        display: none;
    }

        .check_box_text input[type="checkbox"] + input[type="hidden"] + label {
            color: #333;
            font-family: "Poppins", sans-serif;
            font-size: 15px;
            font-weight: 600;
            line-height: 35px;
            padding-left: 0;
            width: 100%;
        }

            .check_box_text input[type="checkbox"] + input[type="hidden"] + label span {
                display: inline-block;
                width: 24px;
                height: 24px;
                margin: 4px 16px 20px 0;
                vertical-align: middle;
                cursor: pointer;
                border-radius: 50%;
                box-shadow: none;
                background-repeat: no-repeat;
                background-position: center;
                text-align: center;
                line-height: 20px;
                border: solid 1px #2E2A25;
                float: left;
            }

                .check_box_text input[type="checkbox"] + input[type="hidden"] + label span img {
                    opacity: 0;
                    transition: all .3s ease;
                }

        .check_box_text input[type="checkbox"]:checked + input[type="hidden"] + label span img {
            opacity: 1;
        }

.form-group.check_box_text.oneSetRow > label {
    font-weight: 600 !important;
    color: #2E2A25 !important;
}

.check_box_text1 {
    display: inline-block;
    float: left;
}

    .check_box_text1 input[type="checkbox"] {
        display: none;
    }

        .check_box_text1 input[type="checkbox"] + input[type="hidden"] + label {
            color: #333;
            font-family: "Poppins", sans-serif;
            font-size: 15px;
            font-weight: 600;
            line-height: 35px;
            padding-left: 0;
            width: 100%;
        }

        .check_box_text1 input[type="checkbox"] + label span {
            display: inline-block;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 5px;
            box-shadow: none;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 20px;
            border: 1px solid #B9B7B6;
            float: left;
        }

            .check_box_text1 input[type="checkbox"] + label span img {
                opacity: 0;
                transition: all .3s ease;
            }

        .check_box_text1 input[type="checkbox"]:checked + label span img {
            opacity: 1;
        }

.maUser_list.userMaList table.subUsersTb tr td {
    vertical-align: middle;
}

.check_box_text1 label {
    padding-left: 1px !important;
}

/*.custom-radios h4 {
    font-family: poppins;
    font-size: 15px;
    font-weight: 600;
    margin: 7px 0 2px;
    color: #2E2A25;
}*/
.custom-radios p {
    margin: 0px 0 0;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    font-family: poppins;
}

.form-control {
    background: #F4F4F2;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 12px 15px;
    box-shadow: none;
    font-size: 15px;
    color: #757575;
    height: 48px;
    font-weight: normal;
    border: 2px solid #E9E9E7;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.key_saveBtn {
    background: linear-gradient(180deg, rgba(46, 42, 38, 0) 25%, rgba(46, 42, 38, 0.07) 117%);
    border: 2px solid #2E2A26;
    width: 100%;
    padding: 3px 10px;
    font-size: 15px;
    color: #2E2A26;
    text-transform: inherit;
    border-radius: 4px;
    clear: both;
    margin: 5px 0;
    height: 50px;
    font-weight: 600;
}

    .key_saveBtn:hover {
        background: linear-gradient(180deg, rgba(46, 42, 38, 0) 25%, rgba(46, 42, 38, 0.2) 117%);
        border: 2px solid #2E2A26;
        color: #2E2A26;
    }

    .key_saveBtn:focus {
        background: #2E2A26;
        border: 2px solid #2E2A26;
        color: #fff;
    }

.key_saveBtnActive {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B189;
    width: 100%;
    padding: 3px 10px;
    font-size: 15px;
    color: #00B189;
    text-transform: inherit;
    border-radius: 4px;
    height: 50px;
    font-weight: 600;
}

    .key_saveBtnActive:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        border: 2px solid #00B189;
        color: #00B189;
    }

    .key_saveBtnActive:focus {
        background: #00B189;
        border: 2px solid #00B189;
        color: #fff;
    }

.key_saveBtnDelete {
    background: linear-gradient(180deg, rgba(232, 99, 70, 0) 25%, rgba(232, 99, 70, 0.075) 117%);
    border: 2px solid #E86346;
    width: 100%;
    padding: 3px 10px;
    font-size: 15px;
    color: #E86346;
    /*text-transform: capitalize;*/
    border-radius: 4px;
    height: 50px;
    font-weight: 500;
}

    .key_saveBtnDelete:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(232, 99, 70, 0) -39%, rgba(232, 99, 70, 0.075) 109%) repeat;
        border: 2px solid #E86346;
        color: #E86346;
    }

.key_addBtn.key_saveBtn_red {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #2e2a26;
    border-radius: 4px;
    color: #2e2a26;
    font-size: 19px;
    padding: 3px 10px;
    text-transform: inherit;
    width: 100%;
}

    .key_addBtn.key_saveBtn_red:hover,
    .key_addBtn.key_saveBtn_red:active {
        color: #ff5050;
        border-color: #ff5050;
    }

p.popup-btm-titel {
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    margin: 2px 0 20px 0;
    float: left;
}

    p.popup-btm-titel a {
        color: #00B189;
        text-decoration: underline;
    }

.green-link {
    color: #00B189 !important;
    text-decoration: underline;
}

table-work-panel td {
    border: none !important;
    font-size: 15px;
}

.table-work-panel td span {
    display: block;
}

.table-work-panel td:nth-child(1) {
    border-radius: 5px 0 0 5px;
    color: #00B189;
    font-weight: bold;
}

.table-work-panel td:nth-child(5) {
    border-radius: 0 5px 5px 0;
}

.table-work-panel td:nth-child(6) {
    background: none;
}

.table-work-panel span.date-col {
    color: #2E2A25;
    font-weight: bold;
}

a.key-edit {
    color: #2E2A25;
    font-size: 15px;
}

    a.key-edit i.fa.fa-trash-o {
        color: #E86346;
    }

td.td-last-ed {
    background: #e5e5e5 !important;
}

.table-work-panel tr {
    background: #fff;
}

tr.keys-cods-panel.table-work-graw {
    background: rgba(46, 42, 38, 0.05);
}

tr.bg-table {
    background: none;
}

td.bg-td-pd {
    padding: 3px !important;
}

h3.table-heading {
    margin: 0 0 13px;
    color: #2E2A25;
    font-weight: bold;
}

.boldText2 > a {
    color: #2e2a26;
}

.keyFromBox form hr {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    width: calc(100% + 40px);
    margin-left: -20px;
}

.keyFromBox form .addBtn {
    margin-bottom: 20px;
    margin-top: 5px;
}

.terms_text.agreementwithus {
    float: left;
    font-size: 12px;
    font-weight: 500;
    width: 40%;
    margin-bottom: 0;
}

.signUp_option {
    display: inline-block;
    margin: 10px 0 0;
}

.form-group.dropDownSignUp {
    float: right;
    width: 80%;
    position: relative;
    margin-bottom: 0;
}

    .form-group.dropDownSignUp select#ReferenceFrom {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        border: medium none;
        border-radius: 0;
        color: #2e2a26;
        font-size: 15px;
        font-weight: bold;
        padding: 0;
        background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 30px 30px;
        height: auto;
    }

    .form-group.dropDownSignUp::before {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 5px;
        position: absolute;
        width: 205px;
    }

.fr .form-group.dropDownSignUp {
    width: 80%;
}

    .fr .form-group.dropDownSignUp::before {
        width: 350px;
    }

.Permission {
    width: 49%;
}

.dropDownPermission {
    width: 70%;
    position: relative;
    margin-bottom: 0;
}

    .dropDownPermission::before {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        position: absolute;
        width: 85px;
        margin-left: 4px;
    }

    .dropDownPermission select.Permission {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        border: medium none;
        border-radius: 0;
        color: #2e2a26;
        font-size: 15px;
        font-weight: 500;
        padding: 0;
        background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 30px 30px;
        height: auto;
        display: block !important;
    }

    .dropDownPermission.AllPermission {
        width: 100%;
        position: relative;
        margin-bottom: 0;
    }

        .dropDownPermission.AllPermission::before {
            background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 1px;
            position: absolute;
            width: 145px;
            margin-left: 4px;
        }

        .dropDownPermission.AllPermission select.Permission {
            -moz-appearance: none;
            -webkit-appearance: none;
            -ms-appearance: none;
            border: medium none;
            border-radius: 0;
            color: #2e2a26;
            font-size: 15px;
            font-weight: 500;
            padding: 0;
            background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 30px 30px;
            height: auto;
            display: block !important;
        }

.newTime_details .form-group.date_only.update_details {
    float: left;
    width: 50%;
    padding-right: 18px;
}

.newTime_details .form-group.update_details.time_only {
    float: left;
    width: 50%;
    padding-right: 25px;
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 30px 30px;
}

    .newTime_details .form-group.update_details.time_only.arrowNone {
        background: none;
        background-color: #fff;
    }

        .newTime_details .form-group.update_details.time_only.arrowNone select {
            background-color: #fff;
        }

/*.dropArrowInRight input[type="text"] {
    background: url("../images/black_down.png") no-repeat scroll right center / 30px 30px !important;
}*/
.newTime_details .update_details select {
    border: medium none;
    color: #2e2a26;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    background-size: 30px 30px;
    height: auto !important;
}

#addKeyCodeFrm .newTime_details .update_details {
    margin-bottom: 25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    position: relative;
}

.newTime_details .update_details::before {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    /*left: 5px;*/
    position: absolute;
    width: 170px;
}

.coupon_row {
    border-bottom: 1px dotted #95938F;
    float: left;
    padding: 6px 0;
    width: 100%;
}

.couponTotal {
    float: left;
    padding-top: 10px;
    width: 100%;
}

.coupon_row .textLeft {
    color: #2E2A25;
    float: left;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    width: 50%;
}

.coupon_row .textRight {
    color: #2E2A25;
    float: right;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    text-align: right;
    width: 50%;
}

.couponTotal .textLeft {
    font-weight: bold;
    line-height: normal;
    font-size: 15px;
    color: #00B189;
    text-align: left;
    float: left;
    width: 50%;
}

.couponTotal .textRight {
    font-weight: bold;
    line-height: normal;
    font-size: 15px;
    color: #00B189;
    text-align: right;
    float: right;
    width: 50%;
}

.couponCodeOuter {
    margin-bottom: 30px;
}

.coupon_row .textRight > label {
    margin: 0;
}

.selectGetReport {
    display: inline-block;
    /*float: left;*/
    margin-left: -5px;
    margin-top: -7px;
    position: relative;
    width: auto;
}

    .selectGetReport::before {
        background: #00b189 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 5px;
        position: absolute;
        width: 90px;
    }

/************************** new line 22-feb-2018 *********************************/
.booking_checkout .manageAcc li .boldText1 .single-use_text {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #00B189;
}

.additional_step_pannel a {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    text-decoration: underline;
    color: #00B189;
}

.booking_checkout .green_code_block dl {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #00b189, #00b189) repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: normal;
    margin: 0;
    padding: 3px 10px;
    text-align: center;
}

.booking_checkout .additional_step_tile {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 25px;
    font-weight: 600;
    line-height: normal;
    font-size: 18px;
    color: #2E2A26;
}

.checkAutofaker.additional_step_outer p {
    font-weight: 500;
    line-height: normal;
    font-size: 15px;
    color: #2E2A25;
}

.checkAutofaker.additional_step_outer {
    padding: 30px;
}

.additional_step_pannel #addKeyCodeFrm label {
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    float: left;
    width: 100%;
    color: #2E2A25;
}

.additional_step_pannel #addKeyCodeFrm .update_details input.setDate_1 {
    background: rgba(46, 42, 38, 0.02);
    border: 1px solid rgba(46, 42, 38, 0.3);
    box-sizing: border-box;
    border-radius: 5px;
    height: 50px;
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    padding: 0 20px;
    color: #757575;
}

.additional_step_tile {
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 20px;
    font-weight: 600;
    line-height: normal;
    font-size: 18px;
    color: #2E2A26;
}

.additional_step_pannel #addKeyCodeFrm .update_details input.setDate {
    font-weight: bold;
    line-height: normal;
    font-size: 15px;
    color: #2E2A26;
}

.additional_step_pannel .newTime_details {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.mobCenterModal.modal {
    text-align: center;
    padding: 0 !important;
}

    .mobCenterModal.modal:before {
        content: '';
        /* display: inline-block; */
        /* height: 100%; */
        /* vertical-align: middle; */
        /* margin-right: -4px; */
    }

.mobCenterModal .modal-dialog {
    text-align: left;
    margin: 0 auto;
    width: calc(100vw - 20px);
    max-width: 510px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    height: auto;
}

.text-danger {
    color: #E35454 !important;
    font-weight: 500;
    line-height: normal;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 5px;
    display: block;
}

.input-validation-error {
    border-color: #E35454 !important;
}

.checkAutofaker .btns {
    float: left;
    font-family: "Poppins", sans-serif;
    margin: auto;
    padding: 0 15px;
    width: 100%;
}

.col50.col.getCodeCol {
    margin-bottom: 12px;
}

.col50.col_1.firstCodeli {
    padding-right: 15px;
}

.col50.col_1.SecCodeli {
    padding-left: 15px;
}

.mobileData {
    display: none !important;
}

.editIconKeynestNew {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
}

.deleteIconKyenestNew {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
}

/************************** media query*************************************/
@media (min-width:768px) and (max-width: 991px) {
    .selectGetReport {
        margin-left: 35px;
    }

    #HomeHeader .navbar .container {
        width: 100%;
        padding: 0 12px !important;
    }

    .top_menu li > a {
        font-size: 14px !important;
        padding: 11px 7px;
    }

    .top_menu li.userName {
        margin-right: 7px;
    }

    .header_logo {
        padding: 7px 0 7px 7px;
    }
}

@media (min-width:320px) and (max-width: 768px) {
    .signUp_option {
        width: 88% !important;
    }

    .container {
        padding: 0px !important;
    }

    .inlinecheckBox label.hidden-lg.hidden-md.hidden-sm {
        display: none !important;
    }

    .inlinecheckBox label.hidden-xs {
        display: inline !important;
    }

    .mobile-hidden {
        display: none !important;
    }

    .modal-dialog {
        /* margin: 0 !important; */
    }

    .manageAccess.manageAccess-arrow img {
        width: auto;
    }

    .searchboxWithBtn {
        position: relative;
        width: 100%;
        margin: 0 0 15px;
    }

    .addBtn_key {
        float: left !important;
        width: 100%;
    }

    .addBtn_key {
        font-size: 15px;
    }

    .keyFromBox {
        padding: 0;
    }

    .custom-radios p {
        font-size: 15px;
        width: 212px;
        float: left;
    }

    .custom-radios-addkey p {
        width: 250px !important;
    }

    .searchboxWithBtn input[type="text"] {
        font-size: 15px !important;
    }

    .searchboxWithBtn button {
        font-size: 15px !important;
    }

    .mapSearch_outer button {
        font-size: 15px !important;
    }

    .mapSearch_outer .mapSearchBox {
        width: 100%;
    }

    .searchboxWithBtn {
        margin: 0px;
    }

    /* .updareBtn {padding: 7px 62px;} */
    .manageAcc li .boldText1 {
        text-align: center;
        width: 100% !important;
    }

    .col50.col_1 {
        width: 100%;
    }

    .displayNone {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #storeModel.mob_cont_area.cont_area {
        max-width: 380px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 80px;
        width: calc(100vw - 20px);
        padding: 0;
    }


    .customespan {
        display: none;
    }

    #storeModel.mob_cont_area.cont_area .location_detels_box.homePopBox {
        /*padding: 20px !important;
        border-radius: 10px;*/
        padding-top: 6px;
    }

    .close-btn {
        position: absolute;
        right: -11px !important;
        top: 6px !important;
    }

    #storeModel.mob_cont_area.cont_area .venueHolder {
        width: 65%;
    }

        #storeModel.mob_cont_area.cont_area .venueHolder + .locSearch_img {
            width: 29%;
        }

    .mobileData td {
        margin-bottom: 23px !important;
    }

    .mapBoxs {
        top: 0 !important;
    }

    .mobileData {
        display: block !important;
    }

    .mobViewCodeOuter {
        float: left;
        margin: 8px 0;
        width: 100%;
    }

    .gridLeft {
        width: 50% !important;
        float: left;
        padding: 0 5px;
    }

    .gridRight {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

    .code_number {
        font-weight: 600;
        line-height: normal;
        font-size: 17px;
        color: #00B189;
    }

    .codeStatus {
        font-weight: 600;
        line-height: normal;
        font-size: 15px;
        color: #2E2A25;
    }

    .collection_labelM {
        font-weight: normal;
        line-height: normal;
        font-size: 15px;
        color: rgba(46, 42, 38, 0.6);
    }

    .tymSlot {
        font-weight: normal;
        line-height: normal;
        font-size: 15px;
        color: #2E2A25;
    }

    .codeDescribe {
        font-weight: normal;
        line-height: normal;
        font-size: 15px;
        color: #2E2A26;
    }

    .editIconKeynestNew {
        display: inline-block;
        margin-left: 6px;
        width: 16px;
    }

    .deleteIconKyenestNew {
        display: inline-block;
        margin-left: 6px;
        width: 16px;
    }

    .usedKeyBg td {
        background: #EFEFEE !important;
    }

    .mobViewCodeOuter.actionOuter {
        padding-top: 15px;
        border-top: 1px solid #E9E9E8;
    }

    /* .mobCenterModal.modal {
  text-align: center;
  padding: 0!important;
}

.mobCenterModal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.mobCenterModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-bottom:0!important;
} */
    .gm-style-iw .venueHolder {
        width: 64%;
    }

        .gm-style-iw .venueHolder + .locSearch_img {
            width: 30%;
        }

    .row.bottomButton .key_saveBtn {
        margin: 0 0 22px;
    }

    .row.bottomButton {
        margin-right: 0;
        margin-left: 0;
    }

    #addKeyCodeFrm .update_details {
        margin-top: 15px;
    }

    .newTime_details .form-group.date_only.update_details {
        width: 100%;
        padding-right: 5px;
    }

    .newTime_details .form-group.update_details.time_only {
        width: 100%;
    }

    .form-group.dropDownSignUp {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

    #language-dropdown {
        float: left;
        margin-bottom: 0px !important;
        width: 100%;
    }

    .terms_text.agreementwithus {
        width: 100%;
    }

    .profile_formDiv.animated.fadeInDown.insideSpace {
        padding: 0 16px;
    }

    .profileOuter .userNotifiBtn .updareBtn {
        margin: 0 auto;
        padding: 8px;
    }

    .userNotifiBtn {
        text-align: center;
    }

    .selectGetReport {
        float: none;
        margin-left: 35px;
    }

    .inlinecheckBox label {
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        width: calc(100% - 40px);
    }

    .yourProfile_form {
        padding: 20px 0px 20px 5px;
    }

    .phone-iconPhone {
        display: none;
    }

    .modal-dialog {
        /* padding: 0 10px; */
    }

    .top_menu {
        float: right;
        margin: 0;
        width: 100%;
    }

        .top_menu li {
            padding: 20px 0;
        }

    .venueHolder {
        width: 100%;
    }

        .venueHolder + .locSearch_img {
            width: 100%;
        }

    .searchboxWithBtn {
        /* border-top: 1px solid rgba(46, 42, 38, 0.1); */
        /* margin-top: -3px; */
        /* padding-top: 3px; */
    }

    .cont_area {
        /* padding: 0 !important; */
    }

    /*.header-sec {
        margin: 0 0 28px;
    }*/
    #dataTables-example tr td:last-child {
        border: none;
    }

    .key_deteilsBox table tr td.deletekeycodetd {
        background: #fff none repeat scroll 0 0;
    }

        .key_deteilsBox table tr td.deletekeycodetd:hover {
            background: #fff none repeat scroll 0 0;
        }

    .yourProfile_form .updareBtn,
    .yourProfile_form .btnUser {
        width: 100%;
        margin: 0 !important;
    }

    .modal-header .close {
        top: 17px;
        right: 0px;
        z-index: 999;
    }

    #addKeyCodeFrm .row {
        /* padding-bottom: 5px; */
    }

    .modal.fade.in {
        padding-right: 0px !important;
    }

    .manageAcc li .boldText2 {
        color: #2E2A25;
        text-align: center;
        display: inline-block;
        width: 90%;
        margin-left: 0%;
    }

    .btns ul li.col50 a {
        padding: 7px 2px;
    }

    /* .manageAcc .midContent {
    max-width: 100%;
    padding: 0 10px;
    text-align: center !important;
} */
    .modal-dialog {
        /* margin-bottom: 80px; */
    }

    .popHeader {
        /* border: none; */
        /* padding: 0px 20px; */
    }

    .modal-body {
        /* position: relative; */
        /* padding: 0 20px; */
    }

    .header_logo {
        padding: 8px;
    }

        .header_logo img {
            height: auto;
            width: 100px;
        }

    .header_bg_top {
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .header_bg_top {
    }

    .manageKeyRespon tr {
        position: relative;
    }

        .manageKeyRespon tr td.value-res {
            width: 90% !important;
        }

        .manageKeyRespon tr td.value-arrow,
        #dataTables-example.manageKeyRespon tr td:last-child {
            width: 10% !important;
            padding: 10px 2% !important;
            position: absolute;
            top: 0px;
            right: 0px;
        }

        .manageKeyRespon tr td.value-res.tdFullRespo {
            width: 100% !important;
            word-break: break-all;
        }
}

@media (max-width:480px) {
    .fiterResponsiveSet .dvFilter.btn-box-serch {
        width: 100%;
    }

    .fiterResponsiveSet .btn_green_round.btnRemoveFilter {
        margin-top: 15px;
    }

    .custom-box-width.responsivetxtSearchSet {
        width: 80%;
        float: left;
        border: none;
    }

    .respoSetInnerUI .accessTabs.nav-tabs > li {
        float: left;
        border-bottom: 2px solid #00b189;
        border-right: none;
        width: 100%;
    }

    .respoSetInnerUI {
        float: none;
        width: 100%;
        display: flex;
        align-items: center;
        margin: 0px 0 0 0;
    }

        .respoSetInnerUI .acces-alinks {
            float: left;
            margin: 0 !important;
            margin-left: 10px;
            width: auto;
            padding-right: 10px;
        }

        .respoSetInnerUI .accessTabs {
            width: auto;
            float: left;
            border: 2px solid #00B189;
            border-radius: 5px;
        }

            .respoSetInnerUI .accessTabs.nav > li > a:hover,
            .respoSetInnerUI .accessTabs.nav > li > a:focus {
                border-bottom: 2px;
                border-top: 2px;
                border-color: #00b189;
                padding: 11px 15px;
            }

            .respoSetInnerUI .accessTabs.nav > li.active > a {
                padding: 10px 15px;
            }

    .header_bg_top {
    }

    .header_logo {
        padding: 8px;
    }

        .header_logo img {
            height: auto;
            width: 100px;
        }

    .header_bg_top {
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .inlinecheckBox label {
        /* width: 200px; */
    }

    .update_details select {
        background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 10% auto;
    }

    .searchboxWithBtn {
        position: relative;
        width: 100%;
        float: left;
    }

    .addKeyBtn {
        margin: 5px 0 !important;
    }

    .modal-dialog {
        /* width: auto; */
    }

    .gm-style-iw {
        width: 326px !important;
        left: 8px !important;
        max-width: none !important;
    }

    /*  .closeArrow {
        right: 5px;
        top: -20px;
    } */
    /*   .homePopBoxArrow {
        right: 20px;
    } */
    .homePopBox {
        width: 100%;
    }

    .usekeypopbox {
        width: 94%;
    }

    .manageAcc.payment-result li.store-section .leftText {
        width: 100% !important;
        text-align: left !important;
    }

    .manageAcc.payment-result li.store-section .rightText {
        width: 100% !important;
        text-align: left !important;
        padding-top: 0px !important;
    }

    .manageAcc.payment-result .inopstKey li .leftText {
        width: 87% !important;
    }

    .manageAcc.payment-result .inopstKey li .leftText {
        width: 87% !important;
    }

    .manageAcc.payment-result .inopstKey li .rightText {
        padding-top: 18px !important;
    }

    .booking_checkout .inopstKey li .green_code_block dl {
        padding: 3px 16px !important;
    }

    .manageAcc.payment-result .inopstKey li .rightText {
        width: 88% !important;
        text-align: left !important;
        padding-left: 30px !important;
    }

    .manageAcc.payment-result .inopstKey li.store-section .rightText {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .manageAcc.payment-result li .leftText {
        width: 56% !important;
    }

    .manageAcc.payment-result .inopstKey li .rightText {
        padding-top: 18px !important;
    }

    .booking_checkout .inopstKey li .green_code_block dl {
        padding: 3px 16px !important;
    }

    .manageAcc.payment-result .inopstKey li .rightText {
        width: 88% !important;
        text-align: left !important;
        padding-left: 30px !important;
    }

    .manageAcc.payment-result .inopstKey li.store-section .rightText {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .manageAcc.payment-result li .rightText {
        width: 39% !important;
        text-align: right !important;
        padding-top: 38px !important;
    }

    .manageAcc.payment-result li .content-text {
        width: 100% !important;
        text-align: left !important;
    }

    .whiteBoxCollection .boldText1.collection-code {
        text-align: center !important;
    }

    .whiteBoxCollection .boldText2.collection-code-btn {
        width: 100% !important;
    }

    .manageAcc ul li span.whiteBoxCollection {
        width: 100% !important;
        padding-top: 0px !important;
    }
}

.validation-summary-errors.text-danger ul {
    list-style: none;
    padding-left: 10px;
}

.form-group.dropDownSignUp.signpopupDrop button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border: medium none;
    border-radius: 0;
    color: #2e2a26;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 20px 20px !important;
    height: auto;
    text-transform: none;
}

.form-group.dropDownSignUp.signpopupDrop .btn-group {
    height: auto;
    background: none;
}

.form-group.dropDownSignUp.signpopupDrop button:hover,
.form-group.dropDownSignUp.signpopupDrop button:focus {
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 20px 20px !important;
    color: #2e2a26 !important;
    outline: none !important;
}

.form-group.dropDownSignUp.signpopupDrop:before {
    left: 0px;
    top: 26px !important;
}

.form-group#language-dropdown:before {
    left: 15px;
    top: 22px !important;
}

#language-dropdown {
    left: 0px;
    padding: 0 15px;
    width: 80px !important;
    margin-left: 0px !important;
}

.signUp_option {
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
    margin-bottom:16px;
}

.codeBtns.btn-single {
    float: left;
    background: #fff;
    border: 2px solid #2e2a26;
    border-radius: 5px 0px 0px 5px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: lowercase;
    font-weight: 600;
    width: 53%;
}

.codeBtns.btn-reuse {
    float: left;
    background: #fff;
    border: 2px solid #2e2a26;
    border-radius: 0px 5px 5px 0px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: lowercase;
    font-weight: 600;
    width: 47%;
}

.whiteBoxCollection {
    width: 90%;
    text-align: left;
    display: inline-block;
    border: 1px solid #EAEAE9;
    border-radius: 10px;
    padding: 20px 20px 0px 20px !important;
}

.whiteBoxCollection2 {
    width: 100%;
    text-align: left;
    display: inline-block;
    border: 1px solid #EAEAE9;
    border-radius: 10px;
    padding: 20px 20px 0px 20px !important;
}

.closeText {
    color: rgba(46, 42, 38, 0.5);
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.manageAcc li .leftText {
    color: #2E2A25;
    text-align: left;
    display: inline-block;
    width: 65%;
    vertical-align: top;
    font-size: 15px;
}

.manageAcc li .rightText {
    color: #2E2A25;
    display: inline-block;
    width: 25%;
    text-align: right;
}

.manageAcc.payment-result li.store-section .leftText {
    width: 45% !important;
}

.manageAcc.payment-result li.store-section .rightText {
    width: 45% !important;
}

.code-active {
    color: #fff !important;
    background-color: #2e2a26 !important;
}

.dv-hide {
    display: none !important;
}

.btn-open-close {
    color: rgba(46, 42, 38, 0.5) !important;
}

    .btn-open-close:focus {
        color: rgba(46, 42, 38, 0.5) !important;
    }

.collection-code-type {
    font-size: 15px !important;
    padding-top: 15px !important;
    width: 100%;
    float: left;
}

.whiteBoxCollection .boldText1 {
    width: 45% !important;
    margin-top: 6px;
}

.whiteBoxCollection .boldText2 {
    width: 54% !important;
}

.content-text {
    width: 90%;
    text-align: left;
    display: inline-block;
}

.validation-summary-errors {
    color: red;
}

@media (max-width: 480px) {
    .keycodeheading {
        text-align: center;
        padding-left: 0px !important;
    }

    .dvFilter {
        padding-left: 0px;
    }

    .check_box_text_new {
        margin-bottom: 0px !important;
    }

    .filtercheckBox .check_box_text label {
        /* width: auto !important; */
    }

    .btn_green_round {
        margin-bottom: 15px;
    }

    .dvFilter {
        padding-left: 0px;
        padding-right: 0px;
    }

    .MessageBox.messageBar + .text-count {
        /* padding-right: 0px !important; */
        /* padding-left: 0px !important; */
    }

    .userTable .editUser {
        padding-bottom: 15px !important;
    }

    .scroll th,
    td {
        padding: 0px !important;
    }

    .userTable .editKey {
        padding-top: 0px !important;
    }

    .suggestBrn {
        bottom: 16px !important;
        width: 73% !important;
        left: 15px !important;
        min-width: 73% !important;
    }

    .get_notified a button.key_addBtn.suggestBrn.suggestBrnBG {
        right: 100% !important;
    }

    .mobile-hidden {
        display: none !important;
    }

    .btnaddnewkey {
        padding-right: 15px !important;
        padding-left: 0px;
        float: left !important;
    }

    .userTable .user {
        width: 100% !important;
        line-height: 23px;
        font-size: 15px;
        font-weight: 600;
        padding: 15px 0 !important;
        float: left;
    }

    .userTable .editKey {
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
        float: left;
    }

        .userTable .editKey a {
            width: 100%;
            padding: 7px 20px !important;
        }

    .userTable .editUser {
        /* width: 50% !important; */
        float: left;
        text-align: center;
        padding-top: 0 !important;
    }

        .userTable .editUser .uderLine {
            color: #2E2A26;
            font-size: 15px;
            font-weight: 500;
        }

    .userTable .deleteUser {
        padding-top: 0 !important;
        /* width: 50% !important; */
        float: left;
        text-align: center;
        padding-bottom: 20px !important;
    }

        .userTable .deleteUser .uderLine {
            color: #2E2A26;
            font-size: 15px;
            font-weight: 500;
        }

    .headManUser {
        margin: 0px 0 10px 0 !important;
    }

    table.scroll tbody {
        height: 388px !important;
    }

    .MessageBox {
        width: 80% !important;
    }

        .MessageBox button {
            margin-left: 0px !important;
            margin-bottom: 10px !important;
        }

    /*.reportDays {
        position: absolute !important;
        top: 17px !important;
        right: 30px !important;
    }*/
    .BtnAutomateKeyChasing {
        width: 100% !important;
    }

    .isCheck {
        float: right !important;
    }

    #frmAutomateKeyChasing .form_undergo_title {
        width: 206px !important;
        float: left;
    }

    .uploadFiletxt button {
        right: 15px !important;
    }

    .uploadFiletxt input[type="text"] {
        padding: 14px 97px 14px 18px !important;
    }

    .btn_advance_filter {
        padding: 5px 19px !important;
        margin-top: 15px !important;
    }

    .dropDownCustom::before {
        width: 90% !important;
        margin-left: 4px;
        left: 0 !important;
    }

    .filtercheckBox .check_box_text label {
        margin-top: 3px;
    }
}

.signupPage {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7FCFA;
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
    border-radius: 10px;
    padding: 30px;
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 30px 30px 20px 30px;
}

.form-group.dropDownSignUp.en {
    width: 80px !important;
}

    .form-group.dropDownSignUp.en::before {
        width: 20px !important;
    }

.enDrop ul li {
    padding: 0px !important;
    width: 100%;
    float: left;
}

    .enDrop ul li a {
        padding: 3px 6px !important;
        width: 100%;
        float: left;
    }

li.enDrop {
    padding: 34px 0px !important;
}

.top_menu li,
.enDrop {
    padding: 26px 0px 22px !important;
}

#language-dropdown button {
    font-weight: 500 !important;
}

#language-dropdown:before {
    top: 22px !important;
}

.mapSearch_outer.es {
    max-width: 654px !important;
}

.mapSearch_outer .selectCity.es::before {
    width: 113px !important;
}

.mapSearch_outer #city-dropdown.es .bootstrap-select > .dropdown-toggle {
    width: 66% !important;
}

.bootstrap-select > .dropdown-toggle {
    padding-right: 25px !important;
    width: unset !important;
}

.btn_upload {
    background: rgba(0, 177, 137, 0.05) url("../images/tag_icon.svg") no-repeat scroll 0 0;
    border: 2px solid #00B189;
    border-radius: 4px;
    color: #00B189 !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 19px;
    text-transform: inherit;
    float: right;
    background-position: center;
}

@media (max-width: 767px) {
    .btnaddnewkey {
        float: left !important;
    }

    .btn_upload {
        margin-right: -15px !important;
        width: calc(100% + 15px) !important;
    }

    .btn_export_ovr {
        /*width: 21% !important;*/
        padding-right: 0px;
    }
}

.btnaddnewkey {
    padding-right: 0px;
    padding-left: 0px;
    float: right;
}

.uploadFiletxt input[type="text"] {
    width: 100%;
    border: 2px solid #2E2A26;
    background: transparent;
    padding: 14px 90px 14px 18px;
    border-radius: 4px;
    font-size: 15px;
    float: left;
    border-right: none;
    color: #757575;
    height: 45px;
    font-weight: 500 !important;
}

.uploadFiletxt button {
    position: absolute;
    background: #2E2A26;
    border: solid 2px #2E2A26;
    color: #fff;
    font-size: 15px;
    text-transform: none;
    padding: 7px 12px;
    border-radius: 0px 5px 5px 0px;
    right: 0;
    height: 45px;
    font-weight: 500;
}

    .uploadFiletxt button:hover {
        background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;
    }

    .uploadFiletxt button:focus {
        background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;
    }

.green-txt {
    color: #00B189 !important;
}

.red-txt {
    color: #E35454 !important;
}

.userTable {
    margin-top: 20px;
    width: 100%;
    float: left;
}

    .userTable tr {
        border-top: 1px solid rgba(46, 42, 38, 0.1);
    }

    .userTable .subuser {
        width: calc(100% - 300px);
        line-height: 23px;
        font-size: 15px;
        font-weight: 600;
        padding: 15px 0 15px 5px;
        float: left;
        color: #2E2A26 !important;
    }

    .userTable .editKey {
        padding-top: 8px;
        width: 20%;
        float: left;
    }

        .userTable .editKey a {
            width: 100%;
            padding: 4px 20px !important;
        }

    .userTable .editUser {
        padding-top: 15px;
        width: auto;
        float: left;
        text-align: right;
        padding-right: 20px;
        right: 0;
    }

        .userTable .editUser .uderLine {
            color: #2E2A26;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none !important;
        }

        .userTable .editUser a {
            text-decoration: none !important;
        }

    .userTable .deleteUser {
        padding-top: 15px;
        width: auto;
        float: left;
        text-align: right;
    }

        .userTable .deleteUser .uderLine {
            color: #2E2A26;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none !important;
        }

        .userTable .deleteUser a {
            text-decoration: none !important;
        }

.userDeleteTitle {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    font-family: Poppins !important;
    text-align: center;
    color: #2E2A25;
}

.scroll tr {
    background: linear-gradient(0deg, rgba(46, 42, 38, 0.02), rgba(46, 42, 38, 0.02)), #FFFFFF;
}

.scroll tbody tr {
    border-top: 1px solid rgba(46, 42, 38, 0.3);
}

.scroll td {
    text-align: left;
}

.scroll th {
    text-align: left;
}

.btnBack {
    background: transparent;
    border: solid 2px #2E2A26;
    font-size: 15px;
    padding: 7px 12px;
    border-radius: 5px;
    color: #2E2A26;
    font-weight: 500;
}

    .btnBack:hover {
        /*background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;*/
        text-decoration: none !important;
    }

    .btnBack:focus {
        /*background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;*/
        text-decoration: none !important;
    }

.headManUser span {
    font-size: 15px;
    font-weight: 600;
    margin-left: 20px;
    color: #2E2A26 !important;
}

.profile_formDiv .btnUser {
    padding: 7px 20px !important;
}

.access-permission {
    float: left;
    width: 100%;
    padding: 15px 0px;
}

    .access-permission span {
        width: 25%;
        float: left;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        color: #2E2A26;
    }

    .access-permission .dropDownPermission.AllPermission {
        width: 90%;
        position: relative;
        margin-bottom: 0;
    }

        .access-permission .dropDownPermission.AllPermission .Permission {
            width: 65% !important;
        }

.mobile-keys .dropDownPermission {
    width: 90% !important;
}

    .mobile-keys .dropDownPermission::before {
        width: 85px !important;
        margin-left: 3px !important;
    }

.scroll th,
td {
    padding: 5px 5px 5px 10px;
}

.MessageBox {
    padding-top: 5px;
    padding-bottom: 5px;
    /* border-right: 2px solid #E9E9E7; */
    /* width: 92%; */
    float: left;
    padding-left: 15px !important;
}

    .MessageBox button {
        margin-left: 10px;
        text-transform: none !important;
        background: transparent !important;
    }

.text-count {
    float: right;
    padding-top: 12px;
    font-size: 15px;
    font-weight: normal;
    color: #757575;
    text-align: right;
    border-left: 2px solid #E9E9E7;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.MessageBox label {
    margin-top: 7px;
}

.reportTime select {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll right 0px / 23px auto;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    min-width: 120px;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-right: 22px;
    color: #00b189;
    padding-top: 0 !important;
    padding-left: 7px !important;
    height: auto !important;
    padding-bottom: 0 !important;
    appearance: none;
}

.reportTime {
    display: inline-block;
    margin-left: 0px;
    margin-top: -4px;
    position: relative;
    width: auto;
}

    .reportTime::before {
        background: #00b189 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 5px;
        position: absolute;
        width: 90px;
    }

.reportDays select {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll right 0px / 23px auto;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-right: 22px;
    color: #00b189;
    padding-top: 0 !important;
    padding-left: 7px !important;
    height: auto !important;
    padding-bottom: 0 !important;
    text-align: center !important;
    appearance: none;
}

.reportDays {
    display: inline-block;
    margin-left: -5px;
    margin-top: -4px;
    position: relative;
    width: auto;
}

    .reportDays::before {
        background: #00b189 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 7px;
        position: absolute;
        width: 15px;
    }

.isCheck {
    float: left;
    cursor: pointer;
    margin-top: -5px;
}

    .isCheck input[type="checkbox"] {
        display: none;
    }

    .isCheck label {
        padding: 3px 13px;
        border: 1px solid rgba(46, 42, 38, 0.3);
        border-radius: 15px;
        z-index: 1;
        color: rgba(46, 42, 38, 0.3);
        font-size: 15px !important;
        font-weight: 600 !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: none;
        margin-right: -2px;
        margin-bottom: 0;
    }

        .isCheck label.off {
            padding: 3px 13px;
            border: 1px solid rgba(46, 42, 38, 0.3);
            border-radius: 15px;
            color: rgba(46, 42, 38, 0.3);
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-left: none;
            margin-left: -11px;
            padding-left: 16px;
        }

        .isCheck label.on.active {
            border: 1px solid #00B189 !important;
            color: #00B189 !important;
            border-radius: 15px !important;
        }

        .isCheck label.off.active {
            padding: 3px 13px;
            border: 1px solid #2E2A26 !important;
            border-radius: 15px;
            z-index: 1;
            color: #2E2A26;
            font-size: 15px !important;
            font-weight: 600 !important;
        }

.yourProfile_form .msgLabel {
    /* padding-left: 0; */
}

.msgBoxOutr textarea {
    line-height: 25px;
    color: #2E2A26;
    font-size: 15px;
    font-weight: normal;
}

.MessageBox.messageBar {
    padding: 10px 0;
    margin-left: -15px;
}

    .MessageBox.messageBar label {
        padding-right: 0;
        text-align: left;
        min-width: 46px;
        max-width: unset;
        padding: 0;
        float: left;
        width: auto;
    }

    .MessageBox.messageBar + .text-count {
        padding-top: 18px;
        padding-right: 5px;
        padding-left: 5px;
    }

.profileOuter .btnLeft.custmBtn_deflt {
    margin-top: 0;
}

.maUser_list.userMaList {
    height: auto;
}

    .maUser_list.userMaList table tr th {
        padding: 13px 15px !important;
    }

    .maUser_list.userMaList table tr td {
        padding: 13px 15px !important;
    }

.keyTitlepupop.headTitle {
    font-weight: 500;
}

.btn-black {
    background: linear-gradient(180deg, rgba(46, 42, 38, 0) 25%, rgba(46, 42, 38, 0.035) 117%);
    border: 2px solid #2E2A26;
    border-radius: 5px;
    color: #2E2A26;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 18px;
    text-transform: inherit;
    font-family: 'Poppins', sans-serif;
}

.cbError {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7FCFA;
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
    border-radius: 10px;
    padding: 15px;
    float: left;
    width: 100%;
    margin: 20px 0;
}

    .cbError .heading h2 {
    }

#frmAutomateKeyChasing .form_undergo_title {
    width: auto;
    float: left;
    padding-right: 10px;
}

.scroll thead tr th {
    line-height: 23px !important;
    font-family: Poppins !important;
    color: #2E2A26 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.scroll td {
    line-height: 23px !important;
    font-family: Poppins !important;
    color: #2E2A26 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.btnAddKeyToMessage {
    font-size: 15px !important;
    font-weight: 600;
    color: #2E2A26;
    border: 1px solid rgba(46, 42, 38, 0.3) !important;
    width: auto;
}

.insert {
    font-size: 15px !important;
    color: #2E2A26 !important;
    font-weight: 500 !important;
}

.dv_disable {
    background: #fff;
    opacity: 0.5;
    pointer-events: none;
}

.searchboxWithBtn input[type="text"] {
    border-right: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.btn_advance_filter {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 32px;
    color: #00B189 !important;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    text-transform: inherit;
    float: left;
    text-align: center;
    margin-top: 7px;
    width: unset;
    min-width: 80px;
}

@media (max-width: 767px) and (min-width: 480px) {
    .btn_advance_filter {
        width: calc(100% + 30px) !important;
        margin: 15px -15px 0 -15px !important;
        display: block !important;
        left: 0px;
        right: 0px;
    }
}

@media (max-width: 480px) {
    .btn_advance_filter {
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
        left: 0px;
        right: 0px;
    }
}

.dvSearch {
    padding-left: 0px;
}

.check_box_text_new input[type="radio"] + label span {
    margin: 0px 16px 7px 0 !important;
}

.check_box_text_new {
    margin-bottom: 10px;
}

.FilterTitle {
    color: #2E2A25;
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    margin-bottom: 10px;
    line-height: normal;
}

.dropDownCustom {
    width: 100%;
    position: relative;
    margin-bottom: 0;
}

    .dropDownCustom::before {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
        bottom: -2px;
        content: "";
        height: 1px;
        position: absolute;
        width: 93%;
        margin-left: 4px;
    }

    .dropDownCustom select {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        border: medium none;
        border-radius: 0;
        color: #2e2a26;
        font-size: 15px;
        font-weight: 500;
        padding: 0;
        background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 27px 25px;
        height: auto;
        display: block !important;
        width: 100%;
    }

.filterText {
    font-weight: 500;
    font-size: 15px;
    color: #2E2A26;
    padding: 10px 0px 20px 0px;
    float: left;
}

.btn_green_round {
    background: #00B189;
    border: 1px solid #00B189;
    border-radius: 32px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 13px;
    text-transform: inherit;
    float: left;
    text-align: center;
    margin-top: 8px;
    margin-right: 10px;
}

    .btn_green_round img {
        margin-left: 15px;
    }

.SumoSelect {
    width: 100% !important;
}

    .SumoSelect > .CaptionCont {
        border: none !important;
    }

        .SumoSelect > .CaptionCont > label > i {
            background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 25px 25px !important;
            width: 22px !important;
            height: 25px !important;
            display: block;
            position: absolute;
            top: 14px !important;
            left: 0;
            right: -8px !important;
            bottom: 0;
            margin: auto;
            background-repeat: no-repeat;
            opacity: 0.5 !important;
        }

    .SumoSelect:focus > .CaptionCont,
    .SumoSelect:hover > .CaptionCont,
    .SumoSelect.open > .CaptionCont {
        box-shadow: none !important;
    }

.SelectBox .search-txt {
    height: 31px !important;
    background-color: transparent !important;
}

.SumoSelect > .CaptionCont > span {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.mapSearchBox .searchboxWithBtn input[type="text"] {
    border-right: none !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#ui-id-1 {
    background: #FFF;
    font-size: 15px;
    border: none;
    max-height: 120px;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.05) !important;
}

.storeDetailsDv .custom-combobox-input.ui-widget {
    border: none !important;
    width: 100%;
    background: #F9F9F9 !important;
    padding: 14px 10px;
    border-radius: 5px;
    border: 2px solid #E9E9E7 !important;
}

.storeDetailsDv #selectKeyDD {
    border: none;
    color: #2E2A26 !important;
    font-family: poppins;
    font-weight: 500;
    line-height: normal;
    font-size: 15px;
}

#ui-id-1.ui-menu .ui-menu-item:hover {
    background: #00b189 !important;
    color: #fff !important;
    border: none !important;
}

#ui-id-1.ui-menu .ui-menu-item {
    padding: 3px 10em 3px 10px !important;
    border: none !important;
    font-weight: 500 !important;
    line-height: normal;
    font-family: poppins;
    font-size: 15px !important;
}

.storeDetailsDv .custom-combobox {
    position: relative;
}

    .storeDetailsDv .custom-combobox .ui-button {
        position: absolute;
        right: 10px;
        top: 18px;
        background: none !important;
    }

.addNewKeyOuter {
    width: 320px;
    padding: 15px;
    margin: auto;
    text-align: center;
}

    .addNewKeyOuter h3 {
        font-family: Poppins;
        font-weight: 500 !important;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        padding: 0 20px;
        margin-top: 0px;
        color: #2E2A26;
    }

    .addNewKeyOuter p {
        font-family: Poppins;
        font-weight: 400 !important;
        font-size: 15px;
        line-height: 23px;
        text-align: center;
        color: #2E2A25;
    }

    .addNewKeyOuter .updareBtn {
        width: 223px;
        font-size: 15px;
        height: 48px;
        line-height: 25px;
        padding: 10px 0;
        margin-top: 14px;
    }

.inopstKey ul li strong {
    background: #231E21 !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    padding: 1px;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    margin-right: 10px;
    margin-top: 2px;
}

.inopstKey ul li {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 20px !important;
}

    .inopstKey ul li span {
        padding: 0px !important;
    }

.inopstKey li span.leftText {
    font-weight: 600;
}

.inopstKey h2 {
    font-size: 18px;
    font-weight: 600;
    color: #2E2A26;
    text-align: left;
    padding: 0 15px;
}

.inopstKey p {
    font-size: 15px;
    font-weight: normal;
    color: #231E21;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.inopstKey li .leftText {
    width: 52% !important;
}

.inopstKey li .rightText {
    width: 38% !important;
}

.keycodeheading {
    font-size: 20px;
    padding-left: 30px;
}

.width100 {
    width: 100%;
    margin: 15px 0;
    text-align: left;
}

.inopstKey ul li strong {
    background: #231E21 !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    padding: 1px;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    margin-right: 10px;
    margin-top: 2px;
}

.inopstKey ul li {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 20px !important;
}

    .inopstKey ul li span {
        padding: 0px !important;
    }

.inopstKey li span.leftText {
    font-weight: 600;
}

.inopstKey h2 {
    font-size: 18px;
    font-weight: 600;
    color: #2E2A26;
    text-align: left;
    padding: 0 15px;
}

.inopstKey p {
    font-size: 15px;
    font-weight: normal;
    color: #231E21;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.inopstKey li .leftText {
    width: 52% !important;
}

.inopstKey li .rightText {
    width: 38% !important;
}

.guestDetailText {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    color: #2E2A25;
    width: 100%;
    float: left;
    margin: 15px 0 19px 0;
}

.codeBtnss.btn-reuseGreen {
    float: left;
    background: #fff;
    /*border: 2px solid #00B189;*/
    border-radius: 0px 5px 5px 0px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 47%;
}

.codeBtnss.btn-singleGreen {
    float: left;
    background: #fff;
    background-color: rgb(255, 255, 255);
    /*border: 2px solid #E35454;*/
    border-radius: 5px 0px 0px 5px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 53%;
}

.codeGreen-active {
    color: #fff !important;
    background-color: #00B189 !important;
}

.codeBtnss.btn-reuseRed {
    float: left;
    background: #fff;
    /*border: 2px solid #00B189;*/
    border-radius: 0px 5px 5px 0px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 47%;
}

.codeBtnss.btn-singleRed {
    float: left;
    background: #fff;
    background-color: rgb(255, 255, 255);
    /*border: 2px solid #E35454;*/
    border-radius: 5px 0px 0px 5px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 53%;
}

.codeRed-active {
    color: #fff !important;
    background-color: #E35454 !important;
}

.codeRedBorder {
    border: 2px solid #E35454;
}

.codeGreenBorder {
    border: 2px solid #00B189;
}

.filterOuterAdded.dvFilter.btn-box-serch {
    float: left;
    width: 60%;
}

@media screen and (max-width:640px) {
    .whiteBoxCollection2 {
        padding: 20px 15px 0px 15px !important;
    }
}

/*@media screen and (min-width:768px) and (max-width:1199px) {
    .whiteBoxCollection .boldText2, .manageAcc li .boldText2 {
        width: 70% !important;
    }
}*/
.mapSearch_outer .selectCity.es::before {
    width: calc(100% - 35px) !important;
}

.mapSearch_outer #city-dropdown.es .bootstrap-select > .dropdown-toggle {
    width: 100% !important;
}

.verifyPageBox {
    padding: 0px !important;
}

.verifyLogoSection {
    border-bottom: 1px solid #EAEAE9;
    padding: 15px;
}

.verifyBodySection {
    padding: 31px;
}

    .verifyBodySection .titleHed {
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: normal;
        text-align: center;
        letter-spacing: 0.01em;
        color: #2E2A26;
    }

    .verifyBodySection p {
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: normal;
        text-align: center;
        color: #2E2A25;
        padding: 0px 30px;
        margin-bottom: 31px;
    }

.verifyStepBox p {
    text-align: left;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}

.verifyStepBox img {
    text-align: center;
    margin-top: 30%;
    margin-bottom: 10%;
}

.verifyPassBox,
.verifyFaceBox {
    padding: 27px;
}

.verifyStepBox {
    border: 1px solid #EAEAE9;
    box-sizing: border-box;
    border-radius: 10px;
}

.verifyBorderCenter {
    background-color: #EAEAE9;
    height: 1px;
}

.verifyIdButton {
    padding: 0 20% 20px;
}

.verifyFooter {
    color: #757575;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: normal;
    text-align: center;
}

/*#modelAdvanceFilter {
    z-index: 999999 !important;
}*/

/*23-05-2019*/
.checkOutBox h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
}

.checkOutBox p {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}

.changeStoreText {
    color: #00B189;
    font-size: 12px;
    text-decoration: underline;
}

.dateAreaBoxs {
    width: 90%;
    display: inline-block;
    text-align: left;
}

.change_Validity_Period {
    width: 100%;
    display: inline-block;
}

    .change_Validity_Period .leftText {
        color: #7f7f7f !important;
        font-weight: 600;
        font-size: 18px !important;
        line-height: 27px;
    }

.share_Collection_Details p {
    text-align: left;
}

.id_Verification {
    width: 90%;
    display: inline-block;
}

    .id_Verification .leftText {
        color: #7f7f7f !important;
        font-weight: 600;
        font-size: 18px !important;
        line-height: 27px;
    }

.share_Collection_Details {
    width: 90%;
    display: inline-block;
}

    .share_Collection_Details .leftText {
        color: #7f7f7f !important;
        font-weight: 600;
        font-size: 18px !important;
        line-height: 27px;
    }

.startDatesTitle {
    float: left;
    width: 20%;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}

.endDatesTitle {
    float: left;
    width: 20%;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}

.change_Validity_Period .newTime_details {
    margin-top: 20px;
    margin-bottom: 73px;
}

.inputBoxSelectdate {
    float: left;
    width: 80%;
    position: relative;
}

.normalClass {
    width: 90% !important;
    font-size: 15px !important;
}

.example_Street {
    width: 94%;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
}

.verifyIDStote {
    width: 100%;
    text-align: left;
}

    /*.verifyIDStote h5{color: #7f7f7f !important; font-weight: 600;font-size: 15px !important; line-height: 27px;}*/
    .verifyIDStote .closeText {
        float: left;
        text-align: left !important;
        font-size: 15px;
        color: #7f7f7f !important;
    }

.codeBtnss.btn-reuseGray {
    float: left;
    background: #979493;
    border-radius: 0px 5px 5px 0px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 47%;
}

.codeBtnss.btn-singleGray {
    float: left;
    background: #fff;
    background-color: rgb(255, 255, 255);
    /*border: 2px solid #E35454;*/
    border-radius: 5px 0px 0px 5px;
    color: rgba(46, 42, 38, 0.5);
    font-size: 14px;
    height: 35px;
    text-transform: none;
    font-weight: 600;
    width: 53%;
}

.codeGray-active {
    color: #fff !important;
    background-color: #979493 !important;
}

.codeGrayBorder {
    border: 2px solid #979493;
}

.paymentkOut {
    width: 90%;
    font-size: 18px;
    display: block;
    text-align: left;
}

.ourPlansText {
    font-weight: 500 !important;
    font-size: 15px;
    line-height: 22px;
    color: #00B189;
}

    .ourPlansText .upDownArrowSty i.fa {
        color: #00B189;
        font-size: 18px;
    }

.coponCodeText {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A26;
}

.checkOutBox .manageAcc.payment-result li.store-section .leftText {
    width: 50% !important;
}

.checkOutBox .manageAcc li .boldText2 {
    width: 49% !important;
}

.collecting_keyBox {
    width: 90%;
    display: inline-block;
    text-align: left;
}

.OptionalBtns {
    background: rgba(46, 42, 38, 0.8);
    color: #fff;
    border-radius: 32px;
    font-weight: 500;
    font-size: 13px;
    padding: 5px 15px;
    text-decoration: none;
}

    .OptionalBtns:hover {
        background: rgba(46, 42, 38, 0.8);
        color: #fff;
        text-decoration: none;
    }

.topbarImg {
    width: 90%;
    margin: auto;
}

.wh90 {
    width: 90% !important;
}

.listViewBoxs {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.listNumberView {
    font-weight: 600;
    line-height: 22px;
    color: #231E21;
}

.listNumberBox {
    width: 90% !important;
}

.listNumberView b {
    background: #231E21;
    color: #fff;
    width: 26px;
    height: 26px;
    padding: 3px 9px;
    border-radius: 50%;
    margin-right: 5px;
    float: left;
}

@media screen and (min-width:320px) and (max-width:768px) {
    .verifyIdButton {
        padding: 0 0 20px 0;
    }

    .verifyStepBox img {
        text-align: center;
        margin-top: 1%;
        margin-bottom: 10%;
    }

    .verifyPassBox,
    .verifyFaceBox {
        padding: 22px;
    }

    .verifyBodySection p {
        padding: 0 15px;
        margin-bottom: 24px;
    }

    .checkOutBox p {
        float: left;
        width: 100%;
    }

    .startDatesTitle {
        width: 100%;
        margin-bottom: 7px;
    }

    .endDatesTitle {
        width: 100%;
        margin-bottom: 7px;
    }

    .inputBoxSelectdate {
        width: 100%;
    }

    .change_Validity_Period .newTime_details {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

    .newTime_details .form-group.date_only.update_details {
        margin: 10px 0;
    }

    .changeStoreText {
        float: left;
    }

    .manageAcc.payment-result li.store-section .leftText {
        width: 100% !important;
        float: left;
    }

    .manageAcc.payment-result li.store-section .rightText {
        width: 100% !important;
    }

    .manageAcc.payment-result li.store-section .leftText {
        width: 60% !important;
    }

    .verifyIDStote {
        float: left;
    }

    .checkOutBox .manageAcc.payment-result li.store-section .leftText {
        width: 66% !important;
    }

    .checkOutBox .manageAcc li .boldText2 {
        width: 33% !important;
    }

    .manageAcc.CollectionCodeBox li .rightText {
        width: 100% !important;
        text-align: left !important;
        padding-top: 11px !important;
    }

    .manageAcc.CollectionCodeBox li .leftText {
        width: 100% !important;
    }

    .OptionalBtns {
        margin: 15px 0;
        float: left;
    }

    .example_Street {
        width: 100%;
    }

    .collecting_keyBox {
        width: 100%;
    }

    .manageAcc.CollectionCodeBox li .listViewBoxs .rightText {
        text-align: center !important;
    }
}

@media screen and (max-width:767px) {
    .resPLR-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .custom-box-width.responsivetxtSearchSet {
        border: none;
        padding-top: 5px;
    }

    .btn_advance_filter {
        position: relative;
        z-index: 999;
    }

    .filterOuterAdded.dvFilter.btn-box-serch {
        float: left;
        width: 100%;
    }

    .dvFilter .btn_green_round,
    .dvFilter.btn-box-serch .btn_advance_filter {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .dvFilter .btn_green_round {
        margin-bottom: 7px !important;
    }

    .share_Collection_Details p {
        text-align: left;
        float: left;
    }

    li.change_Validity_Period .leftText {
        float: left;
    }
}

.topSpaceRemove20px {
    margin-top: -35px;
}

.disableDivControls {
    pointer-events: none;
}

.change_Validity_Period .leftText {
    color: #2E2A25 !important;
}

.closeText a {
    color: #2E2A25 !important;
}

.error {
    color: #ff0101 !important;
    font-size: 13px;
}

.store-section span.text-danger span {
    color: #E35454 !important;
}

.drofOffCounter {
    width: 90%;
    display: inline-block;
    text-align: left;
    position: relative;
    padding-left: 30px;
}

    .drofOffCounter .NumCounter {
        background: #231E21;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        left: 0px;
        top: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-style: normal;
    }

.manageAcc li .drofOffCounter .rightText {
    width: auto;
}

.manageAcc li .drofOffCounter .leftText {
    margin-top: 5px;
}

@media (min-width:768px) and (max-width: 991px) {
    .pl-sm-0 {
        padding-left: 0px !important;
    }

    .pr-sm-0 {
        padding-right: 0px !important;
    }
}

@media (max-width: 1024px) {
    .mb-sm-10 {
        margin-bottom: 10px;
    }
}

.code-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #2E2A26;
    padding-left: 15px;
}

#dveSelectStore .code-heading {
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#dveSelectStore .storelist-heading {
    text-align: center;
}

.store-name-mobile {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A26;
}

.choose-store-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #00B189;
}

.choose-store-btn {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B189;
    border-radius: 4px;
    color: #00B189 !important;
    text-transform: none;
}

    .choose-store-btn:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
    }

    .choose-store-btn:focus {
        background: #00B189;
        border: 2px solid #00B189;
        color: #fff !important;
    }

.validity {
    font-size: 13px !important;
}

.code-item {
    margin-bottom: 15px;
    background: #fff !important;
    border-radius: 15px;
    padding: 0px 20px 0px 20px;
}

.store-list {
    background: #fff !important;
    border-radius: 15px;
}

.store-item {
    background: #FFFFFF;
    border-radius: 5px;
    border: 2px solid #ddddda;
    padding: 12px 10px 12px 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

    .store-item.checked {
        border: 2px solid #00b288 !important;
    }

.keycode-outer {
    padding: 20px 0 20px 0;
}

.keycode-text-pickup {
    font-weight: 600;
    line-height: 19px;
    font-size: 13px;
    color: #2E2A25;
}

.keycode-text {
    font-weight: 600;
    line-height: 19px;
    font-size: 13px;
    color: #95938f;
}

.keycode {
    font-weight: bold;
    line-height: 37px;
    font-size: 25px;
    letter-spacing: 0.1em;
    color: #2E2A25;
    display: flex;
    align-items: center;
}

.keycode-status {
    font-weight: 600;
    line-height: 19px;
    font-size: 13px;
    color: #00B288;
    float: right;
}

.used-code {
    background: #f2f2ef !important;
}

    .used-code .keycode {
        color: #625f5a !important;
        text-decoration: line-through;
    }

    .used-code .keycode-status {
        color: #625f5a !important;
    }

    .used-code .keycode-text {
        color: #959390 !important;
    }

    .used-code hr {
        border-color: #ddddda !important;
    }

.keycode-detail {
    padding-top: 15px;
    padding-bottom: 15px;
}

.keycode-actions a {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A26;
}

    .keycode-actions a:last-child {
        margin-left: 20px;
    }

.validity {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #2E2A25;
}

.collection-by-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #2E2A25;
    word-break: break-all;
}

.storelist-heading {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A26;
    padding: 15px 0px 15px 0px;
}

.store-list .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
}

.store-list .custom-radio .custom-control-label::before {
    position: absolute;
    top: 16px;
    left: -40px;
    display: block;
    width: 25px;
    height: 25px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #ddddda solid 2px;
}

.store-list .custom-control-single .custom-control-label::before {
    position: absolute;
    top: 16px;
    left: -40px;
    display: none;
    width: 25px;
    height: 25px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #ddddda solid 1px;
}

.store-list .custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.store-list .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("../../content/images/Radio.svg");
}

.store-list .custom-radio .custom-control-label::after {
    position: absolute;
    top: 16px;
    left: -40px;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
}

.store-list .custom-control-single .custom-control-label::after {
    position: absolute;
    top: 16px;
    left: -40px;
    display: none;
    width: 25px;
    height: 25px;
    content: "";
}

.store-list [type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.store-list .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    width: 100%;
}

.store-list .custom-control {
    position: relative;
    display: block;
    min-height: 50px;
    padding-left: 50px;
}

.store-list .custom-control-single {
    position: relative;
    display: block;
    min-height: 50px;
    padding-left: 5px !important;
}

.store-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A26;
    word-break: break-all;
}

.store-address {
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    color: #2E2A26;
    word-break: break-all;
}

.store-status {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #00B189;
    word-break: break-all;
}

.keycode-btn-info {
    margin-top: 15px;
    background-color: #f4f4f1;
    border: none;
    border-radius: 15px;
    padding: 5px 12px 5px 6px;
    color: #2E2A25 !important;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
}

.used-code .keycode-btn-info {
    background-color: #e7e7e5 !important;
}

.keycode-btn-info img {
    margin-right: 3px;
}

/*.code-item .keycode-outer:last-child {
    padding-top: 0px;
}*/
.dropoff-info {
    padding: 0px 10px 10px 10px !important;
}

    .dropoff-info li {
        list-style: none;
        display: inline;
        width: 100%;
    }

    .dropoff-info .heading {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        color: #2E2A25;
        margin: 0px !important;
    }

    .dropoff-info .info-text {
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
        color: #231E21;
    }

    .dropoff-info .info-steps {
        padding: 5px;
    }

        .dropoff-info .info-steps span {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            display: flex;
            align-items: center;
            margin-left: 5px;
            color: #231E21;
        }

        .dropoff-info .info-steps .counter {
            border: 2px solid #2E2A25;
            box-sizing: border-box;
            font-size: 13px;
            line-height: 16px;
            margin-right: 10px;
            margin-top: 2px;
            /* display: flex; */
            font-family: Helvetica Neue;
            align-items: center;
            text-align: center;
            border-radius: 50px;
            text-transform: none;
            font-style: normal;
            padding: 0px 5px 0px 4px;
            float: left;
            font-weight: 600;
        }

.waiting-code {
    background: #f2f2ef url('../../content/images/warning pattern.svg') !important;
    border: 1px solid #f2f2ef !important;
}

    .waiting-code .keycode-btn-info {
        background-color: #fff !important;
        border: 2px solid #f2f2ef !important;
    }

.info-steps strong {
    font-weight: inherit;
}

.storemodal {
    display: none;
}

#mdlChooseStore .modal-body {
    padding: 18px 24px 0 !important;
}

    #mdlChooseStore .modal-body hr {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

#mdlChooseStore .modal-footer {
    padding: 22px 24px 26px !important;
    border: none !important;
}

    #mdlChooseStore .modal-footer button {
        width: 100%;
    }

#mdlChooseStore h1 {
    padding-bottom: 10px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

#mdlChooseStore .title span {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #2E2A25;
}

#mdlChooseStore .title img {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #2E2A25;
    margin-bottom: -6px;
    height: 28px;
    margin-left: 15px;
}

#mdlChooseStore p {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    /* Black */
    color: #2E2A25;
    margin: 0px !important;
}

.add-key-process-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #2E2A25;
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .add-key-process-title img {
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        color: #2E2A25;
        margin-left: 15px;
        height: 28px;
    }

.addnewkey {
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
    border-radius: 10px;
    padding: 20px;
    width: 100%;
}

    .addnewkey label {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        color: #2E2A25;
    }

    .addnewkey p {
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
        color: #2E2A25;
        margin-top: 5px !important;
        margin-bottom: 15px !important;
    }

.add-key-process-history {
    background: #F2F2EF;
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.035);
    border-radius: 10px;
    width: 100%;
}

.key-process-info {
    float: left;
    width: 100%;
    padding: 20px;
}

.add-key-process-history .heading {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #95938F;
    width: 100%;
    float: left;
}

    .add-key-process-history .heading img {
        margin-top: -3px;
    }

.add-key-process-history .btn-changestore {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #00B288;
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B288;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
    padding: 3px;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    float: right;
    width: 25%;
    margin-top: -3px;
}

    .add-key-process-history .btn-changestore:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        border: 2px solid #00B189;
        color: #00B189;
    }

.add-key-process-history .store-detail {
    float: left;
    width: 100%;
}

.add-key-process-history .title {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A25;
    float: left;
    width: 100%;
}

.add-key-process-history .key-detail .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #2E2A25;
}

.add-key-process-history .store-detail .title {
    width: 75%;
}

.add-key-process-history .show-hide-storeinfo {
    float: left;
    width: 100%;
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #2E2A25;
    cursor: pointer;
}

    .add-key-process-history .show-hide-storeinfo.open {
        margin-bottom: 15px;
    }

    .add-key-process-history .show-hide-storeinfo i:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
        font-weight: 700;
        font-size: 15px;
    }

    .add-key-process-history .show-hide-storeinfo.open i:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        font-weight: 700;
        font-size: 15px;
    }

.add-key-process-history .store-timing-info {
    float: left;
    width: 100%;
}

    .add-key-process-history .store-timing-info .inner-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: #2E2A25;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

        .add-key-process-history .store-timing-info .inner-text:last-child {
            margin-bottom: 0px;
        }

.subscriptions {
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.add-key-heading {
    color: #2E2A25;
    margin-top: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*    text-transform : capitalize!important;*/
}

    /*.add-key-heading:hover {
        text-decoration: underline;
        cursor: pointer
    }*/


.subscriptions .add-key-heading {
    margin-left: 15px;
    margin-bottom: 15px;
}

.payment-section .add-key-heading {
    margin-bottom: 0px;
}

.citypaq_collection {
    float: left;
    width: 100%;
}

.subscription-selection .heading {
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.subscription-selection {
    float: left;
    width: 100%;
}

    .subscription-selection.upgrade p {
        font-size: 16px;
        line-height: 21px;
        font-weight: 500;
        margin-bottom: 15px;
        float: left;
    }

    .subscription-selection .payment-section {
        float: left;
        width: 100%;
    }

        .subscription-selection .payment-section .couponCodeOuter {
            float: left;
            width: 100%;
        }

.payment-section .coponCodeText {
    margin-top: 0px !important;
}

.subscription-selection .custom-radios {
    float: left;
    width: 100%;
}

    .subscription-selection .custom-radios input[type="radio"] {
        display: none;
    }

        .subscription-selection .custom-radios input[type="radio"] + label {
            width: 100%;
            border: 2px solid #E7E7E5;
            border-radius: 15px;
            padding: 20px;
            float: left;
            text-align: center;
            color: #2E2A25;
            cursor: pointer;
            margin-bottom: 15px;
        }

            .subscription-selection .custom-radios input[type="radio"] + label h3 {
                font-weight: 600;
                font-size: 13px;
                line-height: 19px;
                text-align: center;
                margin: 0px;
            }

            .subscription-selection .custom-radios input[type="radio"] + label h2 {
                font-weight: 600;
                font-size: 20px;
                line-height: 30px;
                text-align: center;
                margin: 0px;
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .subscription-selection .custom-radios input[type="radio"] + label h4 {
                font-weight: 600;
                font-size: 11px;
                line-height: 16px;
                text-align: center;
                margin: 0px;
            }

            .subscription-selection .custom-radios input[type="radio"] + label span {
                display: inline-block;
                width: 25px;
                height: 25px;
                margin-top: 10px;
                border-radius: 50%;
                box-shadow: none;
                background-repeat: no-repeat;
                background-position: center;
                text-align: center;
                line-height: 20px;
                border: 2px solid #DDDDDA;
            }

                .subscription-selection .custom-radios input[type="radio"] + label span img {
                    opacity: 0;
                    transition: all .3s ease;
                    height: 25px;
                    width: 25px;
                }

        .subscription-selection .custom-radios input[type="radio"]:checked + label {
            background: #00B288;
            color: #FFFFFF;
            border: 2px solid #00B288 !important;
        }

            .subscription-selection .custom-radios input[type="radio"]:checked + label span {
                opacity: 1;
                border: none !important;
            }

                .subscription-selection .custom-radios input[type="radio"]:checked + label span img {
                    opacity: 1;
                }

.planContent {
    width: 100%;
    float: left;
}

.modal-dialog .planContent {
    padding: 0;
}

.planContent .plan-txt1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #615E5A;
}

.planContent .plan-txt2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A25;
    width: 100%;
    float: left;
}

.planContent .list {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0px;
    list-style-type: none;
    width: 100%;
    float: left;
}

    .planContent .list li {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 25px;
        color: #615E5A;
    }

        .planContent .list li:before {
            content: "";
            /* font-family: FontAwesome; */
            display: inline-block;
            margin-right: 10px;
            height: 14px;
            background: #00B288;
            width: 14px;
            -webkit-mask-image: url('../../content/images/Check_mark.png');
            -webkit-mask-size: cover;
        }

        .planContent .list li.uncheck:before {
            background: #BEBDBA;
            -webkit-mask-image: url('../../content/images/Remove_close.png');
            -webkit-mask-size: cover;
        }

.code-section {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7FCFA;
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
    /*    border-radius: 10px;*/
    padding: 16px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 100%;
    font-size: 15px;
}

.code-section-question {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7FCFA;
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
    /*    border-radius: 10px;*/
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    float: left;
    width: 100%;
    font-size: 15px;
}


#keynestLogo {
    margin-top: 16px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 100px
}

    #keynestLogo > img {
        width: 120px;
        margin: 10px 0px;
    }

.code-section .dvCodetype {
    padding-left: 20px;
    padding-right: 20px;
}

.code-section .payment-section {
    padding-left: 20px;
    padding-right: 20px;
}

    .code-section .payment-section .paymentkOut {
        width: 100%;
    }

.code-section .ValidityControls {
    float: left;
    margin-top: 10px;
    width: 100%;
}

    .code-section .ValidityControls .field-validation-error {
        float: left;
        width: 100%;
    }

.payment-section .searchboxWithBtn input[type="text"] {
    border-right: none !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.code-section .ValidityControls .newTime_details {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
}

.code-section .change_Validity_Period {
    padding-left: 20px;
    padding-right: 20px;
}

    .code-section .change_Validity_Period p {
        text-align: left;
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
    }

.code-type .collection-code-btn {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#p_IsPermanentText {
    text-align: left !important;
}

.code-section .ourPlansText {
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

    .code-section .ourPlansText label {
        font-size: 15px;
        line-height: 22px;
        color: #00B189;
        font-weight: normal !important;
        cursor: pointer;
    }

.code-section .newTime_details .update_details::before {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    /* left: 5px; */
    position: absolute;
    width: 160px;
}

.code-section .update_details.date_only input[type="text"] {
    border: none;
    background: rgba(255, 255, 255, 0.01) url(../images/Calendar_icon.png) no-repeat scroll right center / 15px auto;
    height: 26px !important;
    padding: 0;
    margin: 0;
    font-weight: bold !important;
    color: #2e2a26;
}

.code-section .dropArrowInRight input[type="text"] {
    background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png) no-repeat scroll right center / 9% auto !important;
}

.next {
    color: #fff;
}

    .next:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f105";
        font-size: 22px;
        color: #00B189 !important;
        font-weight: 500;
    }

.prev {
    color: #fff;
    text-align: center;
}

    .prev:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f104";
        font-size: 22px;
        color: #00B189 !important;
        font-weight: 500;
    }

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-up:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f106";
    font-size: 22px;
    color: #00B189 !important;
    font-weight: 500;
}

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-down:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    font-size: 22px;
    color: #00B189 !important;
    font-weight: 500;
}

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-up {
    display: inline-block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-down {
    display: inline-block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span {
    width: 30px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 160px !important;
}

.bootstrap-datetimepicker-widget table td {
    width: 30px !important;
    height: 20px !important;
    line-height: 20px !important;
}

    .bootstrap-datetimepicker-widget table td span:hover {
        background: none !important;
    }

.coupon_applied {
    border-radius: 30px;
    border: 2px solid #615E5A;
    padding-left: 8px;
    padding-right: 25px;
}

#dvApplied img {
    margin-left: -24px;
    margin-top: -4px;
    cursor: pointer;
}

@media screen and (max-width:480px) {
    .reverse_div {
        display: flex;
        flex-direction: column-reverse;
    }
}

.codebox {
    padding-left: 16px;
    padding-right: 16px;
}

    .codebox .code-detail {
        float: left;
        width: 100%;
        background: #F2F2EF;
        padding: 20px;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 7px;
    }

        .codebox .code-detail .code-instruction {
            padding-left: 20px;
            padding-right: 20px;
        }

        .codebox .code-detail .code-info {
            padding-left: 20px;
            padding-right: 20px;
            float: left;
            width: 100%;
        }

        .codebox .code-detail hr {
            margin-top: 15px;
            margin-bottom: 15px;
            border: 0;
            border-top: 1px solid #DDDDDA;
        }

        .codebox .code-detail .heading {
            font-size: 13px;
            line-height: 19px;
            margin-top: 0px;
            margin-bottom: 0px;
            color: #615E5A;
        }

            .codebox .code-detail .heading .number {
                border: 2px solid #00B288;
                border-radius: 6.5px;
                font-weight: bold;
                font-size: 12px;
                line-height: 18px;
                text-align: center;
                letter-spacing: 0.035em;
                color: #00B288;
                float: right;
                padding: 6px 10px 3px 10px;
                margin-top: -5px;
            }

.code-detail .black_code_block {
    font-size: 30px;
    color: #2E2A25;
    margin-top: 0px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 30px */
    letter-spacing: 1.5px;
}

.codebox .code-detail .text {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #2E2A25;
    margin-top: 10px;
    margin-bottom: 10px;
}

.codebox .code-detail .drofOffCounter {
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2E2A25;
    padding: 0px;
    margin-bottom: 5px;
}

    .codebox .code-detail .drofOffCounter i {
        background: #615E5A;
        width: 15px;
        height: 15px;
        display: inline-block;
        font-weight: bold;
        font-size: 10px;
        line-height: 15px;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-style: normal;
        float: left;
        margin-top: 4px;
        margin-right: 5px;
    }

.codebox .code-detail .validity-time {
    float: left;
    width: 100%;
}

    .codebox .code-detail .validity-time span {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        color: #2E2A25;
    }

        .codebox .code-detail .validity-time span strong {
            font-weight: 600;
        }

    .codebox .code-detail .validity-time.citypaq span {
        width: 50%;
        float: left;
        margin-bottom: 5px;
        color: #2E2A25;
    }

        .codebox .code-detail .validity-time.citypaq span strong {
            font-weight: 600;
        }

.codebox .green_code_block {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #00B189;
    margin-left: 10px;
    letter-spacing: 0.05em;
}

.codebox .reusable {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 13px;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #00B288;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 10px;
    background: url('../../content/images/reuse-Rectangle.png') no-repeat center;
    background-size: 100% 100%;
}

.btn-keynest {
    color: #00B288;
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%);
    border: 2px solid #00B288;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
}

    .btn-keynest:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%);
        border: 2px solid #00B189;
        color: #00B189;
    }

.btn-send-instruction {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #00B288;
    margin-top: 10px;
}

.btn-disable {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #2E2A25;
    opacity: 0.5;
    /* Black */
    border: 2px solid #2E2A25;
    box-sizing: border-box;
    border-radius: 5px;
    text-transform: none;
    pointer-events: none;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.back-to-key {
    padding-left: 20px;
    padding-right: 20px;
}

    .back-to-key a {
        padding: 12px 10px !important;
    }

.upgradeTitle {
    color: #2E2A25;
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .add-key-process-history .store-detail .title {
        width: 70%;
    }

    .col-md-4.subscription-plan .plan-price {
        float: right;
        width: 75%;
        text-align: left;
    }

    .col-md-4.subscription-plan .selectIco {
        float: left;
        margin-right: 10px;
    }

    .col-md-4.subscription-plan .plan-price h3 {
        text-align: left !important;
    }

    .col-md-4.subscription-plan .plan-price h2 {
        text-align: left !important;
        width: 50%;
        float: left;
        margin: 0;
    }

    .col-md-4.subscription-plan .plan-price h4 {
        float: left;
        width: 50%;
        margin-top: 8px;
        text-align: left !important;
    }

    .col-md-4.subscription-plan .custom-radios input[type="radio"] + label {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .code-section .newTime_details .update_details::after {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
        /* bottom: 0; */
        content: "";
        height: 1px;
        /* left: 5px; */
        position: absolute;
        width: 90% !important;
        top: 41px;
    }

    .newTime_details .dropArrowInRight::before {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0 !important;
        bottom: 2px !important;
        content: "";
        height: 1px;
        /* left: 5px; */
        position: absolute;
        width: 90% !important;
    }

    .newTime_details .update_details::before {
        width: 90% !important;
    }

    .code-section .newTime_details .update_details::before {
        background: none;
    }

    .code-section .update_details input[type="text"] {
        background: rgba(255, 255, 255, 0.01) url('../images/Calendar_icon.png') no-repeat scroll right center / 15px auto !important;
    }

    .code-section .dropArrowInRight input[type="text"] {
        background: rgba(255, 255, 255, 0.01) url('../images/Attention_icon.png') no-repeat scroll right center / 7% auto !important;
    }

    .code-section .update_details {
        padding-right: 0px !important;
    }

    .code-detail.code_order .code-instruction {
        width: 100% !important;
    }

        .code-detail.code_order .code-instruction .orders {
            margin-top: 10px;
        }
}

.code-detail.code_order {
    background: #fff;
    border: 1px solid #E7E7E5;
}

    .code-detail.code_order .code-instruction {
        width: 50%;
        float: left;
        background: #fff;
    }

        .code-detail.code_order .code-instruction .orders {
            background: url('../../content/images/order_arrow.png') no-repeat;
            background-position-x: right;
            background-position-y: center;
            background-size: contain;
        }

            .code-detail.code_order .code-instruction .orders h2 {
                width: 88%;
            }

.code_order .order1 {
    background: #E9E9E7;
    border: 0.814503px solid #E7E7E5;
    box-sizing: border-box;
    border-radius: 4.07252px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    padding: 6px 10px;
    margin-top: 0px;
    margin-bottom: 5px;
}

    .code_order .order1 span {
        font-size: 13px;
        font-weight: 600;
        line-height: 19px;
        float: right;
    }

.code_order .order2 {
    background: #E9E9E7;
    opacity: 0.75;
    border: 0.814503px solid #E7E7E5;
    box-sizing: border-box;
    border-radius: 4.07252px;
    font-size: 11px;
    line-height: 16px;
    color: #95938F;
    padding: 6px 10px;
    margin-top: 0px;
    margin-bottom: 5px;
}

    .code_order .order2 span {
        font-size: 13px;
        font-weight: 600;
        line-height: 19px;
        float: right;
    }

.code_order .order3 {
    background: #F4F4F2;
    border: 0.814503px solid #F2F2EF;
    box-sizing: border-box;
    border-radius: 4.07252px;
    padding: 6px 10px;
    font-size: 11px;
    color: #BEBDBA;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 500;
}

    .code_order .order3 span {
        font-size: 13px;
        font-weight: 600;
        line-height: 19px;
        float: right;
    }

.optional_text {
    text-align: center !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    color: #F2F2EF !important;
    background: #615E5A !important;
    border-radius: 6.5px;
    padding: 2px 6px !important;
}

.code-instruction .form-group {
    margin-bottom: 2px !important;
}

.send-instruction input {
    float: left;
    width: 20px;
    padding: 0px;
    margin: 0px 10px 0 0;
    height: 29px;
}

.send-instruction label {
    font-weight: normal !important;
    margin: 0 4px 0 0;
    height: 20px;
}

.send-instruction {
    font-size: 16px;
    margin-bottom: 12px;
}

.send-instruction {
    display: inline-block;
    float: left;
}

    .send-instruction input[type="checkbox"] {
        display: none;
    }

        .send-instruction input[type="checkbox"] + input[type="hidden"] + label {
            color: #333;
            font-family: "Poppins", sans-serif;
            font-size: 13px;
            font-weight: 600 !important;
            line-height: 19px;
            padding-left: 0;
            width: 100%;
        }

            .send-instruction input[type="checkbox"] + input[type="hidden"] + label span {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin: -1px 10px 4px 0;
                vertical-align: middle;
                cursor: pointer;
                border-radius: 14px;
                box-shadow: none;
                background-repeat: no-repeat;
                background-position: center;
                text-align: center;
                line-height: 20px;
                float: left;
            }

                .send-instruction input[type="checkbox"] + input[type="hidden"] + label span .imgCheck {
                    display: none;
                }

        .send-instruction input[type="checkbox"]:checked + input[type="hidden"] + label span .imgCheck {
            display: block;
        }

        .send-instruction input[type="checkbox"]:checked + input[type="hidden"] + label span .imgUnCheck {
            display: none;
        }

        .send-instruction input[type="checkbox"] + input[type="hidden"] + label span .imgUnCheck {
            display: block;
        }

.dvEmail {
    display: none;
}

.dvEmail-drop {
    display: none;
}

.modal-dialog.model-loading {
    width: 320px !important;
    min-height: unset;
    display: block !important;
    text-align: center;
    flex-direction: column;
    top: 50%;
    transform: translateY(-50%);
}

.timeOnly {
    float: left;
    width: 50%;
    padding-right: 25px;
    margin: auto;
}

    .timeOnly input[type="text"] {
        border: none;
        height: 26px !important;
        padding: 0;
        margin: 0;
        font-weight: bold !important;
        color: #2e2a26;
        /*background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png) no-repeat scroll right center / 24% auto !important;*/
        width: 30% !important;
    }

        .timeOnly input[type="text"]::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #2e2a26;
            opacity: 9;
        }

        .timeOnly input[type="text"]::-moz-placeholder {
            /* Firefox 19+ */
            color: #2e2a26;
            opacity: 9;
        }

        .timeOnly input[type="text"]:-ms-input-placeholder {
            /* IE 10+ */
            color: #2e2a26;
            opacity: 9;
        }

        .timeOnly input[type="text"]:-moz-placeholder {
            /* Firefox 18- */
            color: #2e2a26;
            opacity: 9;
        }

    .timeOnly::before {
        background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0 !important;
        bottom: 2px !important;
        content: "";
        height: 1px;
        position: absolute;
        width: 10% !important;
    }

.btn_export {
    background: rgba(0, 177, 137, 0.05) url("../images/xls_export.svg") no-repeat scroll 0 0;
    border: 2px solid #00B189;
    border-radius: 4px;
    color: #00B189 !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 19px;
    text-transform: inherit;
    float: right;
    background-position: center;
}

.frm-adduser .default-office input[type="radio"] {
    display: none;
}

    .frm-adduser .default-office input[type="radio"] + label {
        color: #333;
        font-family: Arial, sans-serif;
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }

        .frm-adduser .default-office input[type="radio"] + label span {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: 4px 16px 5px 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: none;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 20px;
            float: left;
        }

        .frm-adduser .default-office input[type="radio"] + label span {
            border: 2px solid #DDDDDA;
        }

            .frm-adduser .default-office input[type="radio"] + label span img {
                opacity: 0;
                transition: all .3s ease;
                margin-left: -2px;
                margin-top: -2px;
            }

    .frm-adduser .default-office input[type="radio"]:checked + label span {
        border: 2px solid #fff;
    }

        .frm-adduser .default-office input[type="radio"]:checked + label span img {
            opacity: 1;
        }

.frm-adduser .other-office input[type="checkbox"] {
    display: none;
}

    .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label {
        color: #333;
        font-family: Arial, sans-serif;
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }

        .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label span {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: 4px 16px 5px 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: none;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 20px;
            float: left;
        }

        .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label span {
            border: 2px solid #DDDDDA;
        }

        .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label label {
            width: 91%;
            float: left;
        }

        .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label span .img {
            opacity: 0;
            transition: all .3s ease;
            margin-left: -2px;
            margin-top: -2px;
        }

        .frm-adduser .other-office input[type="checkbox"] + input[type="hidden"] + label span .img1 {
            transition: all .3s ease;
            margin-left: -2px;
            margin-top: -2px;
        }

    .frm-adduser .other-office input[type="checkbox"]:checked + input[type="hidden"] + label span {
        border: 2px solid #fff;
    }

        .frm-adduser .other-office input[type="checkbox"]:checked + input[type="hidden"] + label span .img {
            opacity: 1;
        }

        .frm-adduser .other-office input[type="checkbox"]:checked + input[type="hidden"] + label span .img1 {
            display: none;
        }

    .frm-adduser .other-office input[type="checkbox"]:disabled + input[type="hidden"] + label span .img1 {
        display: block;
    }

    .frm-adduser .other-office input[type="checkbox"]:disabled + input[type="hidden"] + label span .img {
        display: none;
    }

.frm-adduser .other-office .img1 {
    display: none;
}

.show-hide-addinfo {
    float: left;
    width: 100%;
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #00B288;
    margin-left: 5px;
    cursor: pointer;
}

    .show-hide-addinfo i:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
        font-weight: 700;
        font-size: 15px;
    }

    .show-hide-addinfo.open i:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        font-weight: 700;
        font-size: 15px;
    }

/*Questionnaire*/
.Questionnaire .btn-skip {
    background: #E7E7E5;
    border: none;
    box-sizing: border-box;
    border-radius: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: flex-start;
    color: #2E2A25;
    padding: 3px 12px;
    cursor: pointer;
    text-transform: capitalize;
}

.Questionnaire-text {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #2E2A25;
}

.Questionnaire-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #2E2A25;
}

.Questionnaire-item {
    width: 43%;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    height: 120px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DDDDDA;
    cursor: pointer;
    color: #2E2A25;
}

    .Questionnaire-item.active {
        border-color: #00B288 !important;
        color: #00B288 !important;
    }

    .Questionnaire-item .item-text {
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        padding-top: 10px;
        width: 84%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .Questionnaire-item .img_active {
        display: none;
    }

    .Questionnaire-item img {
        width: 40px;
    }

    .Questionnaire-item.active .img {
        display: none !important;
    }

    .Questionnaire-item.active .img_active {
        display: initial !important;
    }

@media (max-width: 480px) {
    .Questionnaire-item {
        height: 122px !important;
    }

    .Questionnaire-item-2 {
        height: 135px !important;
    }
}

.list-item {
    padding: 12px;
    display: flex;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
    border: 1px solid #DDDDDA;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #979592;
    gap:8px;
}

.list-item.active {
    background: #DCF3EB;
    color: #2E2A25;
    border: 1px solid #DCF3EB;
}

.list-item-check{
    display:none;
}

.list-item.active .list-item-check {
    display:block;
}

.list-item.active .list-item-uncheck {
    display:none;
}
/*
@media (max-width: 480px) {
    .property-item {
        width: 25% !important;
    }
}

.dvPropertyItem {
    display: none;
}*/
/* Navbar start */
.navbar .container {
    padding: 0 28px !important;
}

.header_bg_top {
    padding: 0;
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.025) !important;
    position: fixed;
    width: 100%;
}

@media (min-width: 768px) {
    .header_logo img {
        width: 120px !important;
    }

    .navbar.navbar-default > .container > .navbar-header {
        margin: 10px 0;
    }

    .navbar-nav > form > li,
    .navbar-nav .enDrop {
        padding: 26px 0px 22px !important;
    }

    #dvMain > div {
        margin-top: 65px;
    }
}

@media (max-width: 767px) {
    .navbar .container {
        padding: 0 12px !important;
    }

    .header_logo img {
        width: 100px !important;
    }

    .navbar.navbar-default > .container > .navbar-header {
        margin: 10px 0;
    }

        .navbar.navbar-default > .container > .navbar-header > .navbar-toggle {
            margin: 0 !important;
            padding: 16px 0 10px !important;
        }

    #dvMain > div {
        margin-top: 60px;
    }

    .navbar-collapse {
        margin: 0 -24px !important;
    }

    .top_menu li {
        border-bottom: none;
        padding: 24px 0 !important
    }

    #language-dropdown .dropdown-menu.open {
        max-height: unset !important;
        min-height: unset !important;
        transform: translate(70px, -30px);
        position: absolute;
    }

    #language-dropdown .dropdown-menu ul {
        max-height: unset !important;
        min-height: unset !important;
        list-style-type: none;
        display: flex;
    }

    #language-dropdown .dropdown-menu li {
        display: inline-block;
        height: min-content;
        margin-right: 5px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

#language-dropdown {
    margin-right: -15px;
}

/* Navbar end */
/* My keys controls start */
@media (max-width: 767px) {
    .searchboxWithBtn.dvSearch {
        border-top: 0;
        margin: 15px 0;
        padding-top: 0;
    }

    .header-sec .pull-right {
        display: flex;
        flex-flow: row !important;
    }

        .header-sec .pull-right > * {
            flex: 0 1 auto;
            min-width: auto;
        }

        .header-sec .pull-right > .btnaddnewkey {
            flex: 1 1 auto;
            padding-left: 0 !important;
        }
}

.searchboxWithBtn.dvSearch > #txtSearch {
    background: #fff;
    border: 2px solid #E9E9E7;
    box-sizing: border-box;
    border-radius: 5px;
    height: 44px;
    color: #95938F;
    -webkit-transition: border-color ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s;
    transition: border-color ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s;
}

    .searchboxWithBtn.dvSearch > #txtSearch::placeholder {
        color: #95938F;
    }

    .searchboxWithBtn.dvSearch > #txtSearch:focus {
        border: 2px solid #00B189;
    }

.searchboxWithBtn.dvSearch > #btnSearch {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%), #F7F6F6;
    border: 2px solid #00B189;
    color: #00B189;
    height: 44px;
    -webkit-transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
    -o-transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
    transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
}

    .searchboxWithBtn.dvSearch > #btnSearch:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.15) 109%), #F7F6F6;
    }

.header-sec .btnuploaddata > button {
    margin: 0 !important;
    width: auto !important;
}

.header-sec {
    max-width: 1198px !important;
    margin: -1px auto 16px !important;
    background: #F2F2EF;
    display: block;
    position: sticky;
    z-index: 1;
    padding: 16px 0 !important;
    top: 65px;
    overflow: visible;
    box-shadow: 1000px 0px 0px #f2f2ef, -1000px 0px 0px #f2f2ef;
}

@media (max-width: 767px) {
    .header-sec {
        top: 0;
        position: relative;
    }
}

@media (max-width: 500px) {
    .header-sec {
        box-shadow: 250px 0px 0px #f2f2ef, -250px 0px 0px #f2f2ef;
    }

        .header-sec:after {
            box-shadow: 250px 0px 0px #ddddda, -250px 0px 0px #ddddda !important;
        }
}

@media (min-width: 500px) and (max-width: 1052px) {
    .header-sec {
        box-shadow: 500px 0px 0px #f2f2ef, -500px 0px 0px #f2f2ef;
    }

        .header-sec:after {
            box-shadow: 500px 0px 0px #ddddda, -500px 0px 0px #ddddda !important;
        }
}

@media (min-width: 3150px) {
    .header-sec {
        box-shadow: 1500px 0px 0px #f2f2ef, -1500px 0px 0px #f2f2ef;
    }

        .header-sec:after {
            box-shadow: 1500px 0px 0px #DDDDDA, -1500px 0px 0px #DDDDDA !important;
        }
}


.header-sec:after {
    background: #DDDDDA;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 0;
    box-shadow: 1000px 0px 0px #DDDDDA, -1000px 0px 0px #DDDDDA;
}

.header-sec > * {
    z-index: 2;
    padding: 0;
}

.header-sec .btnaddnewkey > button {
    margin: 0 !important;
}

.header-sec .btnaddnewkey {
    padding-left: 15px;
    padding-right: 0 !important;
    min-width: 160px;
}

    .header-sec .btnaddnewkey button,
    .header-sec .btnuploaddata button {
        height: 44px;
    }

.header-sec .pull-right {
    display: flex;
    flex-flow: row-reverse;
}

@media (max-width: 400px) {
    .header-sec .pull-right {
        overflow-y: scroll;
    }
}

.header-sec .pull-right > * {
    padding-right: 0;
}

.header-sec .pull-right .btnuploaddata {
    width: auto !important;
}

.btn_advance_filter {
    z-index: 1;
    box-shadow: 0px 0px 0px 2px rgba(46, 42, 37, 0.005);
    border: 0px !important;
    padding: 6px 10px;
}

    .btn_advance_filter:hover {
        background: #DCF3EB;
    }

/* My keys controls end */
/* Key list start */
.key_deteilsBox > table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

    .key_deteilsBox > table tr:nth-child(odd) {
        box-shadow: 0px 0px 0px 2px rgba(46, 42, 37, 0.005);
        border-radius: 5px;
        background: #fff;
        width: 100%;
    }

        .key_deteilsBox > table tr:nth-child(odd):hover {
            background: linear-gradient(0deg, rgba(0, 177, 137, 0.05), rgba(0, 177, 137, 0.05)), rgba(255, 255, 255, 0.8);
        }

            .key_deteilsBox > table tr:nth-child(odd):hover.overdue {
                background: #FEF5E6;
            }

.key_deteilsBox > #dataTables-example tr:nth-child(odd) .value-res > span {
    color: #615E5A;
}

.key_deteilsBox > #dataTables-example tr:nth-child(odd):hover .value-res > span {
    color: #00B288;
}

.key_deteilsBox > #dataTables-example tr:nth-child(odd):hover.overdue .value-res > span {
    color: #E35454;
}

.key_deteilsBox > table tr:nth-child(even) td {
    background: rgba(1, 1, 1, 0) !important;
}

.container {
    width: 100% !important;
    max-width: 1198px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}



@media (max-width: 990px) {
    .container {
        padding: 0 !important;
        width: 100% !important;
    }
}

#lstKey1 {
    padding: 0;
}

@media (max-width: 767px) {

    #lstKey .value-res:nth-of-type(2),
    #lstKey .value-res:nth-of-type(3) {
        margin: 0 -20px 0 0 !important;
    }

    #dataTables-example tr {
        display: inline-block !important;
    }
}

.cont_area {
    padding: 0 10px;
}

/* Key list end */
@media (max-width: 990px) {
    .header_logo {
        padding: 0;
    }

    .top_menu li.userName {
        margin-right: 0;
    }

    .top_menu li > a {
        font-size: 15px !important;
        padding: 10px 12px;
    }
}

@media (max-width: 1090px) {
    .navbar-nav .userName {
        display: none;
    }
}



/* app banner start */
.dvAppBanner {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 150px;
}

    .dvAppBanner .img {
        position: absolute;
        height: 100%;
        object-fit: cover;
        width: 140px !important;
        margin-left: calc(-30px + 3vw) !important;
        object-position: top right;
    }

    .dvAppBanner p {
        margin-left: calc(-30px + 3vw) !important;
        transform: translateY(-50%);
        top: 50%;
        width: 100% !important;
        position: absolute;
        padding: 0 15px 0 160px !important;
    }

    .dvAppBanner .arrow {
        float: none !important;
    }

/* app banner end */
/* loader blending */
#loadingDiv > img {
    mix-blend-mode: darken;
    margin-bottom: 40px;
}

/* drop down menu fits content */
.bootstrap-select.btn-group .dropdown-menu {
    width: min-content;
}

.dropdown-menu > li > a {
    width: 100%;
}

/* backdrop blur start */
.modal-backdrop.fade {
    backdrop-filter: blur(0);
    background: rgba(46, 42, 38, 0);
    opacity: 1 !important;
    transition: background .1s ease-out, backdrop-filter .1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-backdrop-filter .1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backdrop-filter: blur(0);
}

    .modal-backdrop.fade.in {
        backdrop-filter: blur(10px);
        background: rgba(46, 42, 38, 0.8);
        opacity: 1 !important;
        transition: background .1s ease-out, backdrop-filter .1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-backdrop-filter .1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-backdrop-filter: blur(10px);
    }

#dvMain.blurpop {
    /* filter: blur(0) !important; */
}

/* backdrop blur end */
/* key info start */
.col50.col.getCodeCol {
    margin-bottom: 6px !important;
}

.checkAutofaker {
    background: #FFFFFF;
    padding: 40px 5px 20px 5px;
    box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01) !important;
}

    .checkAutofaker > .titleHed {
        margin-bottom: 25px;
    }

    .checkAutofaker > .manageAcc {
        margin-bottom: 15px;
    }

.my_keylist > .col-md-6 > .btns {
    width: 75%;
}

.my_keylist .uderLine {
    border-bottom: 1px solid rgba(46, 42, 38, 0.6);
    padding-bottom: 3px !important;
    margin-right: 3px !important;
}

.modal-dialog .subscription-selection div.subscription-plan:nth-of-type(1) {
    padding-left: 0;
    padding-right: 7.5px;
}

.modal-dialog .subscription-selection div.subscription-plan:nth-of-type(2) {
    padding-left: 7.5px;
    padding-right: 0;
}

/* key info end */
/* automations start */

#lstPartner tr td img {
    mix-blend-mode: multiply;
    max-width: 100%;
    object-fit: contain;
}

#lstPartner tr:nth-child(odd) td {
    color: #615E5A;
}

@media (max-width: 767px) {
    #lstPartner tr:nth-child(odd) {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 20px 28px 10px;
    }

        #lstPartner tr:nth-child(odd) td {
            display: block !important;
            padding: 0 0 10px !important;
            color: #615E5A !important;
        }
}

.header-sec > .pull-right > .pull-right {
    width: auto;
}

    .header-sec > .pull-right > .pull-right > button {
        height: 44px;
        width: auto;
        /* min-width: 120px; */
        margin: 0 !important;
    }

@media (max-width: 767px) {
    .header-sec > .pull-right > .pull-right {
        width: 50%;
    }

        .header-sec > .pull-right > .pull-right:first-child {
            padding: 0;
            margin-right: 7.5px;
        }

        .header-sec > .pull-right > .pull-right:last-child {
            padding: 0;
            margin-left: 7.5px;
        }
}
/* automations end */

/* map start */
.frmSearchLocation .searchboxWithBtn > #location {
    background: #F4F4F2;
    border: 2px solid #00B288;
    box-sizing: border-box;
    border-radius: 5px;
    height: 44px;
    color: #00B189;
}

    .frmSearchLocation .searchboxWithBtn > #location::placeholder {
        color: #95938F;
    }

    .frmSearchLocation .searchboxWithBtn > #location:focus {
        border: 2px solid #00B189;
    }

        .frmSearchLocation .searchboxWithBtn > #location:focus ~ #btnSearch {
            background: #FFF;
            border: 2px solid #00B189;
            color: #00B189;
        }

            .frmSearchLocation .searchboxWithBtn > #location:focus ~ #btnSearch:hover {
                background: #00B189;
                border: 2px solid #00B189;
                color: #FFF;
            }

.frmSearchLocation .searchboxWithBtn > #btnSearch {
    background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.05) 109%), #FFFFFF;
    border: 2px solid #00B288;
    color: #00B288;
    height: 44px;
    -webkit-transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
    -o-transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
    transition: border-color ease-in-out .15s, color ease-in-out .15s, background cubic-bezier(0.4, 0, 1, 1) .175s;
}

    .frmSearchLocation .searchboxWithBtn > #btnSearch:hover {
        background: linear-gradient(180deg, rgba(0, 177, 137, 0) -39%, rgba(0, 177, 137, 0.1) 109%), #FFFFFF;
        color: #00B288;
    }

.frmSearchLocation .searchboxWithBtn {
    width: 400px;
}

@media (max-width: 767px) {
    .frmSearchLocation .searchboxWithBtn {
        width: 100%;
    }
}
/* map end */
/* Google search customisation start */
.pac-logo:after {
    background-position: center;
}

.pac-container {
    margin-top: 0;
    border: 0;
    border-radius: 10px;
    color: #2E2A26;
    padding: 5px 5px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.pac-item {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #2e2a25;
    padding: 5px;
    border-color: #fff;
}

.pac-matched {
    font-size: 16px;
    color: #2E2A26;
    font-weight: 500;
}

.pac-item-query {
    font-size: 16px;
    color: #2e2a25;
}
/* Google search customisation end */



/* Settings start */
.profileOuter {
    margin-top: 20px;
}

.msgBoxOutr > textarea {
    background: #F4F4F2;
    border: 2px solid #E9E9E7;
}

.msgBoxOutr > div.col-md-12 {
    border: 2px solid #E9E9E7 !important;
    border-top: none !important;
}

.profile_formDiv > .btnUser {
    margin: 0 15px;
}

.profile_formDiv > #subUsersList {
    margin: 0 15px;
}

@media (max-width: 767px) {
    .profile_formDiv > #subUsersList {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .profile_formDiv #subUsersList .row {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .yourProfile_form > .profile_formDiv {
        margin-left: -4px !important;
    }
}

@media (max-width: 600px) {
    .text-count {
        bottom: 0;
        width: 100%;
        float: left;
        text-align: left;
        height: 45px;
        border-top: 2px solid #E9E9E7;
        border-left: 0 solid;
        top: initial;
        padding-left: 15px !important;
        padding-top: 10px !important;
    }

    .MessageBox.messageBar {
        margin-bottom: 40px;
    }
}
/* Settings end */


/* Add a key start */
#addKeyFrm .addnewkey div:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .custom-radios div.subscription-plan {
        padding-right: 0;
        padding-left: 15px;
    }

        .custom-radios div.subscription-plan:nth-of-type(3) {
            padding-right: 15px;
            padding-left: 15px;
        }
}

#addKeyFrm .switch {
    width: 58px;
    height: 32px;
    transform: translateY(-5px);
}

    #addKeyFrm .switch .slider.ValiditySlider {
        width: 58px;
        height: 32px;
    }

    #addKeyFrm .switch .slider {
        border-radius: 7.5px;
    }

        #addKeyFrm .switch .slider:before {
            border-radius: 5.5px;
            height: 28px;
            width: 28px;
            left: 2px;
            bottom: 2px;
        }

        #addKeyFrm .switch .Slider:after,
        input[type=checkbox]:checked + #addKeyFrm .switch .Slider:after {
            top: 10px;
        }

.code-section .newTime_details .startDatesTitle,
.code-section .newTime_details .endDatesTitle {
    transform: translateY(5px);
}
/* Add a key end */

/* Automations start */
.key_deteilsBox > table tr.boldText.text_bold.value-res.hidden-xs:hover {
    background: #fff;
}

.key_deteilsBox > table tr.boldText.text_bold.value-res.hidden-xs {
    cursor: auto !important;
}

.key_deteilsBox > table td.bg-td-pd {
    background: rgba(1, 1, 1, 0) !important;
}

#lstPartner .keyTitlepupop {
    margin: 0;
}
/* Automations end */

/* Date picker start */
.datepicker.datepicker-dropdown {
    border-radius: 15px;
}

    .datepicker.datepicker-dropdown .datepicker-days {
        padding: 10px;
        padding-top: 10px;
    }

.datepicker-days .datepicker-switch {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    /* Black */
    color: #2E2A25;
}

.datepicker-days table thead tr {
    background: none !important;
    /* H1 Bold */
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    /* Black */
    color: #2E2A25;
}

.disabled.day {
    text-decoration: none !important;
    color: #DDDDDA !important;
}

.day {
    text-align: center;
    height: 38px;
    width: 38px;
}

/*.active.day {
    background: url('../content/images/Selected.png') no-repeat !important;
    background-size: 94% 94%;
    padding-right: 5px;
    background-position: center;
}*/

.active.day {
    background: url('../images/day-select-bg.svg') no-repeat !important;
    background-position: center;
    color: #fff;
}

.dow {
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    /* Black */
    color: #2E2A25;
}

.newTime_details {
    height: 100%;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
}
/* Date picker end */


.newKeynest-btn {
    background: #FFFFFF !important;
    border: 2px solid rgba(46, 42, 38, 0.05) !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #00B288 !important;
    width: 200px;
}

    .newKeynest-btn:hover {
        background: #00B288 !important;
        color: #FFFFFF !important;
        border: 2px solid rgba(46, 42, 38, 0.05) !important;
    }

.mapSearch_outer #city-dropdown .filter-option {
    background: url("../images/Globe.svg") center center / 23px !important;
    height: 23px;
    width: 23px;
    color: transparent !important;
}

.magic-link {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.magic-link-text {
    background: #E8D2FA;
    padding: 5.5px 10px 5.5px 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #3F136A;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .magic-link-text img {
        margin-right: 5px;
    }

.magic-link-info {
    border: none;
    margin-left: 10px;
    background: none;
    height: 20px;
    width: 20px;
}

    .magic-link-info img {
        height: 20px;
        width: 20px;
    }

.magic-link-copy-alert {
    background: #00B288;
    height: 44px;
    display: flex;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 1;
}

    .magic-link-copy-alert img {
        margin-right: 5px;
    }

.magic-link-copy-alert-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.spn_code {
    margin-left: 5px;
}

.keycode .reusable {
    font-weight: 600;
    font-size: 12px;
    padding: 9px;
    height: 34px;
    margin-left: 5px;
    line-height: 18px;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #00B288;
    background: url('../../content/images/reuse-Rectangle.png') no-repeat center;
    background-size: 80px 24px;
}

.location-detail-divider {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.content-row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-direction: row;
    padding: 0px 20px;
}

    .content-row .storetitle {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 27px;
        margin-top: 0px;
        color: #2E2A26;
        margin-bottom: 0px;
        margin-right: 5px;
    }

    .content-row .store-img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

    .content-row.location-detail {
        display: flex;
        flex-direction: column !important;
    }

    .content-row .label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        text-align: left;
        line-height: 20px;
        color: #95938F;
    }

    .content-row .content {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        display: flex;
        line-height: 134%;
        color: #2E2A25;
    }

    .content-row .content-desc {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;        
        line-height: 134%;
        color: #2E2A25;
    }

.close-btn {
    position: absolute;
    right: -12px;
    top: -12px;
}

    .close-btn button {
        background: none;
        outline: none;
        margin: 0px;
        border: none;
        padding: 0px;
    }

.close-icon {
    content: url(/Content/images/Close-popup.svg)
}

.footer-btnCenter {
    text-align: center;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 10px;
    //box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: sticky;
    bottom: 0px;
}

.custom-check-box input[type="radio"] {
    display: none;
}

.custom-check-box input {
    float: left;
    width: 20px;
    padding: 0px;
    margin: 0px 10px 0 0;
    height: 29px;
}

    .custom-check-box input[type="radio"] + label {
        color: #333;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 35px;
        padding-left: 0;
        width: 100%;
    }

.custom-check-box label {
    font-weight: normal !important;
    margin: 0 4px 0 0;
    height: 20px;
    display: flex;
    align-items: center;
}

    .custom-check-box label span {
        margin-right: 5px;
    }

.custom-check-box input[type="radio"] + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    /* margin: 4px 16px 20px 0; */
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 20px;
    border: solid 1px #2E2A25;
    /* float: left; */
}

.custom-check-box input[type="radio"]:checked + label span img {
    opacity: 1;
}

.custom-check-box input[type="radio"] + label span img {
    opacity: 0;
    transition: all .3s ease;
}

.checkbox-options {
    display: flex;
}

    .checkbox-options .custom-check-box {
        margin-right: 20px;
    }

button[disabled].request-point-btn {
    background: #fff !important;
    border: 2px solid #ccc;
    color: #ccc;
}

.tag {
    padding: 5px 13px;
    border-radius: 32px;
}

.bg-red {
    background-color: #E35454 !important;
}

.txt-white {
    color: #fff !important;
}

.check_box_text.check_box_text_new.col-md-5.col-sm-5.col-xs-12 {
    padding-left: 0px;
}

.check_box_text.check_box_text_new.col-md-7.col-sm-7.col-xs-12 {
    padding-right: 0px;
}


/*.gm-style .gm-style-iw-d::before,
.gm-style .gm-style-iw-d::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    border: 14px solid transparent;
    border-top-color: #fff;
}*/

.gm-style .gm-style-iw-d::before, 
.gm-style .gm-style-iw-d::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 46%;
    border: 10px solid transparent;
    border-top-color: #fff;
}



#storeModel::before,
#storeModel::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 44%;
    border: 14px solid transparent;
    border-top-color: #fff;
}

.storetitle-text {
    align-items: center !important;
}

.code-instruction-locker {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.code-instruction-locker .heading {
    font-size:16px !important;
    font-weight:600 !important;
}

.code-instruction-locker .text {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.instructions-item {
    overflow: hidden;
    flex-direction: row;
    gap: 6px;
    text-align: center;
    color: #fcfcfa;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.divcounter {
    display: flex;
    flex-direction: column;
    padding: 3px 0 0;
    align-items: flex-start;
    justify-content: flex-start;
}

.divcontent {
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    font-size: 14px;
    color: #2e2a25;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.send-the-drop {
    flex: 1;
    position: relative;
    font-weight: 600;
    display: inline-block;
    min-width: 260px;
}

.magic-link {
    padding: 8px 0 4px;
    color: #3f136a;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.frame {
    position: relative;
    border-radius: 20px;
    background-color: #615e5a;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.div1 {
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    
}
.divcounter .frame .div1 {
    font-size: 12px;
}
.next-steps1 {
    align-self: stretch;
    font-size: 16px;
    font-weight:600;
}
.these-instructions-have {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.icons-20x20-magic-link {
    position: relative;
    width: 20px;
    height: 20px;
}

.lockercodes {
    align-self: stretch;
    border-radius: 7px;
    border: 1px solid #DDDDDA;
    overflow: hidden;
    align-items: flex-end;
    font-size: 16px;
    color: #615e5a;
    background: #fff !important;
    padding: 0px !important;
    margin-bottom: 0px !important
}

    .lockercodes .code-info {
        padding: 20px !important;
    }

.magic-link-text-new {
    background: #E8D2FA;
    padding: 5.5px 10px 5.5px 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #3F136A;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.magic-link-copied {
    background: #DDDDDA;
    padding: 5.5px 10px 5.5px 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #3F136A;
    display: flex;
    align-items: center;
}

.learn-more-btn {
    background: #fff;
    padding: 5.5px 10px 5.5px 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    display: flex;
    align-items: center;
    margin-top: 15px;
    border: none;
    text-decoration: none;
    text-transform: none;
}


.optionaltext {
 margin-left:10px;
    background: #615E5A;
    border-radius: 7px;
    font-size: 10px;
    color: #fff;
    height: 19px;
    display: flex;
    padding: 2px 6px 2px 6px;
    align-items: center;
}

.key_deteilsBox table tbody tr:hover.deletedrow td .boldText {
    color: #E35454 !important;
}

.my_keylist table tbody tr:hover.deletedrow .manageAccess.manageAccess-arrow {
    background: rgba(0, 0, 0, 0) url("../images/Arrow_icon_red.svg") no-repeat scroll 0 0;
}

.key_deteilsBox > table tr:nth-child(odd):hover.deletedrow {
    background: #FEF5E6;
}

.key_deteilsBox > #dataTables-example tr:nth-child(odd):hover.deletedrow .value-res > span {
    color: #E35454 !important;
}

.key_deteilsBox table tbody tr.deletedrow td .boldText {
    color: #E35454 !important;
}

.key_deteilsBox > #dataTables-example tr:nth-child(odd).deletedrow .value-res > span {
    color: #E35454 !important;
}
@media (max-width: 575px) {
    
    .restrictions {
        flex-direction: column !important;
    }

    .time-restrictions {
        flex: none !important;
    }

    #addKeyModal .modal-fullscreen {
        width: 100vw !important;
        max-width: none;
        height: 99% !important;
        margin: 0;
    }

    #addKeyModal .modal-dialog {
        min-height: 90vh !important;
    }

    #addKeyModal .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
        display: flex;
    }

    #addKeyModal .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    #addKeyModal .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    #addKeyModal .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

    #addKeyModal .popup {
        border-radius: 0px !important;
        position: relative;
        flex: 1 1 auto;
        max-height: 99vh !important;
    }

    #addKeyModal .popup-scroll {
        max-height: calc(var(--d) - 90px) !important;
        height: calc(var(--d) - 90px) !important;
        min-height: auto !important;
        padding-bottom: 0px;
    }

    /*#addKeyModal .add-key-buttons {
        bottom: 3px !important;
    }*/
}

.modal-backdrop {
    z-index: 2000000001 !important;
}


.dropdown-kn {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll right 0px / 23px auto;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 120px;
    font-size: 15px;
    font-weight: 600 !important;
    padding-right: 22px;
    color: #00b189;
    padding-top: 0 !important;
    padding-left: 5px !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

.dropdown-kn-wrapper::before {
    background: #00b189 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 2px;
    position: absolute;
    width: 130px;
}

.dropdown-kn-wrapper {
    display: inline-block;
    margin-left: -5px;
    margin-top: 2px;
    position: relative;
    width: auto;
}

/*Location Map Css starts */
.pac-container.pac-logo hdpi {
    left: 10px !important;
}

.gm-style-iw-chr {
    display: none !important;
}

.gmnoprint {
    display: none !important;
}

.d-hidden {
    display: none;
}

.store-card-container .store-item {
    background-color: #fff;
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 10px;
    border: 1px solid #E7E7E5;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.00);
}

    /* Already defined */
    .store-card-container .store-item .top-cont {
        max-height: 250px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    /* New expanded state */
    .store-card-container .store-item.expanded .top-cont {
        max-height: max-content;
        overflow: visible;
    }

/* Rotate icon */
.show-more-btn img {
    transition: transform 0.3s ease;
}

.store-item.expanded .show-more-btn img {
    transform: rotate(180deg);
}


.store-card-container .store-item .top-cont .store-cont,
.store-card-container .store-item .top-cont .description-cont {
    padding: 16px 12px;
}

.store-card-container .store-item .top-cont .store-cont {
    border-bottom: 1px solid #E7E7E5;
}

.store-card-container .store-item.request-new-point-cont {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 12px;
}

    .store-card-container .store-item.request-new-point-cont .store-header {
        text-align: center;
        margin-top: 4px
    }

    .store-card-container .store-item.request-new-point-cont .card-primary-btn {
        margin-top: 16px;
        margin-bottom: 8px
    }

.store-card-container .store-item .store-header {
    color:, #2E2A25;
    text-align: center;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    gap: 10px;
    justify-content: space-between
}

    .store-card-container .store-item .store-header .store-card-tag {
        height: 29px;
        min-width: max-content
    }

.store-card-container .store-item .store-address {
    color: #2E2A25;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 134%;
}

.store-card-container .store-item .store-description-text {
    color: #2E2A25;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
}

.store-card-container .store-item .store-time {
    color: #2E2A25;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
}

.store-card-container .store-item .card-primary-btn {
    display: flex;
    padding: 7px 14px;
    align-items: center;
    gap: 4px;
    border-radius: 20px;
    background: #00B288;
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    outline: none;
    box-shadow: none;
    border: 0;
    width: max-content;
    margin: 16px 0;
    text-transform: initial
}

.store-card-container .store-item .direction-btn {
    display: flex;
    padding: 5px 11px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #DCF3EB;
    color: #2E2A25;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 134%;
    outline: none;
    border: 0;
    box-shadow: none;
    text-transform: initial;
    margin-top: 12px
}

.store-card-container .store-item .store-card-footer {
    border-radius: 0px 0px 10px 10px;
    background: #fff;
    border-left: 1px solid #E7E7E5;
    position: relative;
    padding: 16px;
    padding-top: 8px
}

    .store-card-container .store-item .store-card-footer::before {
        content: "";
        position: absolute;
        top: -44px; /* Pulls it higher to make the fade start earlier */
        left: 0;
        width: 100%;
        height: 40px; /* Taller gradient area */
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 1) 100% );
        pointer-events: none;
    }

.store-card-container .store-item.expanded .store-card-footer::before {
    display: none
}

.store-card-container .store-item .store-card-footer .show-more-btn {
    color: #00B288;
    text-align: right;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 0;
    background: transparent;
    text-transform: initial;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

.store-card-container .store-item .description-cont {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.store-card-container .store-item .store-card-pic {
    width: 165px;
    height: 160px;
}

.store-card-container .store-item .description-cont .store-card-pic {
    width: 166px;
}

.store-card-container .store-item .description-cont .store-img-container {
    position: relative
}


    .store-card-container .store-item .description-cont .store-img-container .search-icon-cont {
        display: flex;
        height: 34px;
        width: 34px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 20px;
        background: #DCF3EB;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1000;
        cursor: pointer
    }

#storeDetailsContainer {
    padding: 12px 8px;
    border-right: 1px solid  #E7E7E5;
    background:  #F2F2EF;
}



.d-flex {
    display: flex
}
.d-hidden{
    display:none !important;
}
/*Location Map Css ends */



.dvHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.btn-back {
    border: none;
    box-sizing: border-box;
    border-radius: inherit;
    font-size: 12px;
    background: none;
    line-height: 18px;
    display: flex;
    text-align: center;
    padding: 3px 12px;
    cursor: pointer;
    align-items: flex-start;
}

.dvHeaderCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*.dvPropertyItem1 {
        display: none;
    }*/
.list-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-back img {
    display: none;
}

.btn-modal-close {
    background: #E7E7E5;
    border: none;
    box-sizing: border-box;
    border-radius: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: flex-start;
    color: #2E2A25;
    padding: 3px 12px;
    cursor: pointer;
    text-transform: capitalize;
}


.password-show::before {
    content: url('../images/password_show.svg');
    width: 200px;
    height: 200px;
    cursor:pointer;
}

.password-hide::before {
    content: url('../images/password_hide.svg');
    width: 200px;
    height: 200px;
    cursor: pointer;
}