@font-face {
    font-family: sgds-icons;
    src: url(../fonts/sgds-icons.ttf) format("truetype"),url(../fonts/sgds-icons.woff) format("woff"),url(../fonts/sgds-icons.svg?#sgds-icons) format("svg");
}

@font-face {
    font-family: "Barlow";
    src: url("../fonts/ttf/Barlow-Regular.ttf"), url(../fonts/otf/Barlow-Regular.otf);
}

@font-face {
    font-family: "Barlow Medium";
    src: url("../fonts/ttf/Barlow-Medium.ttf"), url(../fonts/otf/Barlow-Medium.otf);
}

@font-face {
    font-family: "Barlow Semi-bold";
    src: url("../fonts/ttf/Barlow-SemiBold.ttf"), url(../fonts/otf/Barlow-SemiBold.otf);
}

@font-face {
    font-family: "Barlow-Bold";
    src: url("../fonts/ttf/Barlow-Bold.ttf"), url(../fonts/otf/Barlow-Bold.otf);
}

@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2?2820a3852bdb9a5832199cc61cec4e65") format("woff2"), url("../fonts/bootstrap-icons.woff?2820a3852bdb9a5832199cc61cec4e65") format("woff");
}


html {
    font-size: 1rem !important;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    /*added to disable autofont resize in ipad*/
}

h1, h2, h3, h4, h5, h6, p, a, label, select, ul li, td {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #0055b8;
    font-weight: bold;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

p,
a,
li {
    font-size: 14px;
}

footer p,
footer a,
footer li {
    font-size: 78%;
    margin: 0px;
}

.updated_date {
    font-size: 14px !important;
    text-align: right;
    color: #b7b7b7;
}

.clearfix {
    overflow: auto;
}

.no_border {
    border: none !important;
}

.white {
    background-color: #fff;
}

.red {
    color: red;
}

.pagination {
    margin: 0px;
}

span.caret {
    margin-left: 5px !important;
}


.table > thead > tr > th,
.table > tbody > tr > td {
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
}

.table > tbody > tr > td {
    font-weight: normal;
    font-size: 14px;
}

.table_header h3, .table_header label {
    text-align: center !important;
}

.page_counter {
    font-size: 20px;
    line-height: 12px;
}

.my_property h1,
.my_property h2,
.my_property h3 {
    color: #0055b8;
}

.sgds-icon{
    font-family:sgds-icons !important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    font-size: 2rem;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased
}

.sgds-icon .is-size-4 {
    font-size: 2rem !important;
}


.sgds-icon-sg-crest::before {
    font-family: sgds-icons !important;
    font-weight: 400;
    content: "\e948";
    color: #db0000;
}

.sgds-icon-facebook::before {
    font-family: sgds-icons !important;
    font-weight: 400;
    content: "\e91c";
}

.sgds-icon-twitter::before {
    font-family: sgds-icons !important;
    font-weight: 400;
    content: "\e928";
}

.sgds-icon-linkedin::before {
    font-family: sgds-icons !important;
    font-weight: 400;
    content: "\e920";
}

.sgds-icon-youtube::before {
    font-family: sgds-icons !important;
    font-weight: 400;
    content: "\e929";
}


.sgds-masthead{
    position:relative;
    background-color:#f0f0f0;
    padding:4px 12px;
    margin-top:-5px;
    height:auto;
    min-height:2.8rem;
    font-size:14px;
}

.sgds-masthead .is-text {
    position: relative;
    padding-left: 0.25rem;
    font-size:12px;
}

.sgds-masthead a {
    color: #484848;
    display: flex;
    align-items: center;
    text-decoration: none!important;
    outline: none;
}

    .sgds-masthead .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }

    .sgds-masthead .row .col {
        display: block;
        flex-basis: 0px;
        flex-grow: 1;
        flex-shrink: 1;
        padding: .75rem;
        text-align:center!important;
        cursor: pointer;
    }

header {
    padding-bottom: 5px;
}

    header .row {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px 0px;
        margin-bottom: 0px;
    }

    header .logo_text_csp {
        margin-left: 12px;
    }

        header .logo_text_csp h2,
        header .logo_text_csp h3,
        header .logo_text_csp h4 {
            color: #666;
            margin: 2px 0 0 10px;
        }

        header .logo_text_csp h3, 
        header .logo_text_csp h4 {
            font-weight: normal;
        }

    header .social_media_sg_logo ul li {
        border-right: 1px solid #ccc;
    }

        header .social_media_sg_logo ul li:last-child {
            border: none;
        }

        header .social_media_sg_logo ul li img {
            /*width: 85%;*/
        }

        header .social_media_sg_logo ul li:last-child img {
            width: 100%;
        }

nav.navbar {
    border-radius: 0px;
    border-color: transparent;
    background-color: #666;
}

    nav.navbar #navbar ul.nav li {
        border-right: 1px solid #868686;
        padding-bottom: 0px !important;
    }

        nav.navbar #navbar ul.nav li:first-child {
            border-left: 1px solid #868686;
        }

    nav.navbar #navbar ul.navbar-right li {
        border: none !important;
    }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #00929f !important;
    background-image: none;
    box-shadow: none;
}
/*.navbar-inverse .navbar-nav li,
.navbar-inverse .navbar-nav li ul > li{
    border: none;
}*/

ul.navbar-nav li.dropdown ul.dropdown-menu li {
    border: none !important;
}

.navbar-inverse .navbar-nav li:hover,
.navbar-inverse .navbar-nav li ul > li > a:hover {
    background-color: #00929f !important;
    background-image: none;
    box-shadow: none;
}

.navbar-inverse .navbar-nav ul li:last-child:hover,
.navbar-inverse .navbar-nav li ul > li > a:last-child:hover {
    border-radius: 0px 0px 12px 0px !important;
}

.navbar-inverse .navbar-nav li:focus,
.navbar-inverse .navbar-nav li ul > li > a:focus,
.navbar-inverse .navbar-nav li:active,
.navbar-inverse .navbar-nav li ul > li > a:active {
    background-color: #00929f !important;
    background-image: none;
}

.customer_engagement_nav .customer_engagement_info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0px 0px 0px;
}

    .customer_engagement_nav .customer_engagement_info ul {
        margin-bottom: 0px;
        padding-left: 0px;
    }

        .customer_engagement_nav .customer_engagement_info ul li {
            border: none !important;
            float: left;
            list-style-type: none;
            /*padding-bottom: 5px;*/
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            margin: 0px 5px;
        }


            .customer_engagement_nav .customer_engagement_info ul li a {
                border-right: 1px solid #fff;
                padding: 0px 20px 0 10px;
                margin-top: 10px;
                font-weight: bold;
                font-size: 14px;
                color: #666;
            }


            .customer_engagement_nav .customer_engagement_info ul li span.customer_email a {
                padding: 0px;
            }

.home .customer_engagement_nav .customer_engagement_info ul li span.customer_email a {
    color: #fff;
}

.customer_engagement_nav .customer_engagement_info ul li:last-child a {
    border-right: none;
}

.customer_engagement_nav .customer_engagement_info ul li img {
    width: 40px;
}

ul.nav .dropdown .dropdown-menu {
    background-color: #666 !important;
    border-radius: 0px 0px 20px 0px !important;
}

    ul.nav .dropdown .dropdown-menu li {
        margin: 0px;
    }

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
    font-weight: bold;
}

    .navbar-inverse .navbar-brand img {
        width: 40px;
        margin-top: -10px;
    }

ul.nav .dropdown .dropdown-menu li > a {
    padding: 10px 18px;
    color: #fff !important;
}

ul.nav .dropdown .profile {
    text-align: right;
}

.navbar.menu {
    margin-bottom: 0px;
}

.welcome_message h1,
.welcome_message li {
    color: #666;
}

.social_media_sg_logo ul,
.contact_details ul,
section .banner .welcome_message ul{
    padding: 0;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0;
}

    .social_media_sg_logo ul li,
    section .banner .welcome_message ul li{
        list-style: none;
        display: inline;
        float: left;
        padding: 0px 7px;
        border-right: 1px solid #666;
        line-height: 8px;
    }

footer .footer_menu ul {
    padding: 0;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0;
}

    footer .footer_menu li {
        list-style: none;
        display: inline;
        float: left;
        padding: 0px 7px;
        border-right: 1px solid #666;
        line-height: 20px !important;
        margin-top: 5px !important;
    }

.footer_menu li a {
    font-size: 12px;
}

.welcome_message li:last-child {
    border: none !important;
}

.search_form {
    margin-top: 0px;
    width: 70%;
}
    .search_form a {
        color: #b7b7b7;
        padding-left: 12px;
        text-decoration: none;
        outline: none;
    }

    .search_form a:hover {
        text-decoration: none;
        color: #fff;
    }
}

div.search_form input.form-control {
    border: 1px solid #ccc;
    border-right: none;
    box-shadow: none;
}

.home .search_form .input-group-btn button.btn.btn-default {
    padding: 6px 10px;
}

.search_form button.btn.btn-default {
    margin-right: 0px;
    padding: 5px 12px;
    margin: 0px;
    border-left: none;
}


.contact_details {
    margin: 0px;
}

    .contact_details li {
        list-style: none;
        display: inline;
        float: left;
    }

        .contact_details li a {
            font-size: 17px;
            line-height: 20px !important;
            margin-right: 0.8rem;
        }
        .contact_details li a:hover {
            text-decoration: none;
            color: #fff;
        }

        .contact_details li:last-child a {
            margin-right: 0.5rem;
        }

