.customPagination, .paginacaoCursor {
    margin: 20px 5px;
    padding: 5px 8px;
    color: black;
    background: #fff;
    cursor: pointer;
}

.pagination_center {
    display: flex;
    justify-content: center;
}

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

    .list_otherpayment ul li {
        border-bottom: 1px solid #d6d5d5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
    }

        .list_otherpayment ul li:focus {
            font-style: italic;
            outline: 0px solid transparent;
            text-shadow: 0 0 black;
        }

        .list_otherpayment ul li > p {
            color: #28406e;
            font-size: 2rem;
            margin: 0;
            padding-right: 15px;
        }

        .list_otherpayment ul li > a {
            display: inline-block;
            color: #fff;
            background: #006450;
            padding: 7px 15px;
            border-radius: 50px;
            min-width: max-content;
        }

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

        .list_otherpayment ul li > a:hover {
            text-decoration: none;
        }

.notice ul:focus {
    font-style: italic;
    outline: 0px solid transparent;
}

.title_of_other_payment {
    color: #006450;
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

.handal_btn {
    background: #fff !important;
    color: black !important;
    border: 1px solid #F34926;
    position: relative;
}

.title_of_payments {
    color: #006450;
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
}

.handal_btn::after {
    content: '';
    height: 30px;
    width: 10px;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #F34926;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.dashboard_tabs .nav-tabs li a {
    color: #28406e;
    font-size: 18px;
    font-weight: 400;
    border: none;
    display: flex;
    align-items: center;
}

.dashboard_tabs .nav-tabs li {
    margin-left: 15px;
    margin-right: 15px;
}

    .dashboard_tabs .nav-tabs li a:hover, .dashboard_tabs .nav-tabs li a:focus {
        border: none;
        font-weight: 700;
    }

    .dashboard_tabs .nav-tabs li.active a {
        color: #28406e;
        font-size: 2.2rem;
        font-weight: 700;
        border: none;
    }

.dashboard_tabs {
    box-shadow: 0 0 10px #ddd;
    border-radius: 7px;
    border: 1px solid black;
}

    .dashboard_tabs > ul {
        box-shadow: 0 0 5px #ddd;
        border: 1px solid black;
    }

        .dashboard_tabs > ul > li {
            margin-bottom: 0px !important;
        }

    .dashboard_tabs .tab-content {
        padding: 10px 5px;
    }

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

    .list_insurance ul li {
        border-bottom: 1px solid #d6d5d5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 5px;
    }

        .list_insurance ul li:focus {
            font-style: italic;
            outline: 0px solid transparent;
            text-shadow: 0 0 black;
        }

        .list_insurance ul li > p {
            color: #28406e;
            font-size: 2rem;
            margin: 0;
        }

        .list_insurance ul li > a {
            display: inline-block;
            color: #000;
            background: #1aba81;
            padding: 7px 15px;
            border-radius: 50px;
        }
        
        .list_insurance ul li:last-child {
            border: none;
        }

        .list_insurance ul li > a:hover {
            text-decoration: none;
        }
.list_eea ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .list_eea ul li {
        border-bottom: 1px solid #d6d5d5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 5px;
    }

        .list_eea ul li:focus {
            font-style: italic;
            outline: 0px solid transparent;
            text-shadow: 0 0 black;
        }

        .list_eea ul li > p {
            color: #28406e;
            font-size: 2rem;
            margin: 0;
        }

        .list_eea ul li > a {
            display: inline-block;
            color: #000;
            background: #1aba81;
            padding: 7px 15px;
            border-radius: 50px;
        }

        .list_eea ul li > p > a {
            display: inline-block;
            color: #000;
            background: #1aba81;
            padding: 7px 15px;
            border-radius: 50px;
        }

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

        .list_eea ul li > a:hover {
            text-decoration: none;
        }

span.number {
    display: inline-block;
    height: 26px;
    width: auto;
    background: #ca3535;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding: 5px 8px;
}

#manage_app_multiPay td {
    word-break: break-word;
}

.messageList li a {
    position: relative;
}

li.new_msg_text > div img {
    height: 15px;
    width: 25px;
}

.orange_btn:hover, .orange_btn:focus, .orange_btn:active, .orange_btn.active {
    color: #20399D;
    transition: all 0.5s ease 0s;
    text-decoration: underline;
    font-weight: bold;
    font-size: 2.3rem;
}

.green_btn:hover, .green_btn:focus, .green_btn:active, .green_btn.active {
    color: #20399D;
    transition: all 0.5s ease 0s;
    text-decoration: underline;
    font-weight: bold;
    font-size: 2.3rem;
}

a.orange_btn {
    background: #f8f8f8;
    font-size: 2.3rem;
    color: #20399D;
    padding: 13px;
    border-radius: 5px;
    display: block;
}

a.green_btn {
    background: #f8f8f8;
    font-size: 2.3rem;
    color: #20399D;
    padding: 13px 5px;
    border-radius: 5px;
    display: block;
    /*margin-right: 16%;
    text-align: center;*/
    margin-left: -20px;
}

.margin-left-m25 {
    margin-left: -25px;
}

/*.margin-left-p10 {
    margin-left: 10px;
}*/

.margin-left-m4 {
    margin-left: -4px;
}

.messagewhite {
    color: white;
}

a.orange_btn > span {
    letter-spacing: -3px;
}

li.new_msg_text > div {
    margin-top: 10px;
    color: black;
}

.banner {
    display: block;
    margin-right: auto;
}

.readUnread {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 10px;
    right: 10px;
    border-radius: 50%;
}

    .readUnread.unread {
        background: #7AC043;
    }

    .readUnread.read {
        display: none;
    }

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: #000;
    opacity: 0.5;
}

.DashboardSection {
    border: 1px solid;
    border-color: black;
    margin-top: 30px;
}

.SectionNameBorder {
    border-bottom: 1px solid black;
    padding: 12px;
}

.SectionTitle {
    background: #f8f8f8;
    margin-top: 0px;
}

@font-face {
    font-family: 'GOTHAMBLACK';
    src: url('../fonts/GOTHAMBLACK.eot');
    src: url('../fonts/GOTHAMBLACK.eot') format('embedded-opentype'), url('../fonts/GOTHAMBLACK.woff2') format('woff2'), url('../fonts/GOTHAMBLACK.woff') format('woff'), url('../fonts/GOTHAMBLACK.ttf') format('truetype'), url('../fonts/GOTHAMBLACK.svg#GOTHAMBLACK') format('svg');
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot') format('embedded-opentype'), url('../fonts/GothamBook.woff2') format('woff2'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg#GothamBook') format('svg');
}

@font-face {
    font-family: 'GOTHAMBOLD';
    src: url('../fonts/GOTHAMBOLD.eot');
    src: url('../fonts/GOTHAMBOLD.eot') format('embedded-opentype'), url('../fonts/GOTHAMBOLD.woff2') format('woff2'), url('../fonts/GOTHAMBOLD.woff') format('woff'), url('../fonts/GOTHAMBOLD.ttf') format('truetype'), url('../fonts/GOTHAMBOLD.svg#GOTHAMBOLD') format('svg');
}

