@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MYRIADPROREGULAR';
    src: url('./MYRIADPROREGULAR.eot');
    src: local('MYRIADPROREGULAR'), url('./MYRIADPROREGULAR.woff') format('woff'), url('./MYRIADPROREGULAR.ttf') format('truetype');
}

.fontsforweb_fontid_4410 {
    font-family: 'MYRIADPROREGULAR' !important;
}



.bg {
    background-color: #f8f8f2;
}

.clear {
    clear: both;
}



.logo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.login_container {
    margin: 0px 0px 0px 0px;
    text-align: right;
}

.login {
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 0px;
    color: #c6c6c6;
}

    .login span {
        display: inline-block;
    }

        .login span a {
            text-decoration: none;
            color: #fff;
            margin-top: 5px;
        }

            .login span a:hover {
                color: #f1f1f1;
            }

.new-icon {
    position: absolute;
    right: 10px;
    top: 42px;
}

.login_container p {
    font-size: 12px;
    color: #8a9184;
}

    .login_container p span {
        color: #52BF67;
        font-weight: bold;
    }

.top_container {
    margin: 0px;
    padding: 0px;
    background-color: #333;
}

.main_head {
    text-align: center;
    margin-bottom: 36px;
}

    .main_head h2 {
        color: #57615d;
        font-size: 20px;
        background-image: url(../images/bottom_border.png);
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 17px;
        text-shadow: 2px 2px #ffffff;
    }

    .main_head p {
        color: #999999;
        text-shadow: 2px 2px #ffffff;
    }


.middile_section {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.container_style {
    padding: 0px 0px 10px 0px;
    background-color: #FFF;
}

 #notificationContainer {
        background-color: #fff;
        border: 1px solid rgba(100, 100, 100, .4);
        -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
        overflow: visible;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 32px;
        right: 0;
        width: 300px;
        z-index: 5;
        display: none;
    margin-left:0px;
        overflow-y: initial !important;
    }

.newhome .category {
    margin: 0px 0px 30px 0px;
    width: 100%;
    padding: 10px 10px 16px 10px;
    position: relative;
    background-color: white;
    display: inline-block;
    border: 1px #c1c1c1 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .newhome .category .postad {
        font-size: 12px;
        float: left;
        position: relative;
        z-index: 0;
        background: #DB203F !important;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 8px 6px;
        color: white !important;
        text-decoration: none;
        display:block !important;
    }

.newhome .clearbookad {
    float: left;
    padding: 8px 6px;
    height: 33px;
}

.newhome .caption {
    font-size: 12px;
    padding: 0.8em;
    padding-top: 0px;
    height: 34px;
    padding-bottom: 5px;
    border-radius: 2px;
    margin-top: -2px;
}

a.categoryimg img {
    width: 100%;
    margin-bottom: 7px;
    display: block;
}

.category a, .category a:hover {
    text-decoration: none;
    color: #666666;
}