section .banner {
    background-image: url("../images/banner_image.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 370px;
    width: 100%;
    display: table;
    position: relative;
    overflow: hidden;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    display: list-item;
}

div.customer_engagement_nav {
    background: #00929f;
    padding: 2px 0px 5px 0px;
}

.banner {
    text-align: center;
}

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


.banner .shortcuts {
    margin-top: 50px;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner .shortcuts {
    padding: 50px 0px 145px 0px;
}

div.banner_shortcuts a {
    position: relative !important;
}

    div.banner_shortcuts a:hover {
        text-decoration: none;
    }

    div.banner_shortcuts a:before {
        padding: 0 10px 0 0 !important;
        position: absolute !important;
        top: 0 !important;
        left: -10px !important;
    }

.prop-details-wrapper .banner_shorcuts a {
    margin: 0 10px !important;
}


.banner .banner_shorcuts a {
    list-style: none;
    display: inline;
    padding: 0 30px;
    /*background-position: 50% 0.4em;*/
    position: relative;
    float: left;
    background-repeat: no-repeat;
    margin: 0 17px;
    display: flex;
    align-items: flex-end;
    padding: 0px 15px 0px 15px;
}

    .banner .banner_shorcuts a.text_only {
        align-items: center;
    }

.banner_shortcuts_text {
    height: 50px;
    display: inline-table;
    justify-content: center;
    align-items: center;
}

.display-none {
    display: none;
}

.banner .banner_shorcuts a h3 {
    color: #fff;
}

.banner .banner_shorcuts a forShortcut h3 {
    color: #00929f;
}


.add_shortcuts_pencil {
    width: 20px;
    height: 20px;
    margin-top: -6px;
    margin-left: -6px;
    position: absolute;
    color: #00929f;
    left: 12px;
    top: 15px;
    cursor: pointer;
}

/*.shortcut_menu.assign_add .glyphicon-option-vertical:hover {
 color: #00929f;
}*/

.circle {
    width: 50px;
    height: 50px;
    background: #fff;
    color: #666;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: -30px;
    right: -5px;
    border: 5px solid #692145;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.maroon_box div.circle {
    border: 3px solid #692145;
}

.gold_box div.circle {
    border: 3px solid #acb137;
}

.pink_box div.circle {
    border: 3px solid #e31837;
}

.orange_box div.circle {
    border: 3px solid #f58220;
}

.darkcyan_box div.circle {
    border: 3px solid #4a8c40;
}

.green_box div.circle {
    border: 3px solid #4a8c40;
}


a.check_app {
    background: url("../images/icons/icons_banner_my_applications.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

.check_app:hover {
    background-image: url("../images/icons/icons_banner_my_applications_hover.png")
    /*, url("../images/icons/icons_banner_edit_icon_hover_maroon.png")*/;
}

.new_sublet {
    background: url("../images/icons/icons_banner_new_sublet.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .new_sublet:hover {
        background-image: url("../images/icons/icons_banner_new_sublet_hover.png");
    }

.renew_sublet {
    background: url("../images/icons/icons_banner_renew.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .renew_sublet:hover {
        background-image: url("../images/icons/icons_banner_renew_hover.png");
    }

.termin_sublet {
    background: url("../images/icons/icons_banner_terminate_sublet_tenancy.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .termin_sublet:hover {
        background-image: url("../images/icons/icons_banner_terminate_sublet_tenancy_hover.png");
    }

.App_carpark {
    background: url("../images/icons/icons_banner_new_season_parking.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .App_carpark:hover {
        background-image: url("../images/icons/icons_banner_new_season_parking_hover.png");
    }

.renew_carPark {
    background: url("../images/icons/icons_banner_renew_season_parking.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .renew_carPark:hover {
        background-image: url("../images/icons/icons_banner_renew_season_parking_hover.png");
    }

.transfer_carPark {
    background: url("../images/icons/icons_banner_transfer_season_parking.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .transfer_carPark:hover {
        background-image: url("../images/icons/icons_banner_transfer_season_parking_hover.png");
    }

.term_carPark {
    background: url("../images/icons/icons_banner_terminate_season_parking.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .term_carPark:hover {
        background-image: url("../images/icons/icons_banner_terminate_season_parking_hover.png");
    }

a.assign_shortcut {
    background: url("../images/icons/icons_banner_add_shortcut.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    /*border: #692145 solid 5px;*/
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    a.assign_shortcut:hover {
        background-image: url("../images/icons/icons_banner_add_shortcut.png");
    }

a.new_messages {
    background-image: url("../images/icons/icons_banner_new_messages.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    padding: 85px 0px 6px 0px !important;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 70% 70%, 25% 25%;
}

    a.new_messages:hover {
        background-image: url("../images/icons/icons_banner_new_messages_hover.png")
        /*, url("../images/icons/icons_banner_edit_icon_hover_olive.png")*/;
    }

.mng_user {
    background-image: url("../images/icons/icons_CE_officer_name.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .mng_user:hover {
        background-image: url("../images/icons/icons_banner_renew_hover.png")
        /*, url("../images/icons/icons_banner_edit_icon_hover_olive.png")*/;
    }



.sublet_dash {
    background-image: url("../images/icons/icons_banner_user_group.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 70% 70%, 25% 25%;
}

    .sublet_dash:hover {
        background-image: url("../images/icons/icons_banner_user_group_hover.png")
        /*, url("../images/icons/icons_banner_edit_icon_hover_olive.png")*/;
    }


.due {
    background-image: url("../images/icons/icons_banner_payments_due.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .due:hover {
        background-image: url("../images/icons/icons_banner_payments_due_hover.png")
        /*, url("../images/icons/icons_banner_edit_icon_hover_red.png")*/;
    }

.statement {
    background-image: url("../images/icons/icons_banner_e_statements.png")
    /*, url("../images/icons/icons_banner_edit_icon.png")*/;
    background-position: 50% 0.3em;
    background-position: center top 8%, left top 5%;
    background-repeat: no-repeat;
    background-size: 60% 60%, 25% 25%;
}

    .statement:hover {
        background-image: url("../images/icons/icons_banner_e_statements_hover.png")
        /*, url("../images/icons/icons_banner_edit_icon_hover_orange.png")*/;
    }


.banner .banner_shorcuts a.assign_add, .banner .banner_shorcuts a.assign_add:hover {
    background-image: url("../images/icons/icons_banner_add_shortcut.png");
    /*background-position: 50% 30%;*/
    background-position: 50% 0.3em;
    /*background-position: center top;*/
    background-position: center top 8%,left top 5%;
    background-repeat: no-repeat;
    /*background-size: 45% 45%;*/
    background-size: 60% 60% 25% 25%;
    color: #00929f !important;
}

    .banner .banner_shorcuts a.assign_add h3, .banner .banner_shorcuts a.assign_add h3:hover {
        color: #00929f !important;
    }

    .banner .banner_shorcuts a.assign_add .circle {
        display: none;
    }




.maroon_box {
    background-color: #692145 !important;
    border: #692145 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.maroon_box_chkAppStatus {
    align-items: flex-end;
}

.maroon_box_ApplySublet {
    align-items: flex-end;
}

.maroon_box_ApplyCarpark {
    align-items: flex-end;
}

.green_box {
    background-color: #4a8c40 !important;
    border: #4a8c40 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}


.gold_box {
    background-color: #acb137 !important;
    border: #acb137 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.gold_box_NewMsg {
    display: none;
    align-items: flex-end;
}


.back_button {
    position: relative;
    margin: 0;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 2.8px;
    padding-bottom: 2.8px;
    background-color: #00929f !important;
    color: #fff;
    justify-content: center;
    align-items: center;
}

    .back_button::after {
        left: -30px;
        border-color: transparent #00929f transparent transparent;
        border-width: 15px;
        border-style: solid;
        position: absolute;
        content: '';
        top: -0.4px;
        width: 30px;
        height: 30px;
    }

    .back_button:hover {
        color: #fff;
        text-decoration: none;
    }

.gray_box {
    background-color: lightgrey !important;
    border: lightgrey solid 5px;
    pointer-events: none;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
}

.holdsSplitter .rwWindowContent div {
    overflow: hidden !important;
}

.orange_box {
    background-color: #f58220 !important;
    border: #f58220 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.alignItems {
    align-items: flex-end;
}

.darkcyan_box {
    background-color: #00929f !important;
    border: #00929f solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.red_box {
    background-color: #e31837 !important;
    border: #e31837 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.blue_box {
    background-color: #0055b8 !important;
    border: #0055b8 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.pink_box {
    background-color: #e31837 !important;
    border: #e31837 solid 5px;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.assign_add {
    background-color: #fff !important;
    color: #00929f;
    text-align: center;
    padding-top: 40px !important;
    border: #00929f dashed 2px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0px 30px 0px;
}

.assign_textColor {
    color: #00929f;
}

.assign_myShortcuts {
    background-color: rgba(0, 0, 255, 0.00) !important;
    border: #00929f dashed 2px;
    color: #00929f;
    width: 140px;
    height: 140px;
    border-radius: 0px 0px 30px 0px;
    text-align: center;
    /*padding: 45px 0px 6px 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

    .assign_myShortcuts:hover {
        background-color: #fff !important;
        color: #00929f !important;
    }


.maroon_box:hover {
    background-color: #fff !important;
    color: #692145 !important;
}

.green_box:hover {
    background-color: #fff !important;
    color: #4a8c40 !important;
}

.gold_box:hover {
    background-color: #fff !important;
    color: #acb137 !important;
}

.orange_box:hover {
    background-color: #fff !important;
    color: #f58220 !important;
}

.darkcyan_box:hover {
    background-color: #fff !important;
    color: #00929f !important;
}

.red_box:hover {
    background-color: #fff !important;
    color: #e31837 !important;
}

.blue_box:hover {
    background-color: #fff !important;
    color: #0055b8 !important;
}

.pink_box:hover {
    background-color: #fff !important;
    color: #e31837 !important;
}


.maroon_box:hover h3 {
    color: #692145 !important;
}

.green_box:hover h3 {
    color: #4a8c40 !important;
}

.gold_box:hover h3 {
    color: #acb137 !important;
}

.back_button:hover h3 {
    color: #fff !important;
}

.orange_box:hover h3 {
    color: #f58220 !important;
}

.darkcyan_box:hover h3 {
    color: #00929f !important;
}

.red_box:hover h3 {
    color: #e31837 !important;
}

.blue_box:hover h3 {
    color: #0055b8 !important;
}

.pink_box:hover h3 {
    color: #e31837 !important;
}



.banner .welcome_message {
    margin-top: 2%;
}

    .banner .welcome_message h1 {
        margin-top: 0px;
        font-size: 37px;
        font-weight: normal;
    }

        .banner .welcome_message h1 .account_owner {
            color: #0055b8;
            font-weight: bold;
        }

    .banner .welcome_message ul li {
        float: none !important;
    }

.news_and_announcements .news_announcements_header {
    padding: 10px 0px;
}

.news_and_announcements h2 {
    color: #0055b8;
}

.news_and_announcements .carousel-indicators .active,
.my_property .carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: #0076c0;
}

.news_and_announcements .carousel-indicators li,
.my_property .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #ccc;
    margin: 0px 5px;
}

.news_and_announcements .carousel {
    height: 335px;
}

.modal button.close {
    margin-top: 7px;
    font-size: 33px;
    font-weight: normal;
    color: #fff;
    opacity: 2;
}

.news_and_announcements .modal h2 {
    padding: 10px 0px;
    margin: 0;
    line-height: 1.42857143;
}

.my_property .carousel {
    height: 450px;
}

.news_and_announcements .glyphicon-menu-left,
.news_and_announcements .glyphicon-menu-right {
    position: absolute;
    top: 30%;
    font-size: 40px;
    color: #0076c0;
}

.news_and_announcements .carousel-inner .item .carousel_image {
    padding-right: 0px;
    height: 262px;
}

    .news_and_announcements .carousel-inner .item .carousel_image img {
        float: right;
        width: 435px;
    }

.news_and_announcements a.carousel-control {
    background-image: none;
    width: 10%;
    text-shadow: 0 0px 0px rgba(0,0,0,0.6);
}

.carousel-control.left span {
    left: 0px;
}

.news_and_announcements .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0px 20px 15px;
    color: #000;
    text-align: left;
    text-shadow: none;
    background-color: #f0f0f0;
    width: 822px;
    height: 270px;
    overflow: auto;
}

    .news_and_announcements .carousel-caption a {
        color: #337ab7;
    }

    .news_and_announcements .carousel-caption p,
    .news_and_announcements .carousel-caption h5,
    .news_and_announcements .carousel-caption h4 {
        color: #666;
    }

.carousel-control,
.carousel-control {
    opacity: 1;
}

.news_and_announcements .carousel-caption h4 {
    color: #666;
}

.customize_shortcuts_form {
    display: none;
}

    /*------- For Shortcut menu with custom width  ---------*/
    .customize_shortcuts_form .modal-dialog {
        width: 67%;
    }

.modal-dialog {
    width: 940px;
}

.customize_shortcuts_form .modal-dialog {
    width: 67%;
}

.customize_shortcuts_form .modal-content .checkbox label {
    padding-left: 0px;
    margin-bottom: 5px;
}

    .customize_shortcuts_form .modal-content .checkbox label > label {
        padding-left: 25px;
    }

/*------- End of For Shortcut menu with custom width  ---------*/

.modal-content .modal-header {
    background-color: #00929f;
}

    .modal-content .modal-header h2 {
        color: #fff;
    }

.news_and_announcements .modal-body h2 {
    color: #0055b8;
}

.modal-content h3 {
    color: #666;
    font-weight: normal;
}

.modal-content h4 {
    color: #666;
    font-weight: bold;
}

.modal-content .modal-footer {
    text-align: center;
    border: none;
}

.back_to_top {
    padding: 15px 0px 15px 7px;
    text-align: right;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #666;
}

.back_top img {
    width: 15%;
    margin-top: -3px;
}

.inner_header {
    line-height: 5px;
    /*margin-bottom: 20px;*/
}

.transfer_of_tenancy .inner_header,
.my_account .inner_header,
.apply_new_property .inner_header,
.my_account .inner_header,
.my_properties .inner_header,
.property_not_rented .inner_header,
.my_messages_content .inner_header,
.my_payments_content .inner_header,
.ebidding_result .inner_header {
    background-color: #00929f;
    padding: 1px 0px 10px 0px;
    text-align: center;
    line-height: 5px;
}

    .transfer_of_tenancy .inner_header h1,
    .my_account .inner_header h1,
    .apply_new_property .inner_header h1,
    .my_properties .inner_header h1,
    .property_not_rented .inner_header h1,
    .my_messages_content h1,
    .my_payments_content h1,
    .ebidding_result .inner_header h1 {
        color: #fff;
    }

    .apply_new_property .inner_header .white_text {
        color: #fff;
        /*font-weight:bold;*/
    }

.property_not_rented .property_not_rented_banner {
    position: relative;
    text-align: center;
}

.apply_new_property_content .inner_header {
    margin-bottom: 40px;
}

.apply_new_property_content .property_map {
    text-align: center;
}

    .apply_new_property_content .property_map img {
        width: 295px;
    }

    .apply_new_property_content .property_map ul {
        margin-top: 10px;
    }

    .apply_new_property_content .property_map li {
        list-style: none;
        display: inline;
        float: left;
        padding: 0 4px;
        margin: 0px 3px;
        font-size: 10px;
    }

        .apply_new_property_content .property_map li img {
            height: 20px;
            width: 20px;
        }

.apply_new_property_content .dropdown {
    background-color: transparent;
    width: 90%;
    border: 1px solid #cfd8dc;
}

.apply_new_property_content h4 {
    color: #666;
}

.apply_new_property_content .floor_area,
.apply_new_property_content .floor_ceiling_height,
.apply_new_property_content .floor_loading,
.apply_new_property_content .gross_rent {
    margin-bottom: 25px;
}

.apply_new_property_content .property_type {
    margin-bottom: 33px;
    margin-top: 1px;
}

.reset_search span a, .reset_search span input {
    /*font-size: 18px;*/
}

.reset_search span:first-child {
    margin-top: 10px;
}

    .reset_search span:first-child a {
        font-weight: bold;
        font-size: 15px;
        text-decoration: none;
    }

        .reset_search span:first-child a:hover {
            text-decoration: underline;
            cursor: pointer;
        }



.my_properties div.customer_engagement_nav {
    background: #f0f0f0;
}

.my_properties .customer_engagement_nav .customer_engagement_info ul li {
    color: #666;
}

/*.my_properties .customer_engagement_nav .customer_engagement_info ul {
    list-style: none;
    margin: 0px 0px;
}

.my_properties .customer_engagement_nav .customer_engagement_info ul li:last-child {
    border-right: none;
}*/
.properties_boxes,
.total_properties,
.my_messages_details,
.payment_history,
.my_property_details {
    /*margin-top: 50px;*/
    font-weight: bold;
}

.properties_boxes {
    margin-bottom: 30px;
}
/*.properties_boxes a:hover {
   text-decoration: none;
}*/
.my_property_details p,
.property_not_rented .properties_info p, .company_details p {
    font-weight: normal;
    color: #666;
    margin-bottom: 20px;
    font-size: 12px;
}

    .my_property_details p span,
    .property_not_rented .properties_info p span, .company_details span {
        font-weight: normal;
        color: #333;
        font-size: 14px;
        display: block;
    }

.properties_info {
    margin-top: 15px;
}

.my_property .tenure_details,
.my_property .subtenant_details,
.property_location,
.property_floor_plan {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
}

.property_not_rented .property_floor_plan_image img {
    width: 900px;
}
/*.apply_new_property .search_result_content,
.apply_new_property .RadGrid  {
    display: none;

}*/
.search_result_content {
    margin: 30px 0px;
}

    .search_result_content .result_text,
    .search_result_content .comparison,
    .total_properties .result_text {
        margin-top: 10px;
        background-color: #f3f8fb;
        padding-top: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 12px;
    }

    .search_result_content .result_text {
        margin-bottom: 15px;
    }

    .search_result_content .comparison {
        background-color: transparent;
    }

        .search_result_content .comparison input {
            background-color: #005b57;
            margin-top: 7px;
            font-size: 16px;
            margin-right: -16px;
        }

    .search_result_content .result_text .white a {
        color: #333;
        top: 8px;
        font-size: 20px;
    }


.compare_properties_slot_filled a {
    padding-top: 12px;
}

.search_result_content .result_text div:last-child {
    text-align: center;
}

    .search_result_content .result_text div:last-child a {
        font-size: 15px;
    }

        .search_result_content .result_text div:last-child a:hover {
            cursor: pointer;
        }

.search_result_content .white {
    margin-right: 10px;
    height: 54px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4em;
    padding: 0px;
    width: 38%;
    display: flex;
    justify-content: center;
    align-items: initial;
}

    .search_result_content .white span {
        margin-right: 10px;
        font-size: 13px;
    }

.payment_result_table {
    margin-top: 10px;
}

    .property_result_table table thead,
    .payment_result_table table thead {
        background-color: #00929f;
        color: #fff;
    }

.RadGrid td a {
    text-decoration: none;
    color: #0055b8 !important;
}

.corpass, .corpass li {
    padding-bottom: 0px !important;
}

.corpass > li > a {
    color: #333 !important;
    text-decoration: none !important;
}

.RadGrid td .a_disabled {
    color: grey !important;
    pointer-events: none;
}

.RadListBox_Default .rlbGroup {
    border: none !important;
}

.RadListBox_Default .rlbItem.rlbSelected {
    color: currentColor;
    background: none;
}

.property_result_table .RadGrid td a:hover {
    text-decoration: underline;
    cursor: pointer;
}

table thead {
    background-color: #00929f;
    color: #fff;
}

.property_result_table .pagination > li > a,
.payment_result_table .pagination > li > a,
.pagination > li > span {
    border: none;
    padding: 6px 7px;
}

.property_result_table .pagination > li > a,
.payment_result_table .pagination > li > a {
    font-size: 18px;
    top: -3px;
}

.my_property .property_result_table table tr th,
.my_property .property_result_table table tr td {
    /*padding: 10px 0px;*/
}

.required,
.form-group .required .control-label:after {
    content: "*";
    color: red !important;
    display: inline !important;
}

section.form {
    background-color: #f3f8fb;
    padding: 0px 15px;
    margin-top: 15px;
    /*margin-left: 15px;*/
}

.controlform {
    background-color: #f3f8fb;
}

section.confirm_and_pay {
    background-color: transparent;
    margin-top: 8px;
}

form_submit {
    text-align: center;
    padding: 20px 0px;
}

form button {
    margin-right: 20px;
}
/*form h2,
form h3 {
    color: #0055b8;
}*/

fieldset label {
    font-weight: normal;
    color: #666;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    line-height: 14px;
}

.remFormLabel {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

fieldset p {
    font-weight: normal !important;
    color: #333 !important;
    font-size: 14px !important;
}

.confirm_and_pay fieldset h3, .confirm_and_pay fieldset label, .confirm_and_pay fieldset p {
    text-align: right;
}

.confirm_and_pay #RadDock1 fieldset h3, .confirm_and_pay #RadDock1 fieldset label, .confirm_and_pay #RadDock1 fieldset p,
.confirm_and_pay #RadDock2 fieldset h3, .confirm_and_pay #RadDock2 fieldset label, .confirm_and_pay #RadDock2 fieldset p,
.confirm_and_pay #RadDock3 .sublet_type_third_party fieldset h3, .confirm_and_pay #RadDock3 .sublet_type_third_party fieldset label, .confirm_and_pay #RadDock3 .sublet_type_third_party fieldset p {
    text-align: left;
}




form .form-inline .align_button {
    vertical-align: bottom;
}

.btn {
    padding: 6px 16px;
    font-size: 14px;
    border-radius: 5px;
}

form .btn {
    padding: 6px 16px;
    margin-top: 20px;
    margin-right: 5px;
    border-radius: 5px;
}

form .btn-changeBiz{
    margin-top:2px;
}


.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #4a8c40 !important;
    border-color: transparent;
}

form .btn-success {
    color: #fff;
    background-color: #085156;
    border-color: transparent;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #085157;
    border-color: transparent;
}

.btn-fail, .btn-fail:hover, .btn-fail:active, .btn-fail:focus {
    color: #fff;
    background-color: #e31837;
    border-color: transparent;
}


.notification_note .btn-success {
    color: #fff;
    background-color: #4a8c40;
    border-color: #4a8c40;
}

input[type="reset"] {
    padding: 15px 25px;
}

form .form-group,
form .form-inline {
    padding: 0px 10px 10px 0px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
}

.form-inline .form-control, .form-control {
    border: none;
    border-radius: initial;
    border-radius: 0px;
    width: 200px;
    box-shadow: none;
    color: #333;
}

.form-inline .filedownload {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 4px;
    color: #555;
    background-color: #fff;
    font-size: 14px;
}

.form-inline .close_icon {
    color: #333;
    background-color: #ccc;
    padding: 4px 10px;
    margin-left: -4px;
}

form .form-control:focus, .form-control:focus {
    border: 1px solid #00929f;
    box-shadow: none;
}


form .form-control.amount {
    text-align: end;
}

form textarea.form-control {
    width: 100%;
}

form .form_submit {
    text-align: center;
    padding: 20px 0px;
}

    form .form_submit input {
        font-size: 15px;
        line-height: 1.42857143;
        padding: 6px 16px;
        margin: 0px;
        border-radius: 5px;
    }

form .shareholder_text {
    width: 45%;
}

form .usage_comply {
    width: 80%;
}

form .proposed_usage_content {
    width: 80%;
    float: left;
}

    form .proposed_usage_content ul {
        list-style: none;
    }

    form .proposed_usage_content .p {
        position: relative;
    }

    form .proposed_usage_content p .order-label {
        padding: 0 5px 10px 0;
        float: left;
    }

form .proposed_usage_answer {
    width: 20%;
    float: left;
}

form .proposed_list div.col-xs-12 {
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 0px 0px;
}

.form-control.two_blocks {
    width: 415px;
}


col-xs-12.has_child p {
    margin-left: 18px;
}

form .proposed_list div.col-xs-9, .form .proposed_list div.col-xs-3 {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 5px 0px 5px 0px;
}

form .proposed_list div.col-xs-3 {
    text-align: center;
}

form .proposed_list ol > li, .form .proposed_list ul > li {
    vertical-align: top;
    /* margin: 15px 0px;
   border-bottom: 1px solid #ccc;*/
    position: relative;
    list-style-type: disc;
}

    form .proposed_list ol > li > ol > li,
    form .proposed_list ull > li > ul > li {
        /*display: -webkit-box;*/
        border-bottom: 1px solid #ccc;
        /*margin: 15px 20px;*/
        padding: 0px 0px;
    }

        form .proposed_list ol > li > ol > li:last-child, .form .proposed_list ul > li > ull > li:last-child {
            border-bottom: none;
        }

    form .proposed_list ol > li:after, .form .proposed_list ul > li:after {
        content: "";
        display: block;
        clear: both;
    }

    form .proposed_list ol > li > ol, .form .proposed_list ul > li > ul {
        padding: 5px 5px;
    }

form .proposed_list h3 {
    color: #666;
    font-weight: bold;
}

form .proposed_list li span, .form .proposed_usage_content span {
    float: none !important;
}

form .proposed_list li .col-xs-9 {
    padding: 0px 0px 0px 25px;
}

hr.short {
    margin: 0 0 0 15px;
    text-align: left;
    color: #d9d9d9 !important;
    width: 90%;
}

hr.footer {
    margin: 30px 0px 30px 0px;
    border-color: #666 !important;
    width: 101%;
}

form .show_other_third_party {
    margin-left: 30px;
    display: none;
}

form .uen input.form-control {
    width: 120px;
}

form .sublet_type label {
    display: inline;
}

form .company_legal_entity fieldset {
    margin-right: 50px;
}

form .salutation select.form-control {
    width: 100%;
}

form .mode_notification span:first-child {
    margin-right: 18px;
}

form .different_contact_address {
    display: none;
}

.shareholder label {
    display: inline-block;
}

.form-group.shareholder_percentage {
    display: none;
}

.confirm_and_pay .form-group.shareholder_percentage {
    display: block;
}

.sublet_duration select.form-control {
    width: 95px;
    margin-right: 10px;
}

.sublet_duration span {
    margin-right: 20px;
}

.confirm_and_pay .sublet_duration p {
    width: 100px;
}

.confirm_and_pay .sublet_duration span, .confirm_and_pay .sublet_duration p {
    float: left;
}

.expiry_date p {
    margin: 0px;
}

.floor_area p {
    width: 200px;
}

.confirm_and_pay fieldset p {
    width: 200px;
    border-bottom: 1px solid #ccc;
}

.proposed_activity textarea.form-control {
    width: 100%;
}


form .select_file_for_another_document {
    bottom: -31px;
}



form .add_another {
    /*display: none;*/
}


input[type='radio'], input[type='checkbox'] {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 100%;
    outline: none;
    background: #fff;
    margin: 0px 5px -2px 20px;
}

input[type='checkbox'] {
    border-radius: 0%;
    margin: 0px 5px -2px 0px;
}


    input[type='checkbox']:before {
        content: '';
        display: block;
        margin-left: 2px;
        margin-top: -2px;
    }

    input[type='checkbox']:checked:before {
        content: "\e013";
        color: #00929f;
        font-family: 'Glyphicons Halflings';
        font-size: 11px;
        margin: 0px 1px;
    }


input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00929f;
}


.my_messages_content input[type='checkbox'], .modal-content input[type='checkbox'] {
    border: #ccc 1px solid;
    margin: 6px;
}

.modal-content input[type='checkbox'] {
    margin: 0px;
}



.panel-default > .panel-heading {
    color: #fff;
    background-color: #00929f;
    border-color: #00929f;
    border-radius: 0px;
}

    .panel-default > .panel-heading a {
        color: #fff;
        text-decoration: none;
    }

.panel-default {
    border-color: transparent;
}

.panel {
    box-shadow: none;
}

.confirm_and_pay h3, .confirm_and_pay p.total_payable {
    color: #666;
    font-weight: bold;
}

.confirm_and_pay .row {
    margin: 0px;
}

.confirm_and_pay form .col-xs-3,
.confirm_and_pay form .col-xs-2,
.confirm_and_pay form .col-xs-7 {
    margin: 0px 0px;
    padding: 0px 0px;
}

.confirm_and_pay form .total_payable {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 10px 0px;
    font-weight: bold;
}

    .confirm_and_pay form .total_payable p {
        border: none;
    }

.confirm_and_pay form .payment_reminder {
    margin: 20px 0px;
}

.confirm_and_pay .declaration {
    background-color: #f3f8fb;
    padding: 0px 15px 20px 15px;
    margin-left: 7px;
    margin-right: 7px;
}

.DepositSection {
    padding: 10px 0px 10px 15px;
}

.confirm_and_pay .declaration .agree input {
    margin-right: 8px;
    margin-top: 20px;
}

.confirm_and_pay .declaration ul li {
    margin: 10px 0px;
}

    .confirm_and_pay .declaration ul li p {
        display: initial;
        line-height: 18px;
    }

.confirm_and_pay .declaration ul > li > ul > li {
    list-style-type: none;
}

    .confirm_and_pay .declaration ul > li > ul > li:before {
        content: "-";
        margin-left: -18px;
        margin-right: 12px;
    }

    .confirm_and_pay .declaration ul > li > ul > li > ul {
        padding-left: 50px;
    }

        .confirm_and_pay .declaration ul > li > ul > li > ul > li {
            list-style-type: disc;
        }

            .confirm_and_pay .declaration ul > li > ul > li > ul > li:before {
                content: "";
                margin-left: -16px;
            }

.my_messages_section .shortcuts li,
.my_payments .my_payments_section .shortcuts li {
    text-align: center;
    list-style: none;
    border-bottom: 4px solid #ccc;
    height: 90px;
    padding: 15px 0px 6px 0px;
    font-weight: bold;
    line-height: 40px;
}

.my_payments .my_payments_section .shortcuts li {
    line-height: 30px;
    height: 100px;
}

.shorcut_menu:hover {
    text-decoration: none;
}

li.shorcut_menu h3,
.my_payments li.shorcut_menu h3 {
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

li.shorcut_menu.active h3,
.my_payments li.shorcut_menu.active h3,
li.shorcut_menu:hover h3,
.my_payments li.shorcut_menu:hover h3 {
    color: #00929f !important;
}


li.shorcut_menu:hover,
li.shorcut_menu:hover,
li.shorcut_menu.active {
    border-bottom: 5px solid #00929f !important;
    color: #00929f;
}

.my_messages_section .shortcuts li:first-child,
.my_messages_section .shortcuts li:last-child,
.my_payments .my_payments_section .shortcuts li:first-child,
.my_payments .my_payments_section .shortcuts li:last-child {
    border-bottom: none;
}

.inbox {
    background: url("../images/icons/icons_my_messages_inbox.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.sent {
    background: url("../images/icons/icons_my_messages_sent.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.deleted {
    background: url("../images/icons/icons_my_messages_deleted.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.payments_due_icon {
    background: url("../images/icons/icons_my_payments_due.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.payments_history {
    background: url("../images/icons/icons_my_payments_payment_history.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.estatements_icon {
    background: url("../images/icons/icons_my_payments_e_statements.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.mypayments_icon {
    background: url("../images/icons/icons_my_payments.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.manage_user {
    background: url("../images/icons/icons_manage_users.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.manage_group {
    background: url("../images/icons/icons_manage_groups.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

.inbox:hover,
.inbox:focus,
.inbox.active {
    background: url("../images/icons/icons_my_messages_inbox_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.sent:hover,
.sent:focus,
.sent.active {
    background: url("../images/icons/icons_my_messages_sent_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.deleted:hover,
.deleted:focus,
.deleted.active {
    background: url("../images/icons/icons_my_messages_deleted_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
}

.payments_due_icon.active, .payments_due_icon:hover {
    background: url("../images/icons/icons_my_payments_due_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    border-bottom: #00929f 5px solid !important;
}

.payments_history.active, .payments_history:hover {
    background: url("../images/icons/icons_my_payments_payment_history_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    border-bottom: #00929f 5px solid !important;
}

.estatements_icon.active, .estatements_icon:hover {
    background: url("../images/icons/icons_my_payments_e_statements_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    border-bottom: #00929f 5px solid !important;
}

.mypayments_icon.active, .mypayments_icon:hover {
    background: url("../images/icons/icons_my_payments_active.png");
    background-position: 50% 0.3em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    border-bottom: #00929f 5px solid !important;
}

.my_messages_details {
    border-bottom: 1px solid #ccc;
}

    .my_messages_details .delete_sort h3 {
        margin-top: 9px;
        font-weight: bold;
        margin-left: -38px;
    }

    .my_messages_details .delete_sort div {
        /*display: -webkit-inline-box;*/
    }

        .my_messages_details .delete_sort div select {
            margin-top: 10px;
            margin-left: 10px;
            width: 78%;
            border: 1px solid #ccc;
        }

        .my_messages_details .delete_sort div input,
        .my_messages_details .delete_sort div label {
            margin-top: 10px;
            margin-right: 10px;
            color: #666;
            float: left;
        }

.my_messages_content_details {
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
}

.list_inbox {
    padding: 0px;
}

    .list_inbox div.inbox_listing {
        /*border-right: 5px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    }

    .list_inbox .inbox_listing.active {
        padding: 0px;
        border-right: 5px solid #00929f;
        background: #f3f8fb;
    }

h3 {
    margin-top: 4px;
    font-weight: bold;
    color: #0055b8;
}

.list_inbox p {
    line-height: 15px;
}

.inbox_header {
    border-bottom: 1px solid #ccc;
}

.inbox_details .inbox_details_action_reply {
    border: 1px solid #ccc;
    text-align: right;
    height: 50px;
}

.inbox_content form .RadUpload {
    padding: 0px;
    margin: 8px 0px;
    border-radius: 5px;
    border-color: transparent;
    background-color: transparent;
}

.inbox_details .inbox_details_action {
    border: none;
    text-align: right;
}

    .inbox_details .inbox_details_action a {
        padding: 15px;
        border-radius: 5px;
        color: #0076c0;
        text-decoration: none;
        border-color: transparent;
    }

.inbox_details button.submit {
    padding: 5px 15px;
    margin: 8px;
    border-radius: 5px;
    color: #fff;
    border-color: transparent;
    background-color: #4a8c40;
}

.inbox_details button.reset {
    padding: 5px 15px;
    margin: 8px;
    border-radius: 5px;
    border-color: transparent;
    background-color: transparent;
}

.inbox_details .inbox_content {
    margin-top: 15px;
}

    .inbox_details .inbox_content form input {
        border-radius: 0px;
        border-bottom: none;
        background-color: transparent;
        width: 100%;
        border: 1px solid #ccc;
    }

    .inbox_details .inbox_content form textarea {
        border-radius: 0px;
        border: 1px solid #ccc;
    }


.progress_indicator_content {
    margin-top: 15px;
}

    .progress_indicator_content ul li {
        margin: 15px 0px;
    }

    .progress_indicator_content .start_application_button input {
        padding: 15px 20px;
        font-size: 18px;
        background-color: #4a8c40;
    }

    .progress_indicator_content .start_application_button div {
        margin-bottom: 10px;
    }

.progress_indicator {
    text-align: center;
    margin-top: 15px;
    margin: 0 auto;
    display: table;
    clear: both;
}

    .progress_indicator a {
        color: #00929f;
        text-decoration: none;
    }

    .progress_indicator .progress_divider {
        content: '';
        width: 100%;
        height: 3px;
        background: #666;
        position: absolute;
        left: 50%;
        top: 20px;
        z-index: -1;
    }

    .progress_indicator .activestep .progress_divider {
        content: '';
        width: 100%;
        height: 3px;
        background: #00929f;
        position: absolute;
        left: 50%;
        top: 20px;
        z-index: -1;
    }

    .progress_indicator p {
        font-weight: bold;
        line-height: 15px;
    }

    .progress_indicator .activeStep p, .progress_indicator .currentstep p {
        color: #00929f;
    }

    .progress_indicator a.laststep span.progress_divider {
        background: transparent;
    }

    .progress_indicator .progress_indicator_number {
        width: 42px;
        height: 42px;
        background: #fff;
        color: #666;
        border-radius: 50px;
        border: 3px solid #666;
        font-size: 18px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: 22px;
        font-weight: bold;
    }

.progress {
    position: relative;
    height: 25px;
}

    .progress > .progress-type {
        position: absolute;
        left: 0px;
        font-weight: 800;
        padding: 3px 30px 2px 10px;
        color: rgb(255, 255, 255);
        background-color: rgba(25, 25, 25, 0.2);
    }

    .progress > .progress-completed {
        position: absolute;
        right: 0px;
        font-weight: 800;
        padding: 3px 10px 2px;
    }

.step .col-xs-1:hover .progress_indicator_number {
    background: #00929f;
    color: #fff;
}

.step .currentstep {
    height: 100px;
    vertical-align: central;
}


    .step .currentstep span.progress_indicator_number {
        background: #00929f;
        color: #fff;
        text-indent: 0%;
        border: 4px solid #00929f;
    }

.step .progress_indicator .activestep .progress_indicator_number {
    background: url("/App_Themes/CSP2/images/icons/active_icon.jpg"), #fff;
    background-repeat: no-repeat;
    vertical-align: central;
    background-position: center;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    border: 4px solid #00929f;
}

.step .activeStep .progress_divider {
    background: #00929f;
}

.step .currentstep .progress_divider {
    background: #666;
}

.download_form {
    padding: 30px 0px;
    background-color: #f3f8fb;
    margin: 25px 0px;
}

    .download_form h4 {
        color: #666;
        font-weight: bold;
        font-size: 14px;
    }

        .download_form h4 span {
            color: #666;
            font-weight: normal;
            display: block;
        }

    .download_form .print_document {
        margin: 0px 50px;
    }

    .download_form .donwload_form_link {
        margin: 8px 0px;
    }

.hiddenStepInfo {
    display: none;
}

.currentStepInfo {
    display: block !important;
}

.underline {
    text-decoration: underline;
}

.step {
    /*margin-top: 15px;*/
    text-align: left;
    margin: 0 auto;
}

    .step .col-xs-1 {
        background-color: #fff;
        /*border: 1px solid #C0C0C0;*/
        border-right: none;
    }

        .step .col-xs-1:first-child {
            border-radius: 5px 0 0 5px;
        }

    .step .fa {
        padding-top: 15px;
        font-size: 40px;
    }
/*.step h2,
h3,
h4, .payment_history h2 {
    font-weight: bold;
        margin-top: 10px;
}*/
.add_document img {
    width: 8%;
}

.upload_documents tr#RadGrid5_ctl00__5 {
    display: none;
}

.upload_documents .RadGrid table thead {
    background-color: transparent !important;
}

    .upload_documents .RadGrid table thead th {
        color: #0055b8 !important;
        font-weight: bold !important;
        font-size: 20px !important;
        border: none;
    }

        .upload_documents .RadGrid table thead th:nth-child(2) {
            display: none;
        }

.upload_documents .RadGrid table tbody td {
    border: none;
}

.download_form .case_number img,
.download_form .date_submitted img,
.download_form .print_document img {
    width: 16%;
    margin-right: 10px;
    float: left;
    margin-top: 7px;
}

.notification_note p span,
.unsuccessful p span {
    font-weight: bold;
}

.unsuccessful h3 {
    color: #ed1c24;
}

.unsuccessful a {
    font-weight: bold;
}

.successful h3 {
    color: #0055b8;
    font-weight: bold;
}

.accordion_area .btn h2:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 15px;
}
/* Icon when the collapsible content is hidden */

.accordion_area .btn.collapsed h2:after {
    content: "\e080";
}

a.collapse1 span:before,
a.collapse2 span:before,
a.collapse3 span:before,
a.collapse4 span:before,
a.collapse5 span:before {
    content: "\e253";
}

a.collapse1.collapsed span:before,
a.collapse2.collapsed span:before,
a.collapse3.collapsed span:before,
a.collapse4.collapsed span:before,
a.collapse5.collapsed span:before {
    content: "\e252";
}

#accordion .panel-body {
    background-color: rgba(0, 146, 159, 0.05);
}

.edit_form {
    background: url("../images/icons/icons_forms_edit.png");
    background-repeat: no-repeat;
    width: 6%;
    background-position: right top;
}

footer {
    background-color: #323232;
    padding: 20px 0px 20px 0px;
}

footer .global_footer {
    padding-top: 20px !important;
    margin-left: 0px;
}

footer .global_footer h2 {
    font-size: 20px;
    color: #fff;
    margin: 0 0 20px 0;
}

footer .col-xs-5 {
    padding: 0px;
}

footer .footer_menu {
    margin-right: -7px;
}

footer .footer_menu li {
    border-right: none;
    margin-right: 8px;
}

footer .footer_menu a {
    color: #b7b7b7;
    font-size: 16px;
    text-decoration: none;
    outline: none;
}

footer .footer_menu a:hover {
    text-decoration: none;
    color: #fff;
}

footer .footer_menu li:last-child {
    border-right: none;
    margin-right: 0px;
}
        

/*custom*/
#myMessages_GridData::-webkit-scrollbar {
    width: 10px;
    cursor: pointer !important;
}

#myMessages_GridData::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#myMessages_GridData::-webkit-scrollbar-thumb {
    background-color: #00929f;
    outline: 1px solid slategrey;
}

.message {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: silver;
    cursor: pointer !important;
}

.rgHoveredRow {
    cursor: pointer !important;
}

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

.ReadMessage {
    font-size: 14px;
    font-weight: normal;
}

.my_messages_content_details .list_inbox {
    height: 480px;
    /*overflow-y:scroll;
    overflow-x:hidden;*/
    padding: 0px;
}

.inbox_details {
    height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

div.rgHeaderWrapper {
    padding-top: 0px !important;
}

.rgPager table thead {
    display: none;
}

input.btn.reply {
    padding: 5px 15px;
    margin: 8px;
    border-radius: 5px;
    color: #fff;
    border-color: transparent;
    background-color: #4a8c40;
    font-family: 'Open Sans', sans-serif !important;
}

    input.btn.reply:hover {
        padding: 5px 15px;
        margin: 8px;
        border-radius: 5px;
        color: #fff;
        border-color: transparent;
        background-color: #325f2c;
    }


input.btn.reset {
    padding: 5px 15px;
    margin: 8px;
    border: none;
    background-color: transparent;
    color: #06A;
}

    input.btn.reset:hover {
        padding: 5px 15px;
        margin: 8px;
        border: none;
        background-color: transparent;
        color: #06A;
        text-decoration: underline;
    }

input.btn.message_action_delete {
    background-color: transparent;
    border: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 35px;
    /*background-position: 40% 0.3em;*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("../images/icons/icons_my_messages_deleted.png");
    border-color: #ccc;
}

input.btn.message_action_inbox {
    background-color: transparent;
    border: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 35px;
    /*background-position: 40% 0.3em;*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("../images/icons/icons_my_messages_inbox.png");
    border-color: #ccc;
}

input.btn.message_action_delete:hover {
    background-color: transparent;
    border: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 35px;
    /*background-position: 40% 0.3em;*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("../images/icons/icons_my_messages_deleted_active.png");
}

input.btn.message_action_inbox:hover {
    background-color: transparent;
    border: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 35px;
    /*background-position: 40% 0.3em;*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("../images/icons/icons_my_messages_inbox_active.png");
}

div.rgDataDiv {
    overflow-y: scroll !important;
}
/*=============================custom (YC)=======================================*/
.checklistitem {
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    vertical-align: middle !important;
}

.compare_properties_row {
    height: 50px;
}

.compare_properties_slot_empty {
    border: dotted 1px;
    border-color: #d9d9d9 !important;
    align-items: center !important;
}

.compare_properties_slot_filled {
    border: solid 1px;
    border-color: #d9d9d9 !important;
}

.compare_properties_row_long {
    height: 70px;
}

.compare_properties_col {
    border-left: thin dotted gray;
    width: 28% !important;
    padding: 0 10px;
}

.compare_properties_smallcol {
    width: 16% !important;
}

.compare_properties_bottom_row {
    border-top: thin dotted gray;
    text-align: center;
    margin-top: 15px;
    padding-top: 25px;
}

.compare_properties_image {
    width: 260px !important;
    height: 230px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.compare_properties_image_div {
    width: 280px !important;
    height: 250px !important;
    padding: 10px !important;
    margin: 0px !important;
}

.product_details_p {
    font-weight: bold !important;
    margin: 0 0 20px !important;
}


.start_application p {
    line-height: 18px;
    color: #666;
}

.start_application h3 {
    font-size: 14px;
    color: #0055b8;
    font-weight: bold;
}

.start_application h2 {
    color: #0055b8;
    font-weight: bold;
}

.start_application .start_application_content {
    margin-top: 15px;
}

    .start_application .start_application_content ul li {
        margin: 15px 0px;
    }

    .start_application .start_application_content .start_application_button input {
        padding: 15px 20px;
        font-size: 18px;
        background-color: #4a8c40;
    }

    .start_application .start_application_content .start_application_button div {
        margin-bottom: 10px;
    }

.start_application .download_form {
    padding: 30px 0px;
    background-color: #f3f8fb;
    margin: 25px 0px;
}

.additional_documents h3 {
    color: #5b5b5b;
}

.additional_padding {
    margin-top: 15px;
    margin-bottom: 15px;
}

.administrative_padding {
    margin-top: 25px;
}

.supportingdoc_padding {
    margin-top: 30px;
}

.innerheader_padding {
    margin-bottom: 15px;
}

.start_application .download_form h4 {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}

    .start_application .download_form h4 span {
        color: #666;
        font-weight: normal;
    }

.form-validator {
    display: normal !important;
}

.form-hide {
    display: none !important;
}

.mailing-address-checkbox input[type="checkbox"] {
    margin-left: 0px !important;
}

.form-bg-transparent {
    background-color: transparent !important;
}

.form-control_wide {
    min-width: 250px !important;
}

.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight, .RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft, .RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
    background-image: none !important;
}

.RadDock_Default .rdMiddle .rdLeft, .RadDock_Default .rdMiddle .rdRight {
    background-image: none !important;
}

.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight, .RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft, .RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
    background-image: none !important;
}

html body .RadInput_Default .riTextBox {
    border-style: none !important;
}

    html body .RadInput_Default .riTextBox.form-control {
        border-style: none !important;
        background-color: #fff;
        border: none !important;
        color: #000 !important;
        font-size: 15px !important;
        margin-top: 0px !important;
        height: auto !important;
        min-height: 33px;
    }


    html body .RadInput_Default .riTextBox.riEnabled.form-control {
        border-style: none !important;
        background-color: white !important;
        border: none !important;
        color: #000 !important;
        font-size: 15px !important;
        margin-top: 0px !important;
        height: auto !important;
        min-height: 33px;
    }

/*html body .RadInput_Default .riTextBox.form-control {
    height:66px !important;
}
html body .RadInput_Default textarea.riTextBox.riEnabled.form-control {
    height:66px !important;
}*/

.proposed_usage_table .RadGrid tr:nth-child(2) td:first-child, .proposed_usage_table .RadGrid td:first-child {
    position: relative;
    left: 20px;
}

.RadDock_Default .rdMiddle .rdCenter, .RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

.RadGrid_Default {
    background-color: transparent !important;
}

.RadComboBox.RadComboBox_Default .radPreventDecorate {
    border: none !important;
    padding: 0px;
}

.RadInput .riTextBox {
    margin: 5px !important;
    margin-left: 0px !important;
}

.modBgTransparent {
    background-color: transparent !important;
}

.infoIco {
    background-image: url('../images/icons/toolTipIco.png');
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    top: 5px;
    cursor: pointer;
}

.aspNetDisabled:hover {
    text-decoration: none;
    color: #666;
}

.aspNetDisabled {
    text-decoration: none;
    color: #666;
}

.remErrorIndicator {
    color: red !important;
    font-weight: normal;
    font-family: 'Open Sans', Arial, 'sans-serif';
}

    .remErrorIndicator:before {
        content: "\a* ";
        white-space: pre;
    }

.remErrorIndicator_2 {
    color: red !important;
    font-weight: normal;
    font-family: 'Open Sans', Arial, 'sans-serif';
}

    .remErrorIndicator_2:before {
        content: "\a* ";
    }

.RadComboBox.RadComboBox_Default button {
    margin-right: 0px;
}

.clear-margin-left {
    margin-left: 0px !important;
}

.jumbotron {
    background-color: #fee;
}

    .jumbotron p {
        color: red;
        font-size: 12px;
    }

    .jumbotron h2 {
        color: red;
    }

section.company_details_form.form {
    margin: 0px;
    padding: 2px 15px;
}

copyright p {
    font-size: 14px;
}

.copyright .iblYear-note {
    font-size: 14px !important;
    line-height: 25px !important;
    color: #b7b7b7;
    text-align: right;
}

/*
.browserNote {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #b7b7b7;
}
*/

.resubmit-remark {
    color: #a94442;
    background-color: #f2dede !important;
    border-color: #ebccd1;
    border-radius: 4px;
    margin-top: 10px;
}

.ValidationErrorMsg {
    /*margin-bottom: 20px;*/
    margin-top: 10px;
    padding: 15px;
}

.resubmit-remark h2 {
    color: #a94442;
}

.application-checklist {
    width: 80%;
}

    .application-checklist td {
        border: 0 !important;
    }

        .application-checklist td:first-child {
            left: 0px !important;
            padding-left: 0px !important;
        }
/*=============================custom (YC)=======================================*/

.clear-padding-top {
    padding-top: 0px !important;
}

.clear-margin-top {
    margin-top: 0px !important;
}

.applicationDeposit {
    font-size: 13px;
    color: #666;
}

.padding-bottom-5px {
    padding-bottom: 5px !important;
}

.clear-padding-bottom {
    padding-bottom: 0px !important;
}

.menu_disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}


/* fixes implemented by arun on 16 June 2016 */
.payment-grid table thead tr th {
    padding-left: 7px !important;
}

.RadGrid_Default .rgHeader {
    padding: 10px !important;
    padding-top: 14px !important;
    border-bottom: 6px solid #00929f !important;
}

.RadGrid_Default th.rgSorted {
    border-bottom: 6px solid #085156 !important;
}

.dynamic_step {
    width: 125px;
    position: relative;
    float: left;
}

.riTextBox {
    height: 30px;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    height: 34px;
}

.no-margin-input {
    padding: 0;
    margin-left: -2px !important;
    margin-top: 18px !important;
}

/* form review page collapse */
.RadDock .rdCenter .rdCommands {
    padding: 0;
    margin: 15px !important;
}

.RadDock_Default .rdTable .rdTitleBar em {
    padding: 10px !important;
    margin-left: 5px;
    font-size: 16px !important;
    font-weight: bold !important;
}

.RadDock.rdCollapsed {
    height: 27px !important;
    margin-bottom: 32px;
}

.RadDock .rdCenter .rdCommands a, .RadDock .rdCenter .rdCommands a span {
    width: 16px !important;
    height: 16px !important;
}

/* my messages*/
.my_messages_content_details ::-webkit-scrollbar {
    width: 5px;
    cursor: pointer !important;
}

.my_messages_content_details ::-webkit-scrollbar-track {
    background-color: #cccccc;
    border-radius: 20px;
}

.my_messages_content_details ::-webkit-scrollbar-thumb {
    background-color: #00929f;
    border-radius: 20px;
}

.inbox_details ::-webkit-scrollbar {
    cursor: pointer !important;
}

.inbox_details .inbox_header, .inbox_details .inbox_content, .inbox_details .remFieldSet {
    cursor: auto;
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
    background-position: 0% 0%;
    background-color: rgba(0, 146, 159, 0.1) !important;
    color: #000 !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.RadGrid_Default .rgMasterTable .rgActiveCell, .RadGrid_Default .rgActiveRow, .RadGrid_Default .rgHoveredRow {
    background-position: 0% 0%;
    background-color: rgba(0, 146, 159, 0.1) !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
/*.custom-container{margin-left: -10px;}*/
.contactupdated-form {
    background-color: #f3f8fb;
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
}

/* form ui fixes */

/* commented out for dropdown background color ie issue
.dropdown:focus {
    background-color: #00929f;
    color: #fff;
}

    .dropdown:focus option {
        background-color: #fff;
        color: #333;
    }

    .dropdown:focus::-ms-value {
        background: #00929f;
    }

.RadComboBox.RadComboBox_Default .rcbFocused {
    background-color: #00929f !important;
    color: #fff !important;
}

.rgMasterTable .RadComboBox.RadComboBox_Default .rcbFocused {
    background-color: #fff !important;
    color: #666 !important;
}
*/
.RadComboBox.RadComboBox_Default .rcbFocused {
    background-color: #00929f !important;
    color: #fff !important;
}

.rgMasterTable .RadComboBox.RadComboBox_Default .rcbFocused {
    background-color: #fff !important;
    color: #666 !important;
}

.rgMasterTable td {
    vertical-align: top;
}

.has-error {
    border: 1px solid red !important;
}

.properties_info {
    color: #666;
    clear: both;
}

    .properties_info .remFormValue {
        font-size: 110%;
        color: #000;
    }
/* as per design the form value need to dark color than the label, so incresed the font size and color 
    .remFormValue {
        font-size: 110%;
        color: #000;
    }*/

.text-align-center {
    text-align: center;
    padding: 6px 6px 6px 6px !important;
}

.text-align-right {
    text-align: right;
    padding: 6px 6px 6px 6px !important;
}

.sublet_new_form_group {
    min-width: 220px;
    max-width: 220px;
}

.col-xs-offset-2 {
    margin-left: 0px !important;
}

.warning-remark {
    background-color: #f3f8fb;
    color: #0055B8;
    padding: 0px 20px 10px 10px;
}

.page_note ol {
    padding-left: 15px;
}

.neg-pad {
    margin-left: 0px !important;
}

.no-padding-top {
    margin-top: -15px;
}

.no-padding {
}

.rgMasterTable {
    padding-bottom: 15px;
}

.RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font-size: 14px !important;
}

div.RadDock .rdCenter em {
    background: none;
}

.RadPicker_Default .rcCalPopup {
    margin-left: -26px;
}

/* fixes updated on 21 June */
.remFormRegion {
    margin-bottom: 15px;
}

.viewModeText {
    font-size: 120%;
    color: #666;
}

.disable-text-box {
    min-width: 225px;
    font-size: 110%;
}

.start_application p span {
    margin-bottom: 16px;
}

h1 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.RadComboBox .rcbInput {
    height: 24px !important;
}

.inner_header h1 {
    margin-bottom: 14px;
    margin-top: 18px;
}

h2 {
    margin-bottom: 14px;
    margin-top: 18px;
}

.news_and_announcements .glyphicon-menu-left {
    left: 0;
}

.news_and_announcements .glyphicon-menu-right {
    right: 0;
}

.btn-small {
    padding: 6px 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}

.my_messages_content_details .list_inbox .inbox_listing .rgHeaderWrapper {
    display: none;
}

/* home page banner content */
.carousel-caption p span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}

/* css padding reset manual*/
.margin-30 {
    margin-left: -30px;
}

.margin-20 {
    margin-left: -20px;
}

.margin-15 {
    margin-left: -15px;
}

.margin-30-r {
    margin-right: -30px;
}

.margin-20-r {
    margin-right: -20px;
}

.margin-15-r {
    margin-right: -15px;
}

.margin30 {
    margin-left: 30px;
}

.margin20 {
    margin-left: 20px;
}

.margin15 {
    margin-left: 15px;
}

.top-margin-0 {
    margin-top: 0px !important;
}

/* resting style for disabled fields */

/*textbox and text area reset*/
input[type="text"]:disabled,
input[type="search"]:disabled,
select:disabled,
.rcbDisabled,
.disabled-wrapper,
textarea:disabled {
    background-color: transparent !important;
    padding-left: 0px !important;
    color: #000 !important;
    font-size: 15px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    border: none;
    /*border-bottom: 1px solid #ccc !important;*/
}

    /*arrow removal for telerik*/
    input[type="text"]:disabled .t-i-arrow-s:before,
    input[type="search"]:disabled .t-i-arrow-s:before,
    select:disabled .t-i-arrow-s:before,
    .rcbDisabled .t-i-arrow-s:before,
    .disabled-wrapper .t-i-arrow-s:before,
    textarea:disabled .t-i-arrow-s:before,
    input[type="text"]:disabled .t-i-arrow-down:before,
    input[type="search"]:disabled .t-i-arrow-down:before,
    select:disabled .t-i-arrow-down:before,
    .rcbDisabled .t-i-arrow-down:before,
    .disabled-wrapper .t-i-arrow-down:before,
    textarea:disabled .t-i-arrow-down:before {
        content: "";
    }

/*arrow removal for select box*/
select:disabled {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

    select:disabled::-ms-expand {
        display: none;
    }

/*radio button reset
input[type="radio"]:disabled {
    display: none;
}

    input[type="radio"]:disabled + label {
        display: none;
    }

    input[type="radio"]:disabled:checked + label {
        display: block;
        font-weight: bold;
    }
*/

/*cal. icon reset*/
.rcCalPopup.rcDisabled {
    display: none !important;
}

.form-label {
}

.form-disabled {
    border: none !important;
    padding-left: 0px;
    font-size: 15px !important;
    cursor: default !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}
/* reseting ends here */

.dropdown-menu {
    padding: 0 0 5px 0;
}

/*fixes based on issue log 22*/
ul.ruInputs {
    list-style-type: none;
}

    ul.ruInputs li {
        line-height: 18px;
    }

/* modal box fixes */
.modal-header {
    padding: 10px;
}

.customize_shortcuts_form.modal .modal-header h2, .customize_shortcuts_form.modal .modal-body {
    margin-left: 20px;
}

/*sitemap*/
.csp-sitemap h2 {
    font-weight: bold;
    font-size: 20px;
    color: #0055b8;
}

.csp-sitemap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .csp-sitemap ul li ul {
        margin-left: 20px;
    }

        .csp-sitemap ul li ul li {
            list-style-type: disc;
            line-height: 150%;
        }

.csp-sitemap .parent-page h4 {
    font-size: 18px;
    font-weight: normal;
    padding: 10px;
    background-color: #00929f;
    color: #fff;
}

/* custom wrapper */
.custom-wrapper {
    padding: 15px 0;
}

li.ruError {
    color: red !important;
}

ul.Inputs {
    padding-bottom: 5px !important;
}

li {
    padding-bottom: 5px !important;
}

.banner .banner_shorcuts a:focus {
    color: #fff;
}

.shortcuts a:focus {
    color: #fff;
}

.shortcuts li {
    cursor: pointer;
}

/* date picker ui */
table.RadCalendar_Default {
    background: white;
    font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
}

.RadCalendar_Default .rcTitlebar {
    border-color: transparent !important;
    color: #000;
    background-color: #ccc !important;
    background-image: none !important;
    padding: 4px !important;
    font-size: 14px !important;
}

.RadCalendar_Default .rcMainTable {
    font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    line-height: 17px;
}

    .RadCalendar_Default .rcMainTable thead {
        background-color: #666 !important;
    }

.RadCalendar_Default .rcWeek th {
    border-bottom: 1px solid #c5c5c5;
    padding: 6px 6px 6px 0 !important;
    color: #fff !important;
    border: none !important;
}

.RadCalendar .rcRow td {
    padding: 2px !important;
}

.RadCalendar_Default .rcRow .rcSelected {
    background: #00929f !important;
    border: none !important;
    border-radius: 50%;
}

.RadCalendar .rcRow .rcHover {
    background: #00929f !important;
    border: none !important;
    border-radius: 50%;
    /* padding: 5px !important; */
    /* text-align: center; */
}

.rcTitlebar table caption {
    display: none;
}

.rcMain table caption {
    display: none;
}

.RadCalendar .rcRow .rcHover a {
    color: #fff !important;
}

.RadCalendar .rcMain {
    border-width: 0px !important;
}

.RadCalendarMonthView_Default .rcSelected a {
    border: none !important;
    background: #00929f !important;
    color: #fff;
    border-radius: 5px;
}

.banner .banner_shorcuts a:focus {
    color: #fff;
}

.shortcuts a:focus {
    color: #fff;
}

.border {
    border: 1px solid #cfd8dc;
}

    .border:disabled {
        border: 0px;
    }

.sub-radio-group {
    padding-left: 20px;
}

.radio-btn-group-wrap {
    margin-left: 20px;
}

    .radio-btn-group-wrap label {
        padding-left: 0px;
        color: #000;
        /*margin-right: 30px;*/
    }

.sub-radio-group .radio .sm_rd_grp {
    margin-left: 20px;
}

    .sub-radio-group .radio .sm_rd_grp label {
        padding-left: 0px;
        margin-right: 30px;
    }

label, label span {
    font-size: 13.5px;
}

    label.sub-label {
        font-size: 95%;
        color: #666;
    }

.btn[disabled] {
    background-color: #ccc !important;
    color: #333 !important;
}

    .btn[disabled]:hover {
        border: 1px solid #ccc !important;
    }

.btn-success:hover {
    color: #fff !important;
}

.declaration-listing {
    line-height: 130%;
}

.Long_textbox {
    width: 300px !important;
    height: 90px !important;
}

.height_textarea {
    height: 66px;
}

.button-reset-pm {
    padding: 0px;
    margin: 0px;
}

/* general overall color fix */
div#printarea {
    color: #666;
}

.custom-table thead tr th {
    height: 50px;
    vertical-align: middle !important;
    border: none;
}

.custom-table tr td {
    vertical-align: middle !important;
}

.txt-right {
    text-align: right !important;
}

.print-box .csp-buttons {
    display: none;
}

.riTextBox:focus {
    outline: 1px solid #00929f;
    outline-offset: inherit;
}

.RadComboBox_Default .rcbReadOnly {
    padding: 5px;
}

.main-title-header {
    margin-bottom: 5px;
}

/*.rgMasterTable td{
    border-bottom: 1px solid #ccc;
}*/

.conf-values {
    margin-top: 5px;
    color: #666;
    padding-left: 44px;
}

.cspLabel {
    font-size: 14px;
    color: #666;
}

.cspLabel_SM {
    font-size: 90%;
    color: #666;
}

.cspLabelHor {
    font-size: 14px;
    color: #666;
}

.cspValue {
    font-size: 15px !important;
    color: #000 !important;
}

.scroll-container {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    cursor: pointer;
}

    .scroll-container::-webkit-scrollbar {
        width: 4px;
        cursor: pointer !important;
    }

    .scroll-container::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .scroll-container::-webkit-scrollbar-thumb {
        background-color: #00929f;
        outline: 1px solid slategrey;
    }

.contact-page .form-group {
    padding-bottom: 0px;
}

.term_table .remT1 {
    vertical-align: top;
}

td.remT1 {
    vertical-align: top;
    padding-right: 10px;
}

td.remT2 {
    width: 100%;
}

.proposed_usage_table .RadGrid {
    margin-bottom: 0px !important;
}

    .proposed_usage_table .RadGrid .rgMasterTable {
        padding-bottom: 0px !important;
    }

.line-handle {
    word-wrap: break-word;
}

::-webkit-input-placeholder {
    color: #dddddd !important;
}

::-moz-placeholder {
    color: #dddddd !important;
}

:-ms-input-placeholder {
    color: #dddddd !important;
}

.table_margin_reset {
    padding-bottom: 0px !important;
}

.contactUpdatePage {
    width: 970px;
    margin: auto;
    max-width: none;
}

    .contactUpdatePage .container {
        width: 100% !important;
    }

.filedownloadicon {
    background-image: url('../images/icons/ImportantNotes.png');
    display: block;
    height: 23px;
    background-repeat: no-repeat;
}

.removeForm section.form {
    padding: 0px !important;
}

.payment-grid table td {
    border-bottom: 1px solid #ccc;
}

.pad-l-15 {
    padding-left: 30px;
}

.btn-bigger {
    padding: 10px 16px !important;
    font-size: 18px !important;
}

.va-cal-fu {
    margin-left: 0px !important;
}

/*confirmation ui design*/
.conf_wrapper_preview .required {
    display: none;
}

.conf_wrapper_preview .RadInput_Default .riTextBox {
    /*border-style: none none solid none !important;
    border-color: #ccc !important;*/
}

.conf_wrapper_preview input[type="text"]:disabled,
.conf_wrapper_preview input[type="search"]:disabled,
.conf_wrapper_preview select:disabled,
.conf_wrapper_preview textarea:disabled {
    /*border-bottom: 1px solid #ccc !important;*/
}

/*login page ui design*/
.cspLoginBox {
    background-color: #f3f8fb;
    border-left: 5px solid #00929f;
    padding: 20px;
    margin-top: 20px;
}

    .cspLoginBox .btn_reset {
        margin-top: 0px;
    }

.cspLoginContent {
    text-align: right;
    vertical-align: middle;
    display: table-cell;
    padding-top: 25px;
}

.info_icon_login img {
    vertical-align: middle;
    max-height: 90px;
    max-width: 90px;
    margin-top: 70%;
}

.longLink a {
    word-break: break-all;
}

.rpad-10 {
    padding-right: 10px !important;
}

.conf_wrapper_preview .RadInput_Default .riTextBox {
    /*border-style: none none solid none !important;
    border-color: #ccc !important;*/
    text-align: left;
}

.conf_wrapper_preview input[type="text"]:disabled,
.conf_wrapper_preview input[type="search"]:disabled,
.conf_wrapper_preview select:disabled,
.conf_wrapper_preview textarea:disabled {
    /*border-bottom: 1px solid #ccc !important;*/
    text-align: left;
}

.conf_wrapper_preview .btn[disabled] {
    display: none;
}

.print-box .cspLabel_IN .cspValue {
    margin-bottom: 10px !important;
    display: inline-block !important;
}

.print-box .cspValue {
    margin-bottom: 10px !important;
    display: block !important;
}

.print-box .progress_indicator {
    display: none !important;
}

.print-box .btn {
    display: none !important;
}

.print-box .infoIco {
    display: none !important;
}

.print-box .no-print-mode {
    display: none !important;
}

.print-box .print-label {
    margin-right: -3px;
}

.print-box .rpad-10 {
    padding-right: 10px !important;
}

.valign {
    vertical-align: middle !important;
}

.cal-value-state {
    padding-top: 8px;
}

.margin-top-3 {
    margin-top: 3px;
}

.pad-rig-5 {
    padding-right: 5px !important;
}

.left-align {
    text-align: left;
}

.right-align {
    padding-right: 0px !important;
    text-align: right !important;
}

.calendar-icon-position {
    padding-right: 40px !important;
}

.print-box .calendar-icon-position {
    padding-right: 0px !important;
}

/* right align text only in va*/
.print-box .va-section .RadInput_Default .riTextBox {
    text-align: right;
    padding-right: 0px;
}

.print-box .va-section input[type="text"]:disabled,
.print-box .va-section input[type="search"]:disabled,
.print-box .va-section select:disabled,
.print-box .va-section textarea:disabled {
    text-align: right;
    padding-right: 0px;
}

.justPaddding {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-no-margin {
    margin: 0px !important;
}


@media print {
    @page {
        size: auto !important;
        margin: 0 !important;
    }

    body {
        margin: 0 !important;
    }

    .stu-pad {
        padding-right: 7px !important;
    }

    .rdContent {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .cspValue {
        font-size: 16px;
    }

    .conf_wrapper_preview .RadInput_Default .riTextBox {
        font-size: 16px;
    }

    .conf_wrapper_preview input[type="text"]:disabled,
    .conf_wrapper_preview input[type="search"]:disabled,
    .conf_wrapper_preview select:disabled,
    .conf_wrapper_preview textarea:disabled {
        font-size: 16px;
    }

    tr {
        page-break-inside: auto !important;
    }

    .main-titlewrapper {
        margin-left: 20px !important;
    }

    a[href]:after {
        content: none !important;
    }

    .rdTitleBar, .print-no-button, progress_indicator, no-print-mode {
        display: none !important;
    }

    .cspValue {
        margin-bottom: 10px !important;
        display: block !important;
    }

    input[type="radio"]:checked:before {
        background: #000 !important;
        content: none !important;
    }

    input[type='checkbox']:checked:before {
        background: #000 !important;
        content: none !important;
    }

    input[type='checkbox'] {
        -webkit-appearance: checkbox !important;
    }

    input[type='radio'] {
        -webkit-appearance: radio !important;
    }

    .loadShortcuts {
        display: flex;
    }
}

.btn-tm {
    margin-top: 0px !important;
}



.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .carousel-item {
        position: relative;
        display: none;
        animation: 0.6s ease-in-out;
        height: 70vh; /* Set your height */
    }

.carousel-item > .carousel-img {
    width: 100%;
    min-height: 70vh; /* same height */
    height: auto;
}

.carousel-item.carousel-video {
    display: block;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* uncomment the following line if you want to prevent mouse (or touch) clicks */
    /* pointer-events: none; */
}

.carousel-inner > .active,
.carousel-inner > .next {
    display: block;
}

.carousel-inner > .next {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .to-left {
    animation-name: left;
}

.carousel-inner > .from-right {
    animation-name: right;
}

.carousel-inner > .to-right {
    animation-name: right;
    animation-direction: reverse;
}

.carousel-inner > .from-left {
    animation-name: left;
    animation-direction: reverse;
}