@font-face {
    font-family: 'ufonts_com_gothambookitalic';
    src: url('../fonts/ufonts_com_gothambookitalic.eot');
    src: url('../fonts/ufonts_com_gothambookitalic.eot') format('embedded-opentype'), url('../fonts/ufonts_com_gothambookitalic.woff2') format('woff2'), url('../fonts/ufonts_com_gothambookitalic.woff') format('woff'), url('../fonts/ufonts_com_gothambookitalic.ttf') format('truetype'), url('../fonts/ufonts_com_gothambookitalic.svg#ufonts_com_gothambookitalic') format('svg');
}

body {
    letter-spacing: 0.8px;
    font-family: 'GothamBook';
    font-size: 2rem;
    color: black;
}

p {
    font-size: 2rem;
    color: black;
    line-height: 30px;
}

    p.large {
        font-size: 16px
    }

.social-share ul li a:focus, .social-share ul li a:hover {
    outline: 0px solid transparent;
    transition: all 0s ease 0s;
    border: 2px solid black !important;
}

a, a:hover, a:focus, a:active, a.active {
    outline: 0;
}

a {
    color: #006450;
}

    a:hover, a:active, a.active {
        color: #006450;
        transition: all 0.5s ease 0s;
        text-decoration: underline;
        font-size: 2.1rem;
    }

    a:focus {
        /*border: 2px solid black;*/
        color: #006450;
        transition: all 0.5s ease 0s;
        text-decoration: underline;
        font-style: italic;
        font-weight: bold;
        text-decoration: underline;
        text-shadow: initial;
    }

hr {
    border-top: 1px solid black;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h5 {
    font-size: 1.6rem;
}

h2 a:hover {
    transition: all 0.5s ease 0s;
    text-decoration: underline;
    font-size: 3.2rem;
}

h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
    font-style: italic;
    outline: 0px solid transparent;
}

p:focus {
    /*border: 1px dotted black !important;*/
    font-style: italic;
    outline: 0px solid transparent;
    text-shadow: 0 0 black;
}

.p_removeBottomMargin {
    margin-bottom: -10px;
}

.btn:focus {
    font-style: italic;
    border: 3px solid black;
    outline: 0px solid transparent;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

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

button:focus, span:focus {
    font-style: italic;
    outline: 0px solid transparent;
    font-weight: bold;
}

.list-inline li:focus, label:focus {
    font-style: italic;
    outline: 0px solid transparent;
    text-shadow: 0 0 black;
}

table td:focus {
    font-style: italic;
    outline: 0px solid transparent;
    text-shadow: 0 0 black;
}

table tr:focus {
    font-style: italic;
    outline: 0px solid transparent;
    text-shadow: 0 0 black;
}

.img_focus:focus {
    border: 2px solid black;
}

.dashboardNotice {
    line-height: 3rem;
    font-size: 2.4rem;
}

    .dashboardNotice a:hover, .dashboardNotice a:focus {
        transition: all 0.5s ease 0s;
        text-decoration: underline;
        font-size: 2.6rem;
    }
/*Header*/
.Header-Row {
    margin-right: 0px !important;
}

/*Stellarbee Devlopment Design Start*/
.top-liner .nav.navbar-nav.navbar-right li.active a {
    color: #006450;
}

.top-liner .nav.navbar-nav.navbar-right li a {
    font-size: 1.8rem;
    margin: 0 auto;
    color: black;
    padding: 9px 8px 0;
}

/* Keep the full menu (incl. BoR-only Documents item) on one line at desktop widths.
   The menu <ul> lives inside .navbar-collapse (not .top-liner), so scope to that. */
@media (min-width: 992px) {
    .navbar-collapse .nav.navbar-nav.navbar-right.insight {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .navbar-collapse .nav.navbar-nav.navbar-right.insight li {
        float: none;
        white-space: nowrap;
    }

    .navbar-collapse .nav.navbar-nav.navbar-right.insight li a {
        font-size: 1.6rem;
        letter-spacing: 0.4px;
        padding: 9px 6px 0;
    }
}

/* Same one-line treatment for tablets (iPad Mini 768 / iPad Air 820): with the
   BoR Documents item the 8-item menu wrapped "Complaints" onto a second row.
   Tighter type so everything fits at 768. */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse .nav.navbar-nav.navbar-right.insight {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .navbar-collapse .nav.navbar-nav.navbar-right.insight li {
        float: none;
        white-space: nowrap;
    }

    .navbar-collapse .nav.navbar-nav.navbar-right.insight li a {
        font-size: 1.4rem;
        letter-spacing: 0;
        padding: 9px 4px 0;
    }
}

.logoutButton {
    background: none !important;
    border: none;
    font-size: 1.8rem;
    margin: 0 auto;
    color: black;
    padding: 9px 8px 0 !important;
}

.notify img {
    margin-top: 10px;
}

.dot {
    position: absolute;
    right: 0px;
    top: 0;
}

#empl_list_tabs li a {
    border: 0 none;
}

#empl_list_tabs {
    margin-top: 15px;
    padding: 10px 0px;
}

    #empl_list_tabs li.active {
        border-bottom: 2px black solid !important;
    }

    #empl_list_tabs > li {
        height: 110px;
        line-height: 16px;
        text-align: center;
        width: 160px;
    }

    #empl_list_tabs li:focus {
        font-style: italic;
        font-weight: bold;
        outline: 0px solid transparent;
    }

.top-liner .nav.navbar-nav li.email-note .email-cur {
    background-color: #7dc343;
    border-radius: 20px;
    margin-top: 3px;
    padding: 8px 8px 10px;
}

.top-liner .nav.navbar-nav li.email-note.active .email-cur {
    background-color: #006450;
    border-radius: 20px;
    margin-top: 3px;
    padding: 8px 8px 10px;
}

.email-note {
    margin-left: 15px;
    margin-right: 10px;
}

.sticky-text strong {
    color: #7AC043;
    text-transform: uppercase;
}

.navbar-fixed-top {
    position: relative;
}

    .navbar-fixed-top .top-liner {
        transition: all 0.3s ease 0s;
    }

    .navbar-fixed-top.navbar-shrink .top-liner {
        margin-top: -17px;
    }

.navbar-nav.navbar-right.insight li.active {
    border-bottom: 1px solid black;
}

.navbar.navbar-fixed-top .navbar-brand img {
    /*width: 250px;*/
    transition: all 0.3s ease 0s;
}

img:focus {
    border: 2px solid black;
}

.insight.navbar-nav > li > a {
    line-height: 37px;
}

.breadcrumb-item > a {
    font-size: 22px;
    color: #333;
    font-weight: 600;
}

.panel-body {
    padding: 5px 20px;
}

.panel-heading {
    font-size: 2.6rem;
    font-weight: bold;
    padding: 13px 15px;
    background-color: #F8F8F8 !important;
    color: black !important;
    border-color: black !important;
}

    .panel-heading h3 {
        margin-top: 7px;
    }

    .panel-heading:focus {
        font-style: italic;
        outline: 0px solid transparent;
    }

.panel-default {
    border: .5px solid black !important;
}