.addtypenew .category {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .addtypenew .category a, .addtypenew .category a:hover {
        background-color: white;
        display: block;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 7px #fff solid;
    }

    .addtypenew .category a {
        position: relative;
    }

.addtypenew .caption {
    font-size: 14px;
    color: white;
    padding: 6px;
    background-color: rgba(0,145,132,0.9);
    text-align: center;
    position: absolute;
    bottom: 14px;
    width: 100%;
}

.addtypenew a.categoryimg img {
    margin-bottom: 0px;
}

.newaddtypenew {
    display: inline-block;
    width: 33%;
    padding: 0px 15px;
}

.searchnew {
    font-size: 12px;
    float: right;
    position: relative;
    top: 8px;
}

.searchbg {
    background-color: #009184;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 9px 20px;
    color: white;
    text-decoration: none;
}

.steps-img {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

    .steps-img img {
        max-width: 100%;
    }

.setcategory .category {
    padding-top: 0px;
}

.footer_strip {
    /*background-color: #0c4a5c;*/  background-color: #2d2d2d;
   /* background: linear-gradient( to right, #d81a21 0%, #674646 50%, #6f3a3a 50%, #332615 100% );*/
    padding-top: 12px;
    padding-bottom: 0px;
    text-align: center;
    color: #fff;
}

    .footer_strip ul {
        list-style: none;
        margin: 0 auto 10px auto;
        text-align: left;
    }

        .footer_strip ul li {
            margin: 0px 10px 0px 0px;
            display: inline-block;
        }

            .footer_strip ul li a {
                text-decoration: none;
                color: #fff;
                font-size: 12px;
            }

                .footer_strip ul li a:hover {
                    color: #f1f1f1;
                }


.pagination > li > a, .pagination > li > span {
    border-radius: 18px;
    padding: 0px 10px !important;
    font-size: 25px;
    color: #A5AAA8 !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 18px !important;
    border: 1px solid #7a7a7a;
    margin-right: 10px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 18px !important;
    border: 1px solid #7a7a7a;
    margin-left: 10px;
}

.pagination > li > a, .pagination > li > span {
    background-color: #f2f2f2;
}

.pagination > li.active a {
    background-color: #e5e5e5 !important;
    color: #009184 !important;
    border-color: transparent;
}

.helpicon {
    display: none;
}


/****compose ad page style **/


.page_style {
    background-color: #fafafa;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.top_tab {
    background: #f6f6f6;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 49%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#f9f9f9), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    float: left;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e7e7e7',GradientType=0 );
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 0px #999;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: #009184 !important;
    border-color: #ffffff !important;
}

.top_tab a {
    text-decoration: none;
    float: left;
    margin: 0px 10px 0px 0px;
    padding-left: 5px;
}

    .top_tab a img {
        padding-top: 11px;
        padding-left: 14px;
    }

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

    .top_tab ul li {
        list-style: none;
        float: left;
        padding: 5px;
    }

        .top_tab ul li a {
            text-decoration: none;
            color: #333;
            background-image: url(../images/arrow.png);
            background-position: right center;
            background-repeat: no-repeat;
            text-transform: uppercase;
            text-decoration: none;
            text-transform: uppercase;
            width: 121px;
            height: 33px;
            padding-top: 12px;
            padding-left: 12px;
        }

            .top_tab ul li a.nobg {
                background-image: none;
                width: auto;
                padding-left: 0px;
                font-weight: bold;
            }

.tab_active {
    background-image: url(../images/active_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 177px;
    height: 48px;
}

    .tab_active a {
        color: #333 !important;
        padding-left: 35px !important;
    }

ul li.tab_active a {
    background-image: none !important;
}

.home_tab_active {
    background-image: url(../images/active_bg.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
}

.inner_content {
    background-color: #ffffff;
    padding: 15px 0px 15px 0px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    border: 1px #ccc solid;
    margin-bottom: 10px;
}

.continue {
    background-color: #009184;
    width: 150px;
    border-bottom: 1px solid #009184;
    border-radius: 3px;
    margin-left: 14px;
    padding: 6px 50px 6px 6px !important;
    color: #fff;
    background-image: url(../images/right-arrow.png) !important;
    background-position: 98% center;
    background-repeat: no-repeat;
}

.previous {
    background-color: #ab0043;
    width: 150px;
    border-bottom: 1px solid #009184;
    border-radius: 3px;
    padding: 6px 6px 6px 50px !important;
    color: #fff;
    background-image: url(../images/left-arrow.png) !important;
    background-position: 2% center;
    background-repeat: no-repeat;
}

    .continue:hover, .previous:hover {
        color: #f8f8f8 !important;
    }

.special_e {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.btn-green {
    background-color: #009184;
    text-align: center;
    margin-left: 14px;
    width: 160px;
    border-bottom: 1px solid #009184;
    border-radius: 3px;
    padding: 6px;
    color: #fff;
}

.enhance_ment {
    margin: 0px 0px 20px 0px;
    padding: 10px;
    border: 1px #ccc solid;
    border-top: 2px #ccc solid;
}

    .enhance_ment p {
        color: rgba(0, 0, 0, 1);
        margin: 0px 0px 0px 0px;
    }

    .enhance_ment label {
        font-weight: normal;
    }

.no-padding {
    padding: 0px !important;
}

.halfpart {
    display: inline-block !important;
    width: 48%;
    text-align: center;
    vertical-align: middle;
}

    .halfpart .checkbox label {
        font-size: 11px;
    }

.full-width {
    width: 100%;
}

.enhance_ment input {
    margin: 10px 0px 10px 0px;
    border-color: #ebebdd;
}

.enhance_ment textarea {
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-color: #ebebdd;
}

.enhance_ment select {
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-color: #ebebdd;
}

.enhan_tile {
    font-family: 'Trebuchet MS';
    font-size: 13px;
    color: #999999;
    font-weight: bold;
    background-image: url(../images/S_E.png);
    background-repeat: no-repeat;
    padding: 3px;
}

    .enhan_tile span {
        color: #f6a01a;
    }

.enhance_symbol {
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 49%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#f9f9f9), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e7e7e7',GradientType=0 );
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.radio-primary input[type="radio"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #009184 !important;
}

.enhance_symbol span {
    color: #5a5959;
    text-transform: uppercase;
    font-family: sans-serif;
}

.full_caps {
    width: auto;
    float: left;
    margin-left: 14px;
    margin-bottom: 0px !important;
}

.spec_heart {
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
    border: 1px #ccc solid;
    padding: 8px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.blk-under {
    padding-top: 10px;
}

.preview {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 14px;
    display: inline;
}

    .preview a span {
        padding: 4px 28px;
        color: #333;
        border: 1px solid #1abc9c;
        display: inline-block;
        text-align: center;
        border-radius: 3px;
    }

.new-border {
    border: 1px #ccc solid;
    padding: 8px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
}

.clearbtn-style {
    background-color: transparent;
    border: 0px;
    outline: 0px;
    color: black;
    font-size: 26px;
}

.preview span.helplabel {
    font-size: 12px;
    background-color: transparent;
    padding: 0px;
    border: 0px;
    color: #666;
    width: auto;
}

.preview span a {
    color: white;
    text-decoration: none;
}

.location {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.title_L {
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 49%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#f9f9f9), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e7e7e7',GradientType=0 );
    display: inline-block;
    padding: 14px 10px 2px 10px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 1px #ccc solid;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.title_R {
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 49%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#f9f9f9), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    height: 42px;
    line-height: 40px;
    padding-left: 12px;
    border: 1px solid #ededed;
    margin-bottom: 0px;
    margin-top: 15px;
}

.title_S {
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f9f9f9 49%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#f9f9f9), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f9f9f9 49%,#e7e7e7 100%);
    height: 42px;
    line-height: 40px;
    padding-left: 12px;
    border: 1px solid #ededed;
    margin-bottom: 0px;
    margin-top: 15px;
}

.title_L p {
    font-family: sans-serif;
    font-size: 14px;
    color: #414141;
    display: inline-flex;
    align-items:center;
}

.title_L .language-on {
    width: 45px;
    height: 17px;
    background-image: url('../images/language-switch-on.png');
    display: inline-block;
    margin: 0px 15px 0px 5px;
}

.title_L .language-off {
    width: 45px;
    height: 17px;
    background-image: url('../images/language-switch-off.png');
    display: inline-block;
    margin: 0px 15px 0px 5px;
}

.language-area {
    float: right;
    font-size: 11px !important;
}

.select_all {
    text-align: right;
    margin-right: 2px;
}

    .select_all input {
        margin-right: 3px !important;
    }

.location_container {
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 20px 10px;
    display: inline-block;
    width: 100%;
}

.location_div {
    width: 100% !important;
    color: #848484;
    margin: 10px 0px 10px 0px;
}

    .location_div checkbox {
        margin-right: 12px !important;
    }

.over_flow {
    overflow: auto;
    height: 198px;
}

.select_date {
    margin: 0px 0px 20px 0px;
    background-color: #F5F5F5;
    padding: 10px 10px 3px 10px;
    display: inline-block;
    width: 100%;
    border: 1px #ccc solid;
    border-top: 2px #ccc solid;
}

.date {
    background-color: #ab0043;
    padding: 7px;
    color: #fff;
    font-size: 12px;
    width: 150px;
    float: left;
    cursor: pointer;
    border-radius: 3px;
}

    .date a, .date a:hover {
        color: white;
        text-decoration: none;
    }

        .date a img {
            margin-right: 6px;
        }

.date_label {
    float: left;
    padding-top: 2px;
    padding-left: 11px;
    font-size: 12px;
}

.blackbg {
    background-color: #666;
}

.whitebg {
    background-color: white;
}

.date_input {
    background-color: #ffffff;
    text-align: right;
    color: #898989;
    height: 82px;
    width: 100%;
    display: inline-block;
    padding: 10px;
    overflow: auto;
}

    .date_input label {
        display: inline-block;
    }

.reset_date {
    text-align: right;
    color: #636060;
    margin: 10px 0px 10px 0px;
    display: inline-block;
    width: 100%;
}

    .reset_date a {
        text-decoration: none !important;
        color: #636060 !important;
        padding-top: 10px !important;
        position: relative;
        float: right;
    }

.location-select {
    background-color: #57615d;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: white;
    display: inline-block;
    width: 100%;
}

.location-select-label {
    background-image: url(../images/loc-select.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px 30px;
    display: inline-block;
}

#calender {
    display: none;
}

.fieldset-loc {
    display: inline-block !important;
    margin-right: 8px;
}

.sub_category {
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    border-top: 2px solid #ccc;
}

    .sub_category select {
        width: 100%;
        padding: 10px 10px 10px 10px;
    }


.amt_section {
    margin: 4% 0px 0px 0px;
    padding: 0px 0px 0px 0px 0px;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.fa-2xby2 {
    font-size: 1.5em !important;
    margin-right: 5px;
}

.amt_btn-new {
    width: 40%;
    float: left;
}

.cal_rate {
    background-color: #ab0043;
    color: #fff !important;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
    padding: 7px;
    width: 125px;
    display: inline-block;
    margin-bottom: 10px;
}

    .cal_rate a {
        color: #fff !important;
        text-decoration: none;
    }

.Breakup {
    background-color: #ab0043;
    color: #fff !important;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    padding: 8px;
    width: 150px;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}

    .Breakup a {
        color: #fff !important;
        text-decoration: none;
    }

.label-primary {
    background-color: #dadada !important;
    color: black !important;
}

.preview_details {
    background-color: #f69a09;
    color: #fff !important;
    padding: 10px;
    width: 43%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #59536e;
}

.white-bg {
    background-color: white;
    border: 1px #ccc solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px;
}

.bredcrumb-issuse {
    margin-left: -43px;
}

.paymenthead {
    color: #009184;
}

.terms-title {
    position: relative;
    left: -18px;
}

.terms-condition {
    height: 450px;
    overflow: auto;
    clear: both;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
}

.terms-area {
    padding: 10px;
    border: 1px #ccc solid;
    background-color: white;
    margin-bottom: 30px;
}

    .terms-area h5 {
        color: #009184;
    }

.tcapplied {
    font-size: 11px;
    color: #999999;
}

.publishing_date {
}

.temp-tooltip-content {
    display: block;
    margin: 10px 25px 0px 0px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    border: 1px #ccc solid;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.category-title-inner {
    color: #009184;
    background-image: url('../images/Compose-Page-Bg.png');
    background-repeat: no-repeat;
    padding: 16px 0px 16px 5px;
    float: right;
    position: relative;
    right: -7px;
    text-align: right;
    background-position: right;
}

    .category-title-inner span {
        border-bottom: 1px #999 solid;
        border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 10px 0px 10px;
        padding: 11px;
        -webkit-border-radius: 5px 0px 0px 5px;
        background-color: #f1f1f1;
    }
/****compose ad page style **/

   
/******** side nav style  *********/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #272727;
    overflow-x: hidden;
    transition: 0.5s;
   
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 14px;
    color: #c5c5c5;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

/*.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 6px;
    font-size: 36px;
    margin-left: 50px;
}*/


/*.mobile_menu {display:none;}*/

 .hamburger   {margin-left: 0px;
    position: absolute;
        top: -12px !important;
    left: 20px;}


.mobilelogo {width: 230px;
    /* height: 250px; */
    margin: 0 auto;
    position: relative;
    top: -64px;
    text-align: center;
}
 

.overlay {position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;}


/******** side nav style  *********/





.modal-dialog {
    overflow-y: initial !important;
}

@media (min-width:980px) {

    .col-lg-4 {
        width: 33.33% !important;
    }
}


@media (min-width: 320px) and (max-width: 1200px) {
    .category a {
        text-align: center;
        display: block;
    }
     .sticky li:hover {
        margin-left: 0px !important;
    }
}



@media (min-width: 320px) and (max-width: 1000px) {

    .footer_strip {display:none;}
    .social-network {display:none;}


    .middile_section {
        margin-top: 5px;
    }

    .top_strip {
     padding:5px 0px 5px 0px !important;
    min-height: 0 !important;
    }

    .login_container {
        text-align: center;     display: none !important;
    }

    .hamburger {top: 3px;left: 0;}

    .menu_topbar {height:0px !important;}


    .logo {
        text-align: center;
    }

    .logo a img {width:205px;}


    .publishing_date {
        margin-top: 10px;
    }


    /*.mobile_menu {display:block;}*/

     .footer {display:none;}

     .copy_right {text-align:center !important;float:inherit !important;     display: inherit !important;}
}
    /*.mobile_menu {display:none;}*/
a:hover, a:focus {text-decoration:none !important;}


.footer {
}
@media (max-width: 680px) {

  

    .msgdialog{width:90%!important; margin-top:2%!important;}
    
    .notifi-arrow {
        left: 45%;
    }

    .amt_btn-new {
        width: 100%;
    }


    .total-amount-btn {
        margin-top: 10px;
    }

    .helpicon {
        display: block;
        float: right !important;
        margin-top: 10px;
    }

    .steps-img {
        display: none;
    }
    /*.col-xs-6{width:100%!important; display:block;}*/
    .halfpart {
        width: auto;
    }
    /*.col-md-7{padding-left:0px!important; padding-right:0px!important;}*/
    .tab_active {
        background-image: none;
        width: auto;
        height: auto;
    }

        .tab_active a {
            color: #333 !important;
            padding-left: 5px !important;
        }

    ul li.tab_active a {
        font-weight: bold;
    }

    .top_tab ul li a {
        width: auto;
        height: auto;
        background-image: none;
    }

    .publishing_date {
        margin-top: 10px;
    }

    .newaddtypenew {
        width: 45%;
    }

    .bredcrumb-issuse {
        margin-left: 0px;
    }
  
    #notificationContainer{left: 50%; margin-left:-239px;}
   
    

}

@media (max-width: 480px) {
    .date, .Breakup, .cal_rate {
        width: 100%;
    }

    .total-amount-btn input {
        top: 0px;
    }
    /*changed width to 120 instead of auto for correcting razorpay standard checkout pay button design issue in mobile*/
    .previous, .continue {
        width: 120px;
    }

    .formobilescroll {
        max-height: 250px;
        overflow-y: auto;
    }

    .sticky-container {
        right: -120px !important;
    }

      #notificationContainer{left: 50%; margin-left:-150px;}
      
      .whitebg
      {
          width:161px !important;
          

      }
}

@media (max-width: 500px) {
    .newhome, .addtypenew, .newaddtypenew {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    .fileinput-remove-button, .fileinput-upload-button {
        width: 11%;
        overflow: hidden;
    }
}


@media (max-width: 980px) {
    .layoutmodal-body {
        height: 300px;
        overflow:auto;
    }
   
}

.language-section p {
    font-family: sans-serif;
    font-size: 14px;
    color: #414141;
    display: inline-block;
}

.language-section .language-on {
    width: 45px;
    height: 17px;
    background-image: url('../images/language-switch-on.png');
    display: inline-block;
    margin: 0px 15px 0px 5px;
}

.language-section .language-off {
    width: 45px;
    height: 17px;
    background-image: url('../images/language-switch-off.png');
    display: inline-block;
    margin: 0px 15px 0px 5px;
}
.enhance_ment_FrontOffice{
        margin: 0px 0px 8px 0px;
    padding: 10px;
    /*border-top: 2px #ccc solid;*/
}

/*Start Payment page Styles*/
          .form-wrapper {
                    background-color: #f6f6f6;
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
                    background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
                    background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
                    background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
                    background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
                    background-image: linear-gradient(top, #f6f6f6, #eae8e8);
                    border-color: #dedede #bababa #aaa #bababa;
                    /*border-style: solid;*/
                    border-width: 1px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                    -webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
                    -moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
                    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
                    /*margin: 100px auto;
                    overflow: hidden;*/
                    padding: 8px;
                    width: 100%;
                }

                    .form-wrapper #search {
                        border: 1px solid #CCC;
                        -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
                        -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
                        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        color: #999;
                        float: left;
                        font: 16px Lucida Sans, Trebuchet MS, Tahoma, sans-serif;
                        height: 20px;
                        padding: 10px;
                        width: 100%;
                    }

                        .form-wrapper #search:focus {
                            border-color: #aaa;
                            -webkit-box-shadow: 0 1px 1px #bbb inset;
                            -moz-box-shadow: 0 1px 1px #bbb inset;
                            box-shadow: 0 1px 1px #bbb inset;
                            outline: 0;
                        }

                        .form-wrapper #search:-moz-placeholder,
                        .form-wrapper #search:-ms-input-placeholder,
                        .form-wrapper #search::-webkit-input-placeholder {
                            color: #999;
                            font-weight: normal;
                        }


                    .form-wrapper #search input:focus {
                        animation: glow 800ms ease-out infinite alternate;
                        background: #222922;
                        background: linear-gradient(#333933, #222922);
                        border-color: #393;
                        box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
                        color: #efe;
                        outline: none;
                    }

                        .form-wrapper #search input:focus::-webkit-input-placeholder {
                            color: #efe;
                        }

                        .form-wrapper #search input:focus:-moz-placeholder {
                            color: #efe;
                        }

                .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
                    font-size: 15px;
                    height: 44px;
                }
      


/*End of Payment page Styles*/