.file-link a {
    color: black;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.file-link li {
    background-image: url("../images/link.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    color: #333;
    line-height: 23px;
    padding-left: 40px;
}

.file-link.pdf li {
    overflow-wrap: break-word;
    background-image: url("../images/pdf.png");
    line-height: 3rem;
}

.simple-link:hover {
    font-style: italic;
    text-decoration: underline;
    font-size: 24px;
}

.title-panel {
    color: #7ac043;
    font-size: 2rem;
    font-weight: normal;
}

/* AFF documents card: dark-green header, and a filing table that stays inside
   the card on small screens (see Documents/Index.cshtml). */
.title-panel.aff-card-title {
    color: #006450;
}

.aff-doc-table .spanPdfImage a {
    margin-left: 35px;
}

@media (max-width: 767px) {
    /* Keep the filing table inside the card on phones: smaller text + trimmed
       icon gap so it fits, and a horizontal scroll region as a fallback so the
       table can never spill outside the card. Scoped to phones only (Bootstrap's
       own .table-responsive leaks overflow-x:auto onto desktop in 3.4). */
    .aff-doc-table {
        font-size: 1.5rem;
    }

    .aff-doc-table .spanPdfImage a {
        margin-left: 26px;
    }

    .aff-doc-table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
/*Stellarbee Devlopment Design End*/
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
    color: black;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02)
}

.navbar-default .navbar-toggle {
    background-color: #7ac043;
    border-color: #7ac043;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #006450;
        border-color: #006450;
        transition: all 0.5s ease 0s;
    }

.navbar-default .nav li a {
    text-transform: capitalize;
    font-size: 2rem;
    color: black;
}

.navbar-default .nav li.active a {
    font-weight: 600;
    color: black;
}

    .navbar-default .nav li.active a:hover {
        color: black;
    }

.navbar-default .navbar-nav > li > a:hover {
    color: black;
}

navbar-default .navbar-nav > li > a:focus {
    font-style: italic;
    transition: all 0s ease 0s;
    font-weight: bold;
}

.navbar-default .navbar-nav > .active > a:focus {
    color: black;
}

.nav > li > a {
    padding: 12px;
}
.min-height-set {
    min-height: 650px;
}

    .min-height-set.md {
        min-height: 550px;
    }

/*===========BreadCrumb CSS===========*/
.breadcrumb {
    margin-bottom: 0px;
    font-size: 1.8rem;
}

    .breadcrumb > .active {
        color: black;
    }

    .breadcrumb li {
        color: black;
    }

        .breadcrumb li:active {
            color: black;
        }
/*===========Notification CSS===========*/
.notification {
    background: #f8f8f8;
    font-size: 2.3rem;
    color: #20399D;
    padding: 13px 5px;
    border-radius: 5px;
    display: block;
}

    .notification:hover, .notification:focus, .notification:active {
        color: #20399D;
        transition: all 0.5s ease 0s;
        font-style: italic;
        font-weight: bold;
        font-size: 2.3rem;
        outline: 0px solid transparent;
    }

/*===========Register Page css start===========*/

.confirm-text {
    color: green;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: -8px;
}

.table-responsive {
    overflow: hidden;
}

.outer-title {
    /*font-size: 25px;*/
    margin-bottom: 35px;
}

.own-table {
    border: 1px solid black;
}

    .own-table thead {
        background-color: #f8f8f8;
        color: black;
    }

    .own-table > thead > tr > td {
        padding: 15px 10px;
    }

    .own-table td {
        border-bottom: 1px solid black;
    }

        .own-table td:focus {
            font-style: italic;
            outline: 0px solid transparent;
            text-shadow: 0 0 black;
        }

        .own-table td .caret_focus:focus {
            border: 2px solid black;
        }

        .own-table td a:focus, .own-table td a:hover {
            color: #20399D;
        }

.table.own-table > tbody > tr > td {
    padding: 20px 10px;
    color: black;
}

.course-table row {
    border-bottom: 1px solid black;
}

.form-control.select-style {
    -moz-appearance: none;
    width: 300px;
    box-shadow: none;
    background: rgba(0, 0, 0, 0) url("../images/select.png") no-repeat scroll 95% center / 0.7rem 0.7rem;
    color: black;
    font-size: 2rem;
    border: 1px solid black;
    height: 43px;
}

    .form-control.select-style.width-145 {
        width: 145px;
        margin-right: -15px;
    }

.own-select .select-style {
    float: right;
}

.select-style option {
    padding: 10px 15px;
}

.filter-head input {
    height: 43px;
    border: 1px solid black;
    box-shadow: none;
}

.filter-head {
    margin-bottom: 15px;
}

.own-button {
    background-color: #f8f8f8;
    border: 0 none;
    color: black;
    font-size: 2rem;
}

.link-button {
    border: 0 none;
    color: #006450;
    padding: 6px 18px;
    font-size: 2rem;
}

    .link-button:hover {
        transition: all 0.5s ease 0s;
        text-decoration: underline;
    }

    .link-button:focus {
        outline: 0px solid transparent;
        text-decoration: underline;
        font-size: 2.2rem;
    }

.filter-head label {
    font-weight: normal;
    color: black;
}

.giant-icon {
    font-size: 3.5rem;
}

.plus-icon {
    margin-right: 3px;
}

.export-icon {
    margin-right: 6px;
    margin-top: -3px;
}

.social-icon {
    height: 35px;
    width: 35px;
}

.social-icon-anchor {
    display: block;
    height: 38px;
    width: 38px;
}

.glyphicon.glyphicon-full-dot {
    margin-bottom: -.8em;
    overflow: hidden;
    top: -1em;
}

    .glyphicon.glyphicon-full-dot:before {
        content: "\25cf";
        font-size: 2.5em;
    }

.glyphicon.glyphicon-full-email-dot {
    margin-bottom: -.8em;
    overflow: hidden;
    top: -.8em;
}

    .glyphicon.glyphicon-full-email-dot:before {
        content: "\25cf";
        font-size: 1em;
        color: red;
    }

.red-dot {
    color: red;
}

.yellow-dot {
    color: yellow;
}

.green-dot {
    color: green;
}

.glyphicon-eye-open {
    font-size: 1.5em;
}

.application-eye {
    font-size: 1em;
}

.table.own-table .checkbox, .table.own-table .checkbox > label {
    margin: 0;
    padding: 0;
    margin: 0;
}

.own-pagigation {
    float: left;
    margin: 0 auto;
}

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

.margin-bottom-30 {
    margin-bottom: 30px;
}

.table-search {
    float: right;
}

.form-inline .table-search .form-control {
    width: 240px;
}

.own-pagigation > .active > a {
    background-color: #006450;
    border-color: #006450;
}

.own-pagigation > li > a, .own-pagigation > li > span {
    border-color: #ebecee;
    padding: 8px 17px;
    color: black;
}

    .own-pagigation > li > a:focus {
        font-style: italic;
    }

.own-color {
    color: black;
}

.label-title {
    font-size: 25px;
    margin-right: 10px;
}

.edit-link {
    color: #20399D;
}

.nav.nav-pills.own-pills {
    border: 1px solid black;
}

    .nav.nav-pills.own-pills li {
        border-right: 1px solid black;
    }

        .nav.nav-pills.own-pills li:last-child {
            border-right: 0 none;
        }

.own-pills li a {
    background-image: url("../images/not_active_check.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    font-size: 2.2rem;
    line-height: 24px;
    text-transform: uppercase;
    color: black;
}

.own-pills li.active a {
    background-image: url("../images/active_check.png");
    border-bottom: 1px solid black;
    color: black;
}

.own-content .panel-heading {
    padding: 13px 25px;
}

.own-content .panel-group .panel {
    margin-bottom: 20px;
    box-shadow: none;
}

.panel-heading .accordion-toggle::after {
    content: url(../images/up_arrow.png);
    float: right;
}

.label-space {
    color: #7ac043;
    margin-bottom: 15px;
    margin-top: 10px;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: url(../images/down_arrow.png);
}

.form-control {
    color: black;
    border-color: black;
    border-radius: 5px;
    box-shadow: none;
    font-size: 2rem;
    height: 45px;
}

    .form-control:focus {
        border: 3px solid black;
        font-style: italic;
    }

#last_year input, #current_year input {
    color: #67727E;
}

.forgotPass .error {
    display: block;
    text-align: left;
}

.btn-sm-custom {
    background-color: #1ABA8A;
    border: 0 none;
    border-radius: 4px;
    color: #012811;
    font-size: 2rem;
    padding: 11px 15px;
    text-transform: capitalize;
    min-width: 110px;
    width:auto;
}

.btn-big {
    width: 300px;
}

.btn-sm-default {
    background-color: #EBECEE;
    border: 0 none;
    border-radius: 4px;
    color: black;
    font-size: 2rem;
    padding: 11px 15px;
    min-width: 110px;
}

.btn-sm-custom.right {
    float: right;
}

.btn-paynow-outstanding {
    margin-top: 15px;
    width: 300px;
}

.panel-title {
    /*font-weight: normal;*/
    font-size: 2rem;
}

    .panel-title.ack {
        font-size: 2.8rem;
    }

.margin-bottom-20 {
    margin-bottom: 10px;
}

.input-group1 {
    float: right;
    position: relative;
    white-space: nowrap;
}

.date-icon {
    background-image: url("../images/date.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: 17px;
    top: -37px;
    width: 26px;
}

.own-space {
    /*margin-bottom: 50px;*/
    margin-top: 35px;
}
/*#collapseQuestion .radio-inline .error{ position: unset;}
#collapseQuestion .radio-inline .error {
    color: red;
    display: block;
    position: absolute;
    top: -15px;
}*/

input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.checkbox input[type=checkbox] {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
    margin-left: 10px !important;
}

.radio-inline input[type=radio] {
    position: relative !important;
    margin-right: 10px !important;
}

input[type=radio]:hover, input[type=radio]:focus {
    border: 1px solid black;
}

input[type=radio ]:not(old) + label :focus, input[type=radio ]:not(old) + label :hover {
    border: 1px solid black;
}

.checkbox label::before {
    border-radius: 3px;
}

.checkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: 2rem;
    margin-right: 15px;
    min-height: 24px;
    padding-left: 40px;
    position: relative;
}

.consent-checkbox {
    margin-top: 10px !important;
}

/*.checkbox label::before {
        background-color: #fff;
        border: 1px solid #d3d4d8;*/
/*bottom: 1px;*/
/*content: "";
        display: inline-block;
        height: 24px;
        left: 0;
        margin-right: 10px;
        position: absolute;
        width: 24px;
    }*/

/*.checkbox label {
    margin-bottom: 10px;
}*/

/*input[type="checkbox"]:checked + label::before {
    border-color: #006450;
    background-color: #006450;
    content: url("../images/check_mark.png");
    font-size: 15px;
    line-height: 21px;
    text-align: center;
}*/

.button-align {
    text-align: right;
}

.textarea_on {
    margin-top: 15px;
}

.glyphicon-RECO {
    color: #7ac043;
}

/*===========CANADA POST - ADDRESS AUTOCOMPLETE===========*/

.pca .pcatext {
    font: 2rem arial !important;
    color: black !important;
}

/*.pca .pcaautocomplete .pcafooter .pcamessage {
    font: bold 1.6rem arial !important;
    color: black !important;
    margin: 9px 0 0 5px;
    padding: 0;
    position: relative;
    float: right;
}

.pca .pcaautocomplete .pcafooter .aclogo {
    height: 25px !important;
    background-repeat: no-repeat !important;
    background-size: 125px 25px !important;
    margin: 2px 5px 6px 11px !important;
}
*/
/*===========Audio Player style===========*/

audio {
    background: #f1f3f4;
    width: 106%;
    padding: 10px;
    margin-left: -15px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #C5C5C5;
    -webkit-box-shadow: 2px 2px 4px 0px #C5C5C5;
    box-shadow: 2px 2px 4px 0px #C5C5C5;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 0px 0px 0px 0px;
}

/*===========Email-confirmation page css start===========*/

.sucstep > span {
    background-color: #7ac043;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    margin-right: 20px;
    padding: 6px 10px;
}
/*===========Complaints page css start===========*/
.re-button {
    float: right;
    margin-right: -20px;
    margin-top: -49px;
}

.set-right-arrow {
    background-image: url("../images/right_arrow.png");
    background-position: left 7px;
    background-repeat: no-repeat;
}

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

.form-group.margin {
    margin-bottom: 25px;
}

.require {
    color: red;
}

.sub-title {
    color: black;
    font-size: 2.2rem;
    margin: 20px 0;
}
.fa_custom {
    color: #7ac043;
}
.main-outer {
    display: table;
}

.icon {
    display: table-cell;
    vertical-align: middle;
    width: 55px;
}

.right-add {
    padding-left: 35px;
}

.line {
    position: relative;
}

.strong {
    font-weight: bold;
}

    .line::after {
        border-right: 1px solid #EBECEE;
        bottom: 10%;
        content: "";
        height: 55px;
        position: absolute;
        right: 0;
        top: 30%;
    }

.right-add .title-panel {
    color: black;
    font-weight: bold;
    line-height: 2.8rem;
}

.main-outer p {
    font-size: 2rem;
    line-height: 2.8rem;
}

.color-text {
    color: #006450;
}

/*=========== Spreedly Styles===========*/
/* The 1.3x scale-up is desktop-only; on phones it pushes the modal past the
   viewport and clips the card fields / Pay button. See mobile overrides below. */
@media only screen and (min-width: 768px) {
    .spreedly-wrapper.spreedly-modal-visible {
        transform: scale(1.3) !important;
        top: 15px !important;
    }
}

.spreedly-company .sidebar-top-description, .spreedly-item .sidebar-bottom-description {
    font-size: 1.3rem !important;
    color: black !important;
}

.spreedly-company .company-name, .spreedly-item .item-price {
    font-size: 1.9rem !important;
    color: #35566f !important;
}

#spreedly-modal-form .spreedly-label {
    color: #2078A7 !important;
    font-size: 1.5rem !important;
}

.spreedly-item .item-price {
    color: #35566f !important;
}

.spreedly-button {
    background: #0972CE !important;
}

.spreedly-field-exp {
    width: 60% !important;
}

.spreedly-field-verification_value {
    width: 40% !important;
}

/* Mobile (320-767px) overrides: render the Spreedly modal at natural scale,
   keep it inside the viewport with scroll, and shrink oversized text so the
   header, card fields and Pay button stay visible and tappable. */
@media only screen and (max-width: 767px) {
    .spreedly-wrapper.spreedly-modal-visible {
        transform: none !important;
        top: 0 !important;
        max-width: 100% !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
    }

    .spreedly-company .company-name, .spreedly-item .item-price {
        font-size: 1.3rem !important;
    }

    .spreedly-company .sidebar-top-description, .spreedly-item .sidebar-bottom-description {
        font-size: 1rem !important;
    }

    /* Spreedly's mobile layout stacks exp and CVV as full-width rows
       (desktop puts them side by side at 60/40), so undo the split here. */
    .spreedly-field-exp, .spreedly-field-verification_value {
        width: 100% !important;
    }

    /* Spreedly's mobile stylesheet hard-codes a 170px fields holder with
       42.5px rows and a 23% label column, which crams the rows vertically
       and wraps the "Exp. Date" label. Give the rows breathing room. */
    .spreedly-fields-holder {
        height: 230px !important;
    }

    .spreedly-fs-cc .spreedly-field {
        height: 56px !important;
    }

    #spreedly-frame-holder input, .spreedly-iframe-input {
        height: 56px !important;
    }

    #spreedly-modal-form .spreedly-label {
        font-size: 1.1rem !important;
        width: 28% !important;
        height: 56px !important;
        padding-top: 19px !important;
        padding-bottom: 19px !important;
        white-space: nowrap !important;
    }
}

/* Tablet / iPad (>=768px touch devices): the desktop 1.3x scale-up above
   overflows the viewport and clips the field-description labels. Render the
   modal at natural scale, kept inside the viewport with scroll, so the card
   fields, their labels and the Pay button all stay visible. Interaction media
   features (not width) are used so this catches every iPad size while leaving
   mouse-driven desktops on the scaled-up layout. */
@media only screen and (min-width: 768px) and (hover: none) and (pointer: coarse) {
    .spreedly-wrapper.spreedly-modal-visible {
        transform: none !important;
        top: 0 !important;
        max-width: 100% !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
    }

    /* keep the descriptive labels on one line so they are not clipped/wrapped */
    #spreedly-modal-form .spreedly-label {
        white-space: nowrap !important;
    }
}

/*===========Education page css start===========*/
    .form-control.select-style.number {
    width: 80px;
    color: #333;
}

.border-bottom {
    border-bottom: 1px solid black;
}

.nav-pills.border-bottom li a {
    color: black;
    font-size: 2rem;
    line-height: 3rem;
}

.nav-pills.border-bottom li.active a {
    font-weight: 600;
    color: black;
    border-bottom: 2px solid black;
}

.nav-pills > li.active > a:focus {
    color: black;
    border-bottom: 2px solid black;
}

.nav-pills > li.active > a:hover {
    color: black;
    border-bottom: 2px solid black;
}

.title-sm {
    font-weight: normal;
}

    .title-sm span {
        color: #67727E;
        font-size: 13px;
    }

.retitle {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 15px;
}
/*======================Dashboard-page===================*/

.pdfimage {
    padding-left: 35px;
    background-position: 0px 35px;
    background-image: url("../images/pdf.png");
    background-repeat: no-repeat;
}

.spanPdfImage {
    background-image: url("../images/pdf.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 35px;
    padding: 10px;
}

.cmn li span {
    color: #20399D;
}

.cmn li {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
}

    .cmn li.date {
        background-size: 20px auto;
        background-image: url("../images/date.png");
    }

    .cmn li.pdf {
        background-position: 0px 35px;
        background-image: url("../images/pdf.png");
    }

    .cmn li.pdf-no-margin {
        background-position: 0px 0px !important;
    }

.cmn li {
    margin-right: 50px;
}

    .cmn li.attach {
        background-image: url("../images/link.png");
    }

.margin-right {
    margin-right: 40px;
}

#ex1Slider .slider-selection {
    background: #BABABA;
}

.range-slider .slider.slider-horizontal {
    width: 100%;
}

.range-slider #ex1Slider .slider-selection {
    background: #7ac043 none repeat scroll 0 0;
}

.range-slider .slider-selection {
    box-shadow: none;
}

.range-slider .slider-track-low, .range-slider .slider-track-high {
    background: #ebecee none repeat scroll 0 0;
}

.range-slider .slider.slider-horizontal .slider-track {
    height: 5px;
}

.range-slider .slider-handle {
    top: -3px;
    background-color: #7ac043;
    background-image: linear-gradient(to bottom, #7ac043 0px, #7ac043 100%);
}

.range-slider .tooltip.tooltip-main.top {
    opacity: 0.9;
}

.range-slider .tooltip-inner {
    border-radius: 20px;
    background-color: #686F82;
    color: #67727E;
}

.range-slider .tooltip.top .tooltip-arrow {
    border-top-color: #686F82;
}

.range-slider .slider .tooltip.top {
    margin-top: 20px;
}

.range-date .date {
    background-image: url("../images/date.png");
    background-size: 20px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
}

.range-date {
    margin-top: 10px;
}

    .range-date .date.left {
        float: left;
    }

    .range-date .date.right {
        float: right;
    }

    .range-date span {
        color: #25d6ef;
    }

.tree ul {
    padding-top: 20px;
    position: relative;
    padding-left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 15px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

    .tree li:last-child::before {
        left: -95px;
    }

    .tree li:first-child::after {
        left: 113px;
    }

    .tree li:nth-child(2)::after {
        right: -140px;
    }
    /*We will use ::before and ::after to draw the connectors*/

    .tree li::before, .tree li::after {
        border-top: 2px solid #686F82;
        content: "";
        height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

.tree ul li .btn-sm-custom {
    padding: 11px 15px;
    margin-right: 32px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 2px solid #686F82;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-right: 2px solid #686F82;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

.tree ul ul::before {
    border-left: 2px solid #686F82;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 0;
}

.tree li a {
    border: 2px solid #686F82;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}


    /*Connector styles on hover*/
    .tree li a:hover + ul li::after,
    .tree li a:hover + ul li::before,
    .tree li a:hover + ul::before,
    .tree li a:hover + ul ul::before {
        border-color: #94a0b4;
    }

/*======================Information-page===================*/
.tree ul li .hierarchy-text {
    background-color: #1aba81;
    border-radius: 4px;
    border: 1px solid black;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 14px;
    padding: 8px 10px;
    width: 205px;
}

.title-in-medium {
    font-size: 2.5rem;
    font-weight: 600;
}

.event-overlay {
    background-image: url("../images/date_event.png");
    background-position: 17px center;
    background-repeat: no-repeat;
    bottom: 0;
    color: #fff;
    padding: 10px 58px;
    position: absolute;
}

.event-title {
    color: #7dc343;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 15px;
}

.event-overlay span {
    color: #7dc343;
    font-size: 19px;
}

.item .link {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    position: relative;
}

    .item .link .caption {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
        height: 100%;
        opacity: 0;
        position: absolute;
        transition: all 0.5s ease 0s;
        width: 100%;
    }

        .item .link .caption .caption-content {
            color: #fff;
            font-size: 20px;
            height: 20px;
            margin-top: -12px;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 100%;
        }

        .item .link .caption:hover {
            opacity: 1;
        }

/*Time to add downward connectors from parents*/

/*======================Education-courses-page===================*/
.sectioncmn {
    font-size: 16px;
    margin-bottom: 35px;
    margin-top: 10px;
    text-transform: uppercase;
}

    .sectioncmn span {
        color: #7ac043;
        font-weight: 600;
    }

.nav-pills.border-bottom.education_tab li a {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}
/*======================Online-Termination-page===================*/
.emp-title {
    color: black;
    font-size: 2.4rem;
}

.padding-0 {
    padding-left: 0;
}

.with-right-arr, .step-check {
    background-image: url("../images/right_arrow_black.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.chg-ena {
    color: black;
    font-weight: 600;
}

.sm-title {
    font-size: 2rem;
    margin-bottom: 13px;
}

.panel-box {
    padding-left: 80px;
}

.border-right-set {
    background-image: url("../images/vert_line.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.padding-left-25 {
    padding-left: 25px;
}

.step-check {
    margin-bottom: 10px;
}

#accordion_que .slimScrollBar {
    background: #26d6ee !important;
    opacity: 1 !important;
    width: 4px !important;
    border-radius: 2px !important;
    right: 0 !important;
}

#accordion_que .slimScrollRail {
    width: 2px !important;
    border-radius: 3px !important;
}

.intruction {
    margin-top: 12px;
}

.pop-lab {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.clr-light li {
    color: #67727E;
}

.regis-number .jconfirm-box {
    padding-bottom: 35px !important;
    padding-top: 45px !important;
}

/* On narrower tablet widths the confirm-dialog text wraps into more lines,
   making the box taller. If it ends up positioned low enough that its
   buttons sit past the bottom edge, cap the box height and let it scroll
   internally so Confirm/Cancel stay reachable instead of clipped. */
.jconfirm .jconfirm-box {
    max-height: 90vh !important;
    overflow-y: auto !important;
}

.jconfirm-bg.seen {
    opacity: 0.7 !important;
}

.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button {
    font-size: 2rem;
}

.alert-danger.notice-text {
    background-color: #fde8e8;
    background-image: url("../images/notice.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    border-color: transparent;
    color: #BA3B3B;
    margin-right: 20px;
    padding-left: 65px;
}

.error-heading {
    font-size: 36px;
}

.validation-error-message {
    font-size: 2rem;
    color: #D90202;
    padding-bottom: 10px;
}

    .validation-error-message a {
        color: #D90202;
    }

.validation-error-header {
    color: #D90202;
    padding: 10px;
}

.validation-header-font {
    font-size: 36px;
    font-weight: 700;
}

.validation-error-block {
    margin-bottom: 15px;
    background: #F0F0F0;
    display: none;
}

.validation-error-color {
    color: #D90202;
}

    .validation-error-color a:focus, .validation-error-color a:hover {
        text-decoration: underline;
        font-size: 3.8rem;
        color: #D90202 !important;
        transition: all 0.5s ease 0s;
    }

.required-sign {
    color: #D90202;
    font-size: 25px;
}

.required-sign-big {
    color: #D90202;
    font-size: 35px;
}

#commonErrorSummary ul {
    list-style: none;
    margin-left: -40px;
}

h1 a {
    color: #D90202;
}

/*======================My-message-page===================*/
.vert-tab {
    display: table;
}

.circle {
    background-color: #7ac043;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 49px;
    line-height: 2.4;
    margin-right: 15px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 49px;
}

.vert-tab .name {
    display: table-cell;
    font-size: 16px;
    color: #70747b;
    line-height: 19px;
    vertical-align: middle;
}

.nav-stacked.own.nav-tabs > li.active > a .vert-tab .name {
    color: #000;
}

.name > span {
    color: #67727E;
    font-size: 13px;
}

.nav-stacked.own.nav-stacked > li + li {
    margin-top: 0;
}

.nav-stacked.own.nav-tabs > li.active > a, .nav-stacked.own.nav-tabs > li.active > a:focus, .nav-stacked.own.nav-tabs > li.active > a:hover {
    border-right: 2px solid #25daf3;
    background-color: #f0f8f9;
    opacity: 1;
}

.nav-stacked.own.nav-tabs > li > a {
    border-radius: 0;
    border: 1px solid #686F82;
    opacity: 0.8;
}

.title-text {
    font-size: 20px;
    margin-bottom: 15px;
}

.in-full {
    width: 100%;
}

    .in-full .name {
        width: 580px;
        color: #000;
    }

    .in-full .action {
        text-align: right;
    }

        .in-full .action li {
            padding-left: 18px;
        }

.spacing-pera {
    padding: 20px 30px;
}
/*======================Privacy-page===============================*/
.privacy-tab.nav-tabs {
    border-bottom: 0 none;
}

    .privacy-tab.nav-tabs > li > a {
        border: 0 none;
        color: #000;
        font-size: 15px;
    }

    .privacy-tab.nav-tabs > li.active > a, .privacy-tab.nav-tabs > li.active > a:focus, .privacy-tab.nav-tabs > li.active > a:hover {
        background-color: #686F82;
        border: 0 none;
        border-radius: 5px;
    }

/*======================Complaints-Enforcement-page===================*/
.table.table-ommis .width-140 {
    width: 140px;
}

.table.table-ommis .width-187 {
    width: 187px;
}

.table.table-ommis th {
    border: 0 none;
}

.table.table-ommis tbody td, .table.table-ommis th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

.clr {
    background-color: #FCFCFC;
}

.table.table-ommis > tbody > tr > td {
    color: #000;
    padding: 20px 10px;
}

.pera {
    border-radius: 5px;
    padding: 15px;
    /*margin-bottom: 20px;*/
}

    .pera:focus {
        outline: 0px solid transparent;
        font-style: italic;
    }

.table.table-ommis {
    border: 1px solid black;
}

    .table.table-ommis thead tr th {
        font-size: 1.8rem;
        background-color: #1aba81;
        color: #000;
        vertical-align: top;
        border: 1px solid black;
    }

        .table.table-ommis thead tr th:focus {
            outline: 0px solid transparent;
            font-style: italic;
        }

.head-line {
    margin-bottom: 35px;
}

.flow .btn-sm-custom {
    font-size: 13px;
    font-weight: 600
}

.select-style.full {
    width: 110%;
    color: black;
}

    .select-style.full.n {
        background: rgba(0, 0, 0, 0) url("../images/select.png") no-repeat scroll 98% center / 0.7rem 0.7rem;
    }

.dark {
    font-size: 2.4rem;
    font-weight: 600;
}

.form-inline .form-control.large {
    width: 280px;
}

.padding-body {
    padding: 0 25px;
}

.table.table-ommis.checker > tbody > tr > td {
    color: #000;
    padding: 20px;
    vertical-align: middle;
}

.top-liner .nav.navbar-nav.navbar-right .popover-content .notice-tx li a {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0;
    text-transform: none;
}

.navbar-right .popover {
    border: 1px solid #686F82;
}

    .navbar-right .popover.bottom > .arrow {
        border-bottom-color: #e1e1e1;
    }

.error {
    color: #D90202;
}

.notice-tx li {
    border-bottom: 1px solid #686F82;
    padding: 10px 0;
}

    .notice-tx li:last-child {
        border-bottom: 0 none;
    }

/*======================Contact-Us-page===================*/
#map {
    width: 100%;
    height: 500px;
}

.address-contact .on {
    display: inline-block;
    width: 290px;
}

.address {
    background-image: url("../images/location.png");
    background-repeat: no-repeat;
    padding-left: 40px;
}

.address-contact {
    background-image: url("../images/call.png");
    background-repeat: no-repeat;
    padding-left: 40px;
}

.title-inner {
    color: #006450;
    font-size: 2rem;
    font-weight: normal;
}

.margin-bottom-28 {
    margin-bottom: 28px;
}

.margin-top-60 {
    margin-top: 30px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.title.general {
    font-size: 24px;
    margin-bottom: 20px;
}

.margin-absolute {
    margin-top: -190px;
}

.general-row-space {
    background-color: #fff;
    border: 0 none;
    box-shadow: 0 0 6px #c1c1c1;
    padding: 20px 40px;
}
/*===========Login Page css start===========*/

.title-large {
    color: #000;
    font-family: "GOTHAMBOLD";
    font-weight: 600;
    margin-bottom: 10px;
}

    .title-large.sm {
        font-size: 24px;
    }

.login-title {
    font-family: "GOTHAMBOLD";
    font-weight: 600;
    margin-bottom: 40px;
}

.lg.bold {
    width: 150px;
}

.bold {
    font-family: "GOTHAMBOLD";
}

.login-part .form-group {
    margin-bottom: 25px;
}

.login-part {
    margin: 0 auto;
    width: 330px;
}

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

.btn-sm-custom.full {
    width: 100%;
}

.navbar.navbar-fixed-top .navbar-brand .my-web-logo-login {
    margin-top: -5px;
    width: 68px;
}

.navbar.navbar-fixed-top .navbar-brand .my-web-logo {
    margin-top: -30px;
    width: 68px;
}
/*===========Desktop/Mobile part css start===========*/
.shrink-none-container {
    margin-top: 145px;
}

    .shrink-none-container.up-touch {
        margin-top: 145px;
    }

.attach-btn {
    text-align: right;
}

.nav-main-action .nav.nav-tabs a {
    font-size: 20px;
    text-decoration: none;
    color: #A29CB6;
}

.nav-main-action .nav.nav-tabs .active a {
    color: #735CC4;
}

.foo-logo {
    margin-bottom: 10px;
    margin-top: 5px;
}

.foo-right-nav {
    margin-top: 15px;
    float: right;
}

    .foo-right-nav li a {
        color: #006450;
        text-decoration: none;
        transition: all 0.5s ease 0s;
        font-size: 1.8rem;
        line-height: 26px;
    }

        .foo-right-nav li a:focus {
            text-decoration: underline;
            font-size: 2rem;
        }

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


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

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

.copyright p {
    font-size: 1.8rem;
    margin: 0;
}

.foo-right-nav li a:hover {
    color: #006450;
    font-size: 2rem;
    text-decoration: underline;
}

footer {
    background-color: #f8f8f8;
    padding: 15px 15px 8px;
}

.logo-seter {
    margin-bottom: -20px;
}

.title-large.color {
    color: #006450;
}
.title-large.color-red {
    color: #D90202;
}
/*=====================End-CSS===============================*/

.oopps_error .navbar-default {
    background: #ffffff;
}

.oopps_error .padding-set {
    padding: 60px 0px;
    min-height: 485px;
}

.oopps_error .error_page h2 {
    margin: 0;
    font-size: 75px;
    letter-spacing: 4px;
    color: #1f2630;
}

.oopps_error .padding-top-bottom {
    padding: 54px 0 60px 0;
}

    .oopps_error .padding-top-bottom p {
        color: black;
    }

.oopps_error .padding-top-0 {
    padding-top: 0px;
}

    .oopps_error .padding-top-0 .btn-primary {
        background: #006450;
        border-color: #006450;
        padding: 15px 30px;
    }

.error-404 .navbar-default {
    background: #ffffff;
}

.error-404 .padding-set {
    padding: 10px 10px;
    min-height: 485px;
}

.error-404 .error_page ul {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}

    .error-404 .error_page ul li {
        display: inline-block;
        margin-right: 2px;
    }

        .error-404 .error_page ul li h2 {
            font-size: 130px;
            margin: 0;
            color: #1f2630;
        }

        .error-404 .error_page ul li img {
            width: 96px;
            padding-top: 25px;
        }

.error-404 .error_page h3 {
    margin: 0;
    font-size: 20px;
    letter-spacing: 4px;
    color: #1f2630;
}

.error-404 .padding-top-bottom {
    padding: 60px 0 64px 0;
}

    .error-404 .padding-top-bottom p {
        color: #888c95;
    }

.error-404 .padding-top-0 {
    padding-top: 0px;
}

    .error-404 .padding-top-0 .btn-primary {
        background: #7cc245;
        border-color: #7cc245;
        padding: 15px 30px;
    }

/*===========Subsscrib Work part css start===========*/
@media only screen and (min-width:992px) and (max-width:1199px) {
    .form-control.select-style {
        width: auto;
    }

    .form-inline .table-search .form-control {
        width: 160px;
    }

    #empl_list_tabs li.active {
        border: 0 none;
    }

    .icon {
        width: 45px;
    }

    .right-add {
        padding-left: 20px;
    }

    .in-full .name {
        width: auto;
    }

    .own-pills li a {
        background-position: 30px center;
    }

    .tree ul li .btn-sm-custom {
        margin-right: 18px;
    }

    .tree li:last-child::before {
        left: -71px;
    }

    .tree ul li .btn-sm-custom {
        margin-right: 0;
    }

    .tree li {
        padding: 20px 10px 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .shrink-none-container {
        margin-top: 160px;
    }

    #empl_list_tabs li.active {
        border: 0 none;
    }

    .navbar.navbar-fixed-top .navbar-brand img {
        margin-top: -25px;
    }

    .title {
        font-size: 22px;
    }

    .navbar-default .nav li a {
        font-size: 12px;
    }

    .nav > li > a {
        padding: 10px 10px;
    }

    .navbar.navbar-fixed-top .navbar-brand img {
        width: 95px;
    }

    .form-control.select-style {
        width: auto;
    }

    .form-inline .table-search .form-control {
        width: 160px;
    }

    .panel-box {
        padding-left: 15px;
    }

    .cmn li {
        margin-right: 10px;
    }

    #trans_emp {
        margin-top: 5px;
    }

    .in-full .name {
        width: auto;
    }

    .navbar.navbar-fixed-top .navbar-brand .my-web-logo {
        margin-top: -35px;
    }

    .own-pills li a, .own-pills li.active a {
        background: none;
    }

    .tree ul li .btn-sm-custom {
        margin-right: 18px;
    }

    .tree li:last-child::before {
        left: -86px;
    }
}


@media only screen and (min-width:320px) and (max-width:767px) {
    .navbar.navbar-fixed-top .navbar-brand img {
        margin-top: -8px;
        transition: all 0.3s ease 0s;
        width: 70px;
    }

    .shrink-none-container {
        margin-top: 135px;
    }

    .foo-logo {
        margin-top: 30px;
    }

    .general-row-space {
        padding: 20px 5px;
    }

    .mobile-margine {
        margin-top: 20px;
    }

    .own-pills li a, .own-pills li.active a {
        background: none;
    }

    .cmn li.date {
        margin-bottom: 15px;
    }

    .notify img {
        margin: 0 auto;
    }

    .foo-right-nav {
        float: none;
        text-align: center;
    }

    .logo-seter .img-responsive {
        text-align: center;
        display: inline-block;
    }

    .social-share, .copyright p {
        text-align: center;
    }

    .foo-logo img {
        margin: 0 auto;
    }

    .top-liner .nav.navbar-nav.navbar-right li a {
        font-size: 13px;
    }

    .email-note {
        margin: 0 auto;
    }

    .insight.navbar-nav > li > a {
        line-height: 30px;
    }

    .logo-seter .img-responsive {
        width: 65px;
    }

    .foo-right-nav li a {
        font-size: 12px;
    }

    .top-liner .nav.navbar-right li {
        display: inline-block;
    }

    .top-liner .navbar-nav {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav a:hover {
        border-bottom: 0 none;
    }

        /*.navbar-nav li a:focus {
        border: 1px solid black;
    }*/

        .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            border-bottom: 0 none;
            color: black;
            text-decoration: underline;
        }

    .nav.navbar-nav.navbar-right.insight {
        float: none;
    }

    .table-responsive {
        overflow: auto;
    }

    .outer-title {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .table-search {
        float: none;
    }

    .form-control.select-style, .form-inline .table-search .form-control {
        width: 100%;
    }

    .filter-head {
        float: none;
        margin: 0 auto;
        width: 270px;
    }

    .own-content .panel-title {
        font-size: 14px;
    }

    .nav-justified > li > a {
        text-align: left;
    }

    .margin-mobile {
        margin-bottom: 10px;
    }

    .mobile-align, .button-align {
        text-align: center;
        margin-top: 15px;
    }
    .mobile-align-left, .button-align-left {
        text-align: left;
        margin-top: 15px;
    }
    .mobile-align-right, .button-align-right {
        text-align: right;
        margin-top: 15px;
    }
    .mobile-align-justify, .button-align-justify {
        justify-content: center; /* Horizontal center */
        align-items: center; /* Vertical center */
        text-align: justify;
        margin-top: 15px;
    }
    .alert-danger.notice-text {
        background-position: 20px 15px;
    }

    .add-field {
        text-align: center;
    }

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

    .breadcrumb-item h3 {
        font-size: 20px;
    }

    .col-sm-12.col-lg-12.col-md-12.button {
        text-align: center;
    }

    .title-text {
        margin-top: 15px;
    }

    .in-full .name {
        width: 100%;
    }

    .panel-box {
        padding: 0;
    }

    .attach-btn {
        text-align: center;
    }

    .in-full, .title-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-inline .form-control.large {
        width: 100%;
    }

    .lg.bold {
        margin-top: 15px;
    }

    .icon {
        width: 45px;
    }

    .right-add {
        padding-left: 20px;
    }

    .title {
        font-size: 20px;
    }

    .margin-mobile .checkbox label::before {
        top: 0;
    }

    .form-control.select-style.width-145 {
        margin-top: 10px;
        width: 100%;
        margin-right: auto;
    }

    .title-large {
        font-size: 22px;
    }

    .login-part {
        margin: 0 auto;
        width: 100%;
    }

    .navbar.navbar-fixed-top .navbar-brand .my-web-logo {
        margin: 0 auto;
        width: 55px;
    }

    .navbar {
        min-height: 120px;
    }

    .navbar-toggle {
        margin-right: 25px;
        margin-top: 35px;
    }

    .form-control.select-style.number {
        display: inline-block;
    }

    .mobile-justified li {
        text-align: center;
        width: 100%;
    }

    .btn.own-button {
        white-space: normal;
    }

    .tab-mobile li ul {
        margin-top: 20px;
    }

    .list-inline.tab-mobile > li ul li {
        margin-bottom: 13px;
    }

    .list-inline.tab-mobile {
        text-align: center;
    }
}

.tree {
    overflow: hidden;
}

.main-outer .right-add {
    padding-left: 0px !important;
}

.main-outer .cmn li {
    padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
    .cmn li.pdf {
        margin-right: 0px !important;
        margin-top: 8px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .shrink-none-container {
        margin-top: 170px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 300px) {

    .oopps_error .error_page h2 {
        font-size: 50px;
    }

    .oopps_error .margin-top-30 {
        margin-top: 0px;
    }

    .oopps_error .navbar {
        min-height: 100px !important;
    }

    .error-404 .margin-top-30 {
        margin-top: 0px;
    }

    .error-404 .navbar {
        min-height: 100px !important;
    }

    #empl_list_tabs li.active {
        border: 0 none;
    }
}

@media screen and (max-width: 330px) and (min-width: 300px) {
    .oopps_error .error_page h2 {
        font-size: 45px;
    }

    .error-404 .error_page ul li h2 {
        font-size: 110px;
    }

    .error-404 .error_page ul li img {
        width: 80px;
    }

    .error-404 .error_page h3 {
        font-size: 14px;
    }

    #empl_list_tabs li.active {
        border: 0 none;
    }
}

/*=========== Dashboard mobile layout (320-767px) ===========*/
@media only screen and (max-width: 767px) {
    /* Label/value pairs (Trade Name, Category, Status, Registration Number,
       Brokerage Name) stack as full-width rows instead of jumbled
       inline-blocks. */
    .DashboardSection .list-inline.nav-justified > li {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    /* Date items (Effective/Expiry, Policy Period, CE dates) get a line
       each so the date value doesn't wrap mid-date. */
    .DashboardSection .cmn li.date {
        display: block;
        margin-right: 0;
    }

    /* Receipt tables (Registration & Insurance): the 3-column rows don't
       fit a phone. Break each row into a stacked group - description /
       date range on its own line, receipt links flowing beneath. */
    .DashboardSection table.left {
        width: 100%;
    }

    .DashboardSection table.left tr {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #d6d5d5;
    }

    .DashboardSection table.left tr:last-child {
        border-bottom: none;
    }

    .DashboardSection table.left td {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 15px 3px 0 !important;
    }

    .DashboardSection table.left td:first-child {
        display: block;
        padding-right: 0 !important;
    }

    /* The receipt links carry an inline margin-left:35px tuned to align
       desktop columns; on mobile keep just enough room for the pdf icon. */
    .DashboardSection .spanPdfImage a {
        margin-left: 25px !important;
    }

    /* "View Certificate" button rows: stack the button above its caption
       instead of squeezing them side by side. */
    .DashboardSection .list_insurance ul li {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}