@font-face {
    font-family: 'StagBold';
    src: url('font_stag_web_bold_eot.eot');
    src: url('font_stag_web_bold_eot.eot?#iefix') format('embedded-opentype'),
    url('font_stag_web_bold_woff.woff') format('woff'),
    url('font_stag_web_bold_ttf.ttf') format('truetype'),
    url('font_stag_web_bold_svg.svg#StagBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stag';
    src: url('../fonts/Stag-Medium.otf');
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin-BETA.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ThinItalic-BETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight-BETA.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLightItalic-BETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light-BETA.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-LightItalic-BETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-UI-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: none;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

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

h1 {
    font-size: 30px;
    margin-bottom: 18px;
    font-weight: 400;
    line-height: 40px;
    font-family: StagBold, sans-serif;
    color: #009ae4
}

h2 {
    font-size: 14pt;
    font-color: #333;
    font-weight: 500;
    line-height: 36px;
    padding: 0 0 18px;
    margin-bottom: 18px;
    font-family: StagBold, sans-serif;
    color: #009ae4
}

h3 {
    font-size: 14pt;
    padding-bottom: 0px;
    font-weight: 600;
    font-family: StagBold, sans-serif;
    color: #009ae4
}

h4, .h4 {
    font-size: 14pt;
    padding-bottom: 0px;
    font-weight: 600;
    font-family: StagBold, sans-serif;
    color: #009ae4;
    margin-bottom: 5px;
    margin-top: 5px;
}

div.page-heading {
    background-color: #009ae4;
    padding: 0 18px;
    margin-bottom: 18px;
    /* box-shadow: inset 0 0 15px rgba(0,0,0,0.5); */
}

div.page-heading h1 {
    font-size: 14pt;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin: 0;
}

div.page-heading p {
    color: #009ae4;
    font-size: 15px;
    margin: 10px 0;
}

div.page-heading .auxilary-buttons {
    line-height: 36px;
}

div.page-heading-standard {
    padding-top: 0px;
    padding-right: 18px;
    padding-bottom: 0px;
    padding-left: 18px;
}

div.page-heading-standard h2 {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}

div.page-heading-standard div {
    line-height: 36px;
}

div.page-heading-policy {
    background-color: #009ae4;
    padding: 9px 18px;
    margin-bottom: 18px;
    /*
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    */
}

div.page-heading-policy h1 {
    font-size: 14pt;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 20px;
}

div.page-heading-policy .btn-group {
    vertical-align: 0;
}

div.page-heading-policy .btn-toolbar {
    margin: 0;
}

div.page-heading-policy .btn-toolbar a {
    text-decoration: none;
}

div.page-heading-policy .btn-toolbar a.btn {
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
}

a,a:link {
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
}

a,a:visited {
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
}

a.brand {
    background: none;
}

a.close:hover {
    background: none;
}

a.navbar-brand:hover {
    background: url("../ico/logo.png") no-repeat left;
    padding: 50px 85px 15px 360px;

}

i {
    padding-left: 5px;
}

i.icon-calendar {
    padding-left: 0;
}

i.icon-caret-right {
    text-decoration: none;
}

i.icon-info-sign {
    font-size: 18px;
    color: #009ae4;
}

i.icon-edit,i.icon-pencil,i.icon-ban-circle,icon-ok {
    width: 25px;
    display: inline-block;
}

i.icon-edit:hover,i.icon-pencil:hover,i.icon-ban-circle:hover,icon-ok:hover {
    font-weight: 700;
    font-size: 1.1em;
}

dt,dd {
    line-height: 25px;
}

dt a,dd a {
    font-weight: 400;
}

hr {
    margin: 18px 0;
}

.required:before {
    content: "* ";
}

li.required:before {
    content: "";
}

.datepicker {
    padding: 0;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.text-bigger {
    font-size: 1.1em;
}

.text-bigger-still {
    font-size: 1.2em;
}

.text-smaller {
    font-size: .9em;
}

.text-smaller-still {
    font-size: .8em;
}

.baseline-left {
    margin-left: 18px;
}

.baseline-bottom {
    margin-bottom: 18px;
}

.half-baseline-left {
    margin-left: 9px;
}

.padding-baseline {
    padding: 18px;
}

.white-background {
    background-color: #ffffff;
}

.light-background {
    background-color: #e4e4e4;
}

.lighter-background {
    background-color: #f7f7f7;
}

.muted {
    color: #a5a8b1;
}

.default-value {
    color: blue;
}

.currency {
    font-weight: 400;
    padding-left: 9px;
}

.center,td.center {
    text-align: center;
}

.border-box {
    border: 1px solid #efefef;
    padding: 18px;
    margin-bottom: 18px;
}

.border-box form {
    margin-bottom: 0;
}

.key-settings {
    background-color: #efefef;
}

.premium span {
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 9px;
}
.premium span .control-text {
    font-size: 13px;
}
.premium span #qbeInput_pendingReferral {
    font-size: 18px;
}
.premium span #qbeInput_pendingReferralPremium {
    font-size: 18px;
}
.premium sup {
    font-size: 13px;;
    font-weight: 400;
}

.premium-premise {
    background-color: #b7d6f1;
    padding: 9px;
}

.premium-premise .premium {
    padding: 0 9px 9px;
}

.inline {
    display: inline;
}

.dropdown-menu > li > a {
    color: #45474d;
    text-decoration: none;
    padding: 5px 5px;
    font-size: 13px;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    color: #009ae4;
    background-image: none;
    background-color: #b7d6f1;
}

.light-yellow,.light-green,.light-red {
    width: 20px;
    height: 20px;
    border: 1px solid #dedfe0;
    float: right;
}

.light-green {
    background-color: #84bd00;
}

.light-yellow {
    background-color: #ffa300;
}

.light-red {
    background-color: #ba0c2f;
}

.breadcrumb {
    background: none;
    border: none;
    padding: 0;
    margin: 18px 0;
}

.breadcrumb > .inactive {
    color: #009ae4;
}

.breadcrumb > .active {
    color: #00205b;
    font-weight: bold;
}

.breadcrumb > .divider {
    color: #009ae4;
}

.breadcrumb a {
    color: #45474d;
}

.alert {
    border-radius: 10 0 0 0;
    border-width: medium;
    padding: 18px;
}

.alert i {
    font-size: 1.3em;
    padding: 0 9px 0 0;
}

.alert h3 {
    margin: 0;
}

.alert .close {
    top: -9px;
}

.alert-danger {
    background-color: #F2DEDE;
    border-color: #B94A48;
    color: #B94A48;
}

.alert-danger h4 {
    font-size: 16px;
    font-weight: bold;
    color: #B94A48;
}

.alert-danger ul {
    white-space: normal;
}

.alert-warning {
    background-color: #FCF8E3;
    border-color: #C09853;
    color: #C09853;
}

.alert-warning h4 {
    font-size: 16px;
    font-weight: bold;
    color: #C09853;
}

.well {
    padding: 18px;
    width: auto;
}

.sub-navigation-content {
    padding: 18px;
    border: 1px solid #ddd;
    border-top: none;
    padding-bottom: 10px;
}

.sub-navigation-content.no-tabs {
    border-top: 1px solid #ddd;
}

.sub-navigation-content.no-padding {
    padding: 0;
}

header .banner-bar {
    padding: 15px 0 0;
}

header .header-right {
    max-width: 500px;
}

header div.search-form {
    background-color: #b7d6f1;
    padding-left: 10px;
}

header div.search-form div {
    text-align: right;
}

header div.search-form form {
    margin-bottom: 0;
}

header div.search-form form i {
    padding-left: 0;
}

header div.search-form form span {
    padding: 0 9px;
}

.search-form table > tbody > tr > td, .search-form div.input-append div.col-lg-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.search-form .btn {
    border-radius: 0px 7px 7px 0px;
}

header .header-links {
    font-size: 13px;;
    color: #808080;
    padding-bottom: 9px;
    padding-left: 18px;
}

header .header-links strong {
    color: #4d4d4d;
    padding: 0 6px 0 0;
}

header .header-links a {
    padding: 0 6px;
}

header .header-links a:last-child {
    padding-right: 0;
}

header .header-links a:hover {
    text-decoration: underline;
    background: none;
}

header .header-links .separator {
    display: inline-block;
    border-right: 1px solid #5b5e66;
    height: 9px;
}

footer {
    background-color: #009ae4;
    padding: 9px 18px;
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 13px;;
}

footer .footer-links a {
    padding: 0 6px;
    color: #FFFFFF;
    text-decoration: none;
}

footer .footer-links a:hover {
    text-decoration: underline;
    background: none;
}

footer .footer-links .separator {
    display: inline-block;
    border-right: 1px solid #FFFFFF;
    height: 9px;
}

.footer-bottom {
    background-color: #00205b;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 13px;
    padding:5px;
}

.footer-bottom .footer-links a {
    padding: 0 6px;
    color: #ffffff;
    text-decoration: none;
}

.footer-bottom .footer-links a:hover {
    text-decoration: underline;
    background: none;
}

.footer-bottom .footer-links .separator {
    display: inline-block;
    border-right: 1px solid #ffffff;
    height: 9px;
}

.top-unit .row{
    margin: 0px;
}

.top-unit .heading {
    background: transparent url("../ico/domore.png") no-repeat top left;
    margin-top: 36px;
    padding-top: 54px;
    padding-left: 0px;
}

.top-unit h1 {
    font-size: 58px;
    line-height: 70px;
    background: none;
    color: #0085c7;
    margin-bottom: 0;
    padding: 18px 0 0;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: -1px 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.accordion-group {
    border: 1px solid #efefef;
    margin-bottom: 2px;
}

.accordion .accordion-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-group .accordion-group, #underwritingCommonScreenForm div.sub-navigation-content, #attachmentSection div.sub-navigation-content,
#collapsePolicySummary div.sub-navigation-content {
    background-color:#efefef;
}

.accordion .accordion-group .accordion-heading {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#ffffff,#ffffff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ffffff));
    background-image: -webkit-linear-gradient(top,#ffffff,#ffffff);
    background-image: -o-linear-gradient(top,#ffffff,#ffffff);
    background-image: linear-gradient(to bottom,#ffffff,#ffffff);
    background-repeat: repeat-x;
    padding: 10px 0px 10px 10px;
    margin: 0px 1px;
}

.accordion .accordion-group a.accordion-toggle {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 15px;
}

.accordion .accordion-group div.accordion-toggle {
    background: none;
    text-decoration: none;
}

.btn {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

button.btn {
    background-color: #E8E8E8;
}

.btn i.icon-angle-left {
    padding-left: 0;
    padding-right: 5px;
}

a.btn {
    text-decoration: none;
    color: #45474d;
}

a.btn-primary, a.btn-warning {
    color: #ffffff;
}

.btn-large {
    padding: 6px 14px;
    font-size: 13px;;
}

.btn-primary, .btn-info {
    background-color: #004c99;
    background-image: -ms-linear-gradient(top,#003da5,#00205b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#003da5),to(3));
    background-image: -webkit-linear-gradient(top,#003da5,#00205b);
    background-image: -o-linear-gradient(top,#003da5,#00205b);
    background-image: -moz-linear-gradient(top,#003da5,#00205b);
    background-image: linear-gradient(top,#003da5,#00205b);
    border-color: #00205b #00205b #00205b;
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    background-color: #00205b;
}

.radio label.disabled {
    cursor: default;
}

.action-buttons {
    margin-right: 0;
    float: right;
}

.auxilary-buttons button {
    margin-left: 6px;
}

.modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;


}

.modal-backdrop {
    background-color: #fff;
}



.modal-header {
    padding: 9px 18px;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

.modal-header h3 {
    font-size: 17px;
    line-height: 36px;
}

.modal-clear-centered-header {
    color: #0A1F44;
    font-family: Stag, Sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 36px;
    text-align: center;
    padding-top: 30px;
}

.modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: right;
    background: none;
    border: none;
}

.modal-footer button.btn.btn-small {
    height: 44px;
}

.modal-body {
    padding: 10px 18px 18px;
    background: #fff;
}

.modal-body textarea {
    margin-bottom: 18px;
}

.nav.nav-tabs {
    margin-bottom: 0;
}

.nav.nav-tabs > li > a:hover,.nav.nav-tabs > li > a:focus {
    background-color: #b7d6f1;
}

.navbar-outer {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #00205b;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    /*
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    */
}

.navbar {
    margin-bottom: 0px;
}

.navbar-brand {
    background: url(../ico/logo.png) no-repeat left;
    padding: 50px 85px 15px 360px;
}

.navbar-outer a.nav-home {
    text-align: center;
}

.navbar-outer .btn-navbar {
    margin: 5px 0;
}

.navbar-outer .divider-vertical {
    height: 12px;
    margin: 16px 0;
    overflow: hidden;
    background-color: #f1f1f1;
    border-right: 1px solid #009ae4;
    float: left;
    border-left: 1px solid #F2F2F2;
}

.navbar-outer ul.nav {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.navbar-outer ul.nav > li {
    display: table-cell;
    text-align: center;
    line-height: 20px;
    float: none;
    width: 14%;
}

.navbar-outer ul.nav li.home-logo,.login .navbar-outer ul.nav li.home-logo {
    display: table-cell;
    width: 52px;
}

.navbar-outer .nav >li > a.single-line-height {
    line-height: 35px;
}

.navbar-outer .nav .active > a,.navbar-outer .nav .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #009ae4;
    /**
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    **/
}

.navbar-outer .nav > li > a {
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    padding: 5px 15px;
    text-decoration: none;
    line-height: 20px;
    margin-left: 1px;
}

.navbar-outer .nav,.navbar-outer .nav > li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.navbar-outer .nav li.dropdown.open > .dropdown-toggle,.navbar-outer .nav li.dropdown.active > .dropdown-toggle,.navbar-outer .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #009ae4;
}

.navbar-outer .dropdown-menu > li > a:hover,.navbar-outer .dropdown-menu > li > a:focus,.navbar-outer .dropdown-submenu:hover > a,.navbar-outer .dropdown-submenu:focus > a {
    background-image: none;
    filter: none;
}

.navbar-outer .nav > li > a:focus,.navbar-outer .nav > li > a:hover {
    color: #ffffff;
}

.navbar-outer ul.dropdown-menu {
    min-width: 160px;
}

.navbar-outer ul.dropdown-menu li > a {
    color: #45474d;
    text-decoration: none;
    padding: 5px 9px;
}

.navbar-outer ul.dropdown-menu li > a:hover {
    color: #009ae4;
    background-color: #b7d6f1;
}

.navbar-outer ul.dropdown-menu .divider {
    margin: 0 9px;
}

.navbar-outer ul.dropdown-menu > li {
    text-align: left;
}

.navbar-outer .navbar {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    filter: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: left;
}

.dropdown-menu {
    left: auto;
}

navbar-outer ul.dropdown-menu li {
    text-align: left;
}

.login .navbar-outer ul.nav > li {
    line-height: 32px;
}

.login .navbar-outer ul.nav > li > a {
    padding: 8px 10px 8px;
    line-height: 32px;
}

.login .navbar-outer ul.nav > li:hover, .navbar-outer ul.nav > li.dropdown:hover {
    color: #ffffff;
    background-color: #009ae4;
}

.login .navbar-outer ul.nav > li {
    display: table-cell;
    text-align: center;
    line-height: 16px;
    float: none;
    width: 25%;
}

.popover {
    background-color: #f1f1f1;
    color: #45474d;
}

.popover.top .arrow:after,border-top-color white-smoke,.popover.right {
    text-align: left;
}

.popover.right .arrow:after {
    border-right-color: #f1f1f1;
}

table {
    border-color: #dedfe0;
}

table td div.col-lg-2 {
    width: 100%;
}

table.table th.column-delete {
    width: 50px;
}

table.table td.column-delete {
    text-align: center;
}

table.table td i.icon-trash {
    padding-left: 0;
    text-decoration: none;
    color: #45474d;
    font-size: 1.2em;
}

table tfoot th,table tbody th {
    border-top: 1px solid #ddd;
}

.table-bordered {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
}

.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}

.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}


table.table.riskprembreakdown tfoot tr td, table.table.riskprembreakdown tbody tr td, table.table.riskprembreakdown thead tr td, table.table.riskprembreakdown tbody tr th, table.table.riskprembreakdown thead tr th {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

table.riskprembreakdown.scrollablePremium tfoot tr td, table.riskprembreakdown.scrollablePremium tbody tr td, table.riskprembreakdown.scrollablePremium thead tr td, table.riskprembreakdown.scrollablePremium tbody tr th, table.riskprembreakdown.scrollablePremium thead tr th {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

#cap-and-collar-details-table tbody tr td, #cap-and-collar-details-table thead tr td, #cap-and-collar-details-table tbody tr th, #cap-and-collar-details-table thead tr th {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

#transaction-documents-table tbody tr td, #transaction-documents-table thead tr td, #transaction-documents-table tbody tr th, #transaction-documents-table thead tr th {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

.table-striped tbody tr td, .table-striped thead tr td, .table-striped tbody tr th, .table-striped thead tr th {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

.table-striped tbody tr td.status-red,.table-striped thead tr td.status-red,.table-striped tbody tr th.status-red,.table-striped thead tr th.status-red {
    background-color: #f00;
    color: #ffffff;
}

.table-striped tbody tr td.status-teal,.table-striped thead tr td.status-teal,.table-striped tbody tr th.status-teal,.table-striped thead tr th.status-teal {
    background-color: #008080;
    color: #ffffff;
}

.table-striped tbody tr td.status-lime,.table-striped thead tr td.status-lime,.table-striped tbody tr th.status-lime,.table-striped thead tr th.status-lime {
    background-color: #0f0;
}

.table-striped tbody tr td.status-green,.table-striped thead tr td.status-green,.table-striped tbody tr th.status-green,.table-striped thead tr th.status-green {
    background-color: #008000;
    color: #ffffff;
}

.table-striped tbody tr td.status-blue,.table-striped thead tr td.status-blue,.table-striped tbody tr th.status-blue,.table-striped thead tr th.status-blue {
    background-color: #00f;
    color: #ffffff;
}

.table-striped tbody tr td.status-aliceblue,.table-striped thead tr td.status-aliceblue,.table-striped tbody tr th.status-aliceblue,.table-striped thead tr th.status-aliceblue {
    background-color: #b7d6f1;
}

.table-striped tbody tr td.status-skyblue,.table-striped thead tr td.status-skyblue,.table-striped tbody tr th.status-skyblue,.table-striped thead tr th.status-skyblue {
    background-color: #87ceeb;
}

.table-striped tbody tr td.status-allports,.table-striped thead tr td.status-allports,.table-striped tbody tr th.status-allports,.table-striped thead tr th.status-allports {
    background-color: #009ae4;
    color: #ffffff;
}

label,input,button,select,textarea {
    font-size: 13px;;
}

.quote-inputs .form-horizontal .form-group,
.tailor-cover .form-horizontal .form-group,
#quotePolicySearchForm .form-group {
    margin-left: 0px; margin-right: 0px
}

#EmailSection .controls {
    margin-left: 110px;
    margin-top: 5px;
}

#EmailSection .control-label {
    width: 100px;
}

.checkbox input[id="CoverSection"] {
    margin-left: 13%;
    margin-right: 5px;
}

#UWCoverSection label[class="checkbox"]:nth-child(9) {
    color: rgb(150, 42, 43);
    font-weight: bold;
}

#UWCoverSection label[class="checkbox"]:nth-child(-n+8) {
    color: rgb(255, 185, 35);
    font-weight: bold;
}

#UWCoverSection label[class="checkbox"]:nth-child(-n+5) {
    color: rgb(114, 187, 79);
    font-weight: bold;
}

#UWQuestionsSection .control-label {
    width: 80%;
    text-align: left;
}

#UWQuestionsSection .controls {
    margin-left: 85%;
}

#ClaimsQuestionsSection .control-label {
    width: 80%;
    text-align: left;
}

#ClaismQuestionsSection .controls {
    margin-left: 85%;
}

.emailAddress .form-control{
    width: 290px;
}

.modifyProfileAzureEmail2 .form-control{
    width: 290px;
}

.modifyProfileAzureEmail3 .form-control{
    width: 290px;
}

.modifyProfileAzureEmail4 .form-control{
    width: 290px;
}

.modifyProfileAzureEmail5 .form-control{
    width: 290px;
}

.phoneCountry .form-control{
    width: 100px;
}
.phoneNo .form-control{
    width: 160px;
}
.phoneCountry .control-label{
    width: 230px;
}

.input-xlarge {
    width: 300px;
}

.form-signin {
    max-width: 280px;
}

.form-control, .input-group-addon {
    border-radius: 2px;
    padding: 2px 6px;
    height: 28px;
    font-size: 13px;;
}

.controls ul {
    margin-top: 9px;
}

.help-inline {
    padding-left: 9px;
    display: inline-block;
    vertical-align: middle;
    color: #45474d;
}

.help-block {
    color: #45474d;
}

.input-xsmall {
    width: 75px;
}

ul.parsley-error-list li {
    color: #f00;
}

.error {
    color: #f00;
    padding: 9px 0;
}

.progressbar {
    margin: 27px 0 9px;
}

.progressbar span {
    font-weight: 600;
    padding-right: 18px;
    text-transform: uppercase;
    line-height: 18px;
    margin-top: -4px;
    float: right;
}

.progressbar .progress-outer {
    position: relative;
    width: 518px;
}

.progressbar .progress-outer .progress .bar.step-one,.progressbar .progress-outer .bar.step-one {
    width: 10%;
}

.progressbar .progress-outer .progress .bar.step-two,.progressbar .progress-outer .bar.step-two {
    width: 30%;
}

.progressbar .progress-outer .progress .bar.step-three,.progressbar .progress-outer .bar.step-three {
    width: 50%;
}

.progressbar .progress-outer .progress .bar.step-four,.progressbar .progress-outer .bar.step-four {
    width: 70%;
}

.progressbar .progress-outer .progress .bar.step-five,.progressbar .progress-outer .bar.step-five {
    width: 100%;
}

.progressbar .progress-outer .progress-buttons {
    position: absolute;
    left: 0;
    top: -10px;
}

.progressbar .progress-outer .progress-buttons .btn {
    text-transform: capitalize;
    margin-left: 9px;
    cursor: default;
}

.progressbar .progress-outer .progress-buttons .btn:first-child {
    margin-left: 18px;
}

.progressbar .progress-outer .progress-buttons .btn:hover {
    transition: none;
    background-position: 0;
}

.home .row-fluid {
    background-color: #e5f3f9;
}

.home .top-unit {
    background-color: #f1f1f1;
}

.home #customise a {
    color: #45474d;
}

.home #customise .alert {
    background-color: #faf4da;
    border: 1px solid #ead680;
    color: #45474d;
    font-weight: 700;
    margin-bottom: 0;
}

.home #customise .alert-block {
    margin-right: 18px;
}

.home #customise ul.dropdown-menu {
    /** min-width: 160px; **/
}

.home #customise ul.dropdown-menu a {
    color: #45474d;
    text-decoration: none;
    padding: 5px 9px;
}

.home #customise ul.dropdown-menu a:hover {
    color: #009ae4;
    background-color: #b7d6f1;
}

.home #customise ul.dropdown-menu .divider {
    margin: 0 9px;
}

.home #customise .icon-cog {
    font-size: 20px;
    margin-top: 5px;
}

.home #customise .row {
    margin: 18px 0;
}

.home #panels .row {
    margin-bottom: 18px;
}

.home .panel {
    box-shadow: none;
    /**
    -webkit-box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
    **/
    margin-bottom: 36px;
}

.home .panel h2 {
    margin: 9px 18px;
    border-bottom: solid 1px #dedfe0;
    padding: 9px 0 18px;
}

.home .panel h2 a {
    text-decoration: none;
}

.home .panel h2.announcements {
    border: none;
    padding-bottom: 9px;
}

.home .panel h3 {
    border-top: solid 1px #dedfe0;
    padding-top: 9px;
}

.home .panel .well {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 18px 18px;
    margin-bottom: 0;
}

.home .panel ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}

.home .panel ul li {
    border-bottom: 1px solid #dedfe0;
    padding: 9px 0;
}

.home .panel ul li:hover {
    background-color: #e5f3f9;
}

.home .panel .glyphicon-warning-sign {
    color: #d50000;
}

.home .panel .glyphicon-circle-arrow-up {
    color: #099300;
}

.glyphicon {
    color: #009ae4;
}

.glyphicon-hand-up {
    color: #BBAA00;
}

.glyphicon-thumbs-up {
    color: #00d500;
}

.glyphicon-thumbs-down {
    color: #d50000;
}

.home .panel .icon-chevron-right {
    margin-top: 3px;
}

.login h2 {
    margin: 18px 0 0;
}

.login a.btn {
    margin-bottom: 0;
}

.login .mid-unit {
    padding-top: 9px;
    background: #f1f1f1 url("../ico/pattern.png") repeat top left;
    padding-bottom: 36px;
}

.login .mid-unit .mobile-image {
    text-align: center;
    padding-top: 36px;
}

.login .promos {
    margin-top: 9px;
}

.login img + p {
    padding-top: 18px;
}

.login header .banner-bar span {
    margin-top: 20px;
}

.login footer {
    background: ;
    color: #FFFFFF;
    padding: 18px 0;
    margin: 18px 0px 0px 0px;
    font-size: 13px;;
}

.login footer h4 {
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 9px;
    font-size: 13px;;
}

.login footer a.footer-link {
    text-decoration: underline;
    color: #009ae4;
}

.login footer a {
    color: #FFFFFF;
    text-decoration: none;
}

.login footer a:hover {
    text-decoration: underline;
    background: none;
}

.trafficlight {
    background-color: #e5f3f9;
    padding: 9px 0;
    margin: 0 0 18px;
    border: 1px solid #dedfe0;
}

.trafficlight .light-yellow,.trafficlight .light-green,.trafficlight .light-red {
    width: 20px;
    height: 20px;
    border: 1px solid #dedfe0;
    float: right;
}

.trafficlight .light-green {
    background-color: #72bb4f;
}

.trafficlight .light-yellow {
    background-color: #ffb923;
}

.trafficlight .light-red {
    background-color: #962a2b;
}

.trafficlight .legend {
    border: 1px solid #dedfe0;
    background-color: #fff;
    padding: 9px;
    margin-right: 18px;
}

.trafficlight .legend p {
    font-weight: 700;
}

.trafficlight .legend span {
    display: block;
    padding: 2px 5px;
    margin: 5px 0;
    border: 1px solid #dedfe0;
}

.trafficlight .legend .legend-green {
    background-color: #72bb4f;
    color: #ffffff;
}

.trafficlight .legend .legend-yellow {
    background-color: #ffb923;
    color: #45474d;
}

.trafficlight .legend .legend-red {
    background-color: #962a2b;
    color: #ffffff;
}

.trafficlight .controls label {
    display: block;
    margin: 0 9px;
    border-top: 1px solid #c1d7e1;
    padding: 9px;
    text-decoration: underline;
    color: #0085c7;
}

.trafficlight .controls label.muted {
    color: #a5a8b1;
}

.trafficlight .form-inline {
    padding-bottom: 18px;
}

.quote-options .trafficlight {
    background: none;
    border: none;
    padding: 0;
}

.quote-options .trafficlight table {
    border-top: 1px solid #dedfe0;
    border-bottom: 1px solid #dedfe0;
}

.quote-options .trafficlight label {
    margin: 0 0 0 18px;
    padding: 0;
    border: none;
}

.quote-options .trafficlight .light-yellow,.quote-options .trafficlight .light-green,.quote-options .trafficlight .light-red {
    float: none;
    display: inline-block;
}

.quote-options .panel {
    border: 1px solid #dedfe0;
    -webkit-box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}

.quote-options .panel div.auxilary-buttons {
    float: none;
}

.quote-options .panel div.auxilary-buttons div {
    text-align: right;
}

.quote-options .panel div.auxilary-buttons div button {
    margin-bottom: 18px;
}

.quote-options .panel h2 {
    margin: 9px 18px 0;
    padding: 9px 0 18px;
}

.quote-options .panel h2 a {
    text-decoration: none;
}

.quote-options .panel h2.announcements {
    border: none;
    padding-bottom: 9px;
}

.quote-options .panel h3 {
    border-top: solid 1px #dedfe0;
    padding-top: 9px;
}

.quote-options .panel .well {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 18px 18px;
    margin-bottom: 0;
}

.quote-options .panel ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}

.quote-options .panel ul li {
    border-bottom: 1px solid #dedfe0;
    padding: 9px 0;
}

.quote-options .panel ul li:hover {
    background-color: #7bafd4;;
}

.risk-details-emp {
    background-color: #b7d6f1;
    border: 1px solid #dedfe0;
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 10px;
}

.risk-details-emp h2 {
    margin: 0;
    padding-bottom: 18px;
}

.risk-details-emp select {
    margin-right: 9px;
}

.risk-details-emp .span4 {
    text-align: left;
    font-size: 13px;;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details-emp .span2 {
    text-align: left;
    font-size: 13px;;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details-emp .span1 {
    text-align: left;
    font-size: 13px;;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details-emp .span8 {
    text-align: left;
    font-size: 13px;;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details-emp .span9 {
    text-align: left;
    font-size: 13px;;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details-emp .span10 {
    text-align: left;
    font-size: 13px;;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.risk-details {
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
    margin-top: 0;
}

.risk-details h2 {
    margin: 0;
    padding-bottom: 18px;
}

.risk-details select {
    margin-right: 9px;
}

.risk-details .span4 {
    text-align: left;
    font-size: 13px;;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.risk-details .span8 {
    text-align: left;
    font-size: 13px;;
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.attachment-details .span4 {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.attachment-details .span8 {
    text-align: left;
    font-size: 14px;
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.risk-premium {
    background-color: #b7d6f1;
    border-left: 1px solid #dedfe0;
    text-align: center;
    padding-top: 18px;
}

.tailor-cover #show-hide-excesses,.tailor-cover #show-hide-commissions,.tailor-cover #show-hide-property {
    width: 130px;
}

.tailor-cover .risk-details {
    background-color: #e5f3f9;
    border: 1px solid #dedfe0;
    border-bottom: none;
    margin-bottom: 0;
}

.tailor-cover .risk-details h2 {
    margin: 0;
    padding-bottom: 18px;
}

.tailor-cover .risk-details select {
    margin-right: 9px;
}

.tailor-cover .risk-details .span4 {
    text-align: right;
}

.tailor-cover .risk-row {
    padding: 18px;
}

.tailor-cover .risk-premium {
    background-color: #b7d6f1;
    border-left: 1px solid #dedfe0;
    text-align: center;
}

.tailor-cover .risk-excesses {
    background-color: #f8f0fb;
    padding: 18px;
}

.tailor-cover .risk-excesses select {
    margin: 0 9px 0 36px;
}

.tailor-cover #risk-heading a.btn {
    margin: 0 0 0 9px;
}

.tailor-cover #risk-accordion .accordion-heading.double-height .category-premium a {
    line-height: 40px;
}

.tailor-cover #risk-accordion .accordion-heading.double-height .category-heading span {
    display: block;
}

.tailor-cover #risk-accordion .accordion-heading .accordion-toggle {
    display: inline-block;
    line-height: 20px;
}

.tailor-cover #risk-accordion .accordion-heading .category-heading {
    float: left;
}

.tailor-cover #risk-accordion .accordion-heading .category-heading a {
    padding: 8px 7px;
}

.tailor-cover #risk-accordion .accordion-heading .category-heading span {
    font-weight: 300;
    font-size: .8em;
    display: inline-block;
}
.tailor-cover #risk-accordion .accordion-heading .category-heading .control-text {
    font-weight: bold !important;
    font-size: 13px !important;
}
.tailor-cover #risk-accordion .accordion-heading .category-premium {
    font-size: 13px;;
    font-weight: 400;
    float: right;
}

.tailor-cover #risk-accordion .accordion-heading .category-premium div {
    display: inline-block;
    margin-left: 18px;
}

.tailor-cover #risk-accordion .accordion-heading .category-premium input[type="text"] {
    margin: 0 0 0 9px;
    padding: 0;
    font-size: 13px;;
}

.tailor-cover #risk-accordion .accordion-heading .category-premium .light-green,.tailor-cover #risk-accordion .accordion-heading .category-premium .light-red,.tailor-cover #risk-accordion .accordion-heading .category-premium .light-yellow {
    margin: 0 0 -7px 5px;
    display: inline-block;
    float: none;
}

.tailor-cover #risk-accordion .accordion-heading .category-premium a {
    font-size: 17px;
    padding: 9px 18px;
}

.tailor-cover #risk-accordion .accordion-heading input[type="checkbox"].risk-categories {
    float: left;
    margin: 12px 18px;
}

.tailor-cover #risk-accordion .accordion-heading .light-text {
    font-size: 13px;;
}

.tailor-cover #risk-accordion .accordion-inner {
    padding: 9px 18px;
}

.tailor-cover #risk-accordion .accordion-inner .padding-box {
    padding: 9px 0;
}

.tailor-cover #risk-accordion .accordion-inner .border-box {
    padding: 9px 36px;
}

.tailor-cover #risk-accordion .accordion-inner .border-box .row-fluid [class*="span"] {
    min-height: 0;
}

.tailor-cover #risk-accordion .accordion-inner form p {
    font-weight: 600;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-padding, .quote-options .accordion-padding {
    padding: 18px 0px 18px 0px;
}

.tailor-cover #risk-accordion .accordion-inner .supplimentary a {
    margin-right: 36px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-excess .form-horizontal {
    float: right;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-excess .form-horizontal .control-label {
    width: 130px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-excess .form-horizontal .controls {
    margin-left: 140px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-summary {
    text-align: right;
    margin-right: 36px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-summary span {
    margin-left: 36px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-summary span sup span.HKD{
    margin-left: 0px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-summary span sup span.HKD span#qbeInput_HKD.control-text{
    margin-left: 0px;
}

.tailor-cover #risk-accordion .accordion-inner .accordion-summary strong {
    margin-left: 11px;
}

.tailor-cover #risk-accordion .accordion-inner .table.items-table tfoot td {
    border-left: none;
}

.tailor-cover #risk-accordion .accordion-inner .table.items-table tfoot td:first-child {
    border-left: 1px solid #ddd;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown {
    width: 100%;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown th {
    white-space: nowrap;
    width: 18%;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown td {
    line-height: 27px;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown select {
    margin: 0 0 2px 0;
    line-height: 27px;
    height: 27px;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown tbody,.tailor-cover #risk-accordion .accordion-inner .table.breakdown tfoot {
    border: 1px solid #dedfe0;
}

.tailor-cover #risk-accordion .accordion-inner .table.breakdown tfoot td {
    background-color: #b7d6f1;
    font-weight: 600;
}

.RiskHeadingSection table td, .RiskHeadingSection table td[class*="span12"] {
    padding: 2px 5px 2px 10px;
}

.RiskHeadingSection .accordion-heading .accordion-toggle {
    padding-bottom: 0px;
    padding-top: 5px;
}

.RiskHeadingSection div {
    width: 100%;
}

.accordion-group .RiskHeadingSection .accordion-heading {
    background-color: #b7d6f1;
    background-image: none;
}

.accordion-group .RiskHeadingSection table.accordion-heading.clearfix.active tr:hover {
    background-color: #7bafd4;
    cursor: pointer;
}

.accordion-heading .category-heading .heading-label {
    font-weight: bold;
}

#ebizTable .table {
    margin-bottom: 0px;
}

#ebizTable table {
    background-color: rgb(229,243,249);
}

#ebizTable table thead {
    background-color: #c2ccd1;
}

#policySearch table td {
    padding-top: 10px;
}

#policySearch table {
    background-color: transparent;
}

#policySearch table thead {
    background-color: #bdcae7;
}

#EPRaccordionbody h3 {
    margin-top: 0px;
    font-size: 22px;
}

#EMBaccordionbody h3 {
    margin-top: 0px;
    font-size: 22px;
}

#clauses .table .controls {
    margin-left: 10px;
}

#clauses .table .control-label {
    width: 10px;
}

table#clausesTable tbody > tr > td {
    line-height: 1.42857;
}

table#clausesTable tbody > tr > td {
    padding-top: 7px;
}

table#clausesTable tbody > tr > td:first-child {
    white-space: nowrap;
    padding-right: 10px;
}

table#additionalClausesTable {
    overflow-y: scroll;
    height: 300px;
    display: block;
}

table#additionalClausesTable tbody > tr > td {
    line-height: 1.42857;
}

table#additionalClausesTable tbody > tr > td:first-child + td, table#additionalClausesTable tbody > tr > td:first-child + td + td {
    padding-top: 7px;
}

table#additionalClausesTable tbody > tr > td:first-child {
    white-space: nowrap;
    padding-right: 10px;
}

table#clauseWordingTable tbody > tr > td {
    line-height: 1.42857;
}

table#clauseWordingTable tbody > tr > td:first-child + td, table#clauseWordingTable tbody > tr > td:first-child + td {
    padding-top: 7px;
}

table#clauseWordingTable tbody > tr > td:first-child {
    white-space: normal;
    padding-right: 10px;
}

table#policyClauseWordingTable tbody > tr > td {
    line-height: 1.42857;
}

table#policyClauseWordingTable tbody > tr > td:first-child + td, table#policyClauseWordingTable tbody > tr > td:first-child + td {
    padding-top: 7px;
}

table#picyClauseWordingTable tbody > tr > td:first-child {
    white-space: nowrap;
    padding-right: 10px;
}

.wide-modal {
    width: 60%;
    word-wrap: break-word;
}

.medium-modal {
    width: 630px;
    word-wrap: break-word;
}

table#policyClausesTable tbody > tr > td {
    line-height: 1.42857;
}

table#policyClausesTable tbody > tr > td {
    padding-top: 7px;
}

table#policyClausesTable tbody > tr > td:first-child {
    white-space: nowrap;
    padding-right: 10px;
}

table#additionalPolicyClausesTable tbody > tr > td {
    line-height: 1.42857;
}

table#additionalPolicyClausesTable tbody > tr > td:first-child + td, table#additionalPolicyClausesTable tbody > tr > td:first-child + td + td {
    padding-top: 7px;
}

table#additionalPolicyClausesTable tbody > tr > td:first-child {
    white-space: nowrap;
    padding-right: 10px;
}

#clauseWording {
    z-index:1070 !important;
}

#policyClauseWording {
    z-index:1070 !important;
}

#CustomerSearchModal {
    z-index:1070 !important;
}

#vehicleSearchModal {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-ALERT {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-CONFIRM {
    z-index:1070 !important;
}

#interestedParty .controls {
    margin-left: 250px;
}

#interestedParty .control-label {
    width: 230px;
}

#travelInsuredSearchModal .controls {
    margin-left: 250px;
}

#travelInsuredSearchModal .control-label {
    width: 250px;
}

#travelClientPaymentModal .controls {
    margin-left: 200px;
}

#travelClientPaymentModal .control-label {
    width: 200px;
}

#travelAgentPaymentModal .controls {
    margin-left: 200px;
}

#travelAgentPaymentModal .control-label {
    width: 200px;
}

#travelWalkInPaymentModal .controls {
    margin-left: 200px;
}

#travelWalkInPaymentModal .control-label {
    width: 200px;
}
#GeneralPageFormDiv .col-lg-4 {
    width: 100%;
    text-align: left;
}

#floatingSumInsured table td {
    padding-bottom: 0px;
}

#floatingSumInsured table .controls {
    margin-left: 15px;
}

#collapseMachinery .accordion-inner ,#collapseElectronic .accordion-inner ,#collapseAdditionalLocation .accordion-inner ,#employeeOccupation .accordion-inner ,#collapseFloating .accordion-inner, #collapseEmployee .accordion-inner, #collapseCategorySection .accordion-inner, #collapsePersonSection .accordion-inner {
    border-top: none;
}

#sumInsuredTable table td {
    padding-bottom: 0px;
}

#sumInsuredTable table .controls {
    margin-left: 15px;
}

#collapseProperty .accordion-inner {
    padding: 9px 18px;
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

#collapseProperty .accordion-inner .padding-box {
    padding: 9px 0;
}

#collapseProperty .accordion-inner .border-box {
    padding: 9px 36px;
}

#collapseProperty .accordion-inner .border-box .row-fluid [class*="span"] {
    min-height: 0;
}

#collapseProperty .accordion-inner .table.breakdown {
    width: 100%;
    border: 0;
    margin-bottom: 0px;
}

#collapseProperty .accordion-inner .table.breakdown th {
    white-space: nowrap;
    width: 18%;
    vertical-align: text-top;
    background-color: #f1f1f1;
}

#collapseProperty .accordion-inner .table.breakdown td {
    line-height: 27px;
    width: 18%;
}

#collapseProperty .accordion-inner .table.breakdown select {
    margin: 0 0 2px 0;
    line-height: 27px;
    height: 27px;
}

#collapseProperty .accordion-inner .table.breakdown,#collapseProperty .accordion-inner .table.breakdown tfoot {
    border: 1px solid #dedfe0;
}

#collapseProperty .accordion-inner .table.breakdown tbody td {
    padding: 0;
    border: 0;
    line-height: 27px;
    width: 18%;
}

#collapseProperty .accordion-inner .table.breakdown tfoot td {
    background-color: #f1f1f1;
    font-weight: 600;
}

#collapseProperty .accordion-inner .table.breakdown-header {
    border: 0px;
}

#collapseProperty .accordion-inner .table.breakdown-header th {
    white-space: nowrap;
    width: 18%;
    vertical-align: text-top;
    font-size: 14px;
}

#Correspondence textarea {
    height: 100px;
}

.accordion-inner {
    padding: 9px 18px;
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.table tbody > tr > th, .table tbody > tr > td {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 25px;
    border-top: 0;
}

.table.riskprembreakdown {
    border: 1;
    margin-bottom: 0px !important;
    table-layout:fixed;
    max-width: none;
    width: 100%;
    min-width: 100%;
}

table.table.riskprembreakdown th.column-status {
    width: 7%;
}

table.table.riskprembreakdown td.column-prem {
    width: 11%;
}

table.table.riskprembreakdown th.column-label div.riskreferred {
    color: #962a2b;
    font-size: 14px;
    margin-left: 18px;
}

table.table.riskprembreakdown th.column-prem div.riskreferred {
    color: #962a2b;
    font-size: 14px;
    margin-left: 18px;
}

table.table.riskprembreakdown th.column-label div.risknew {
    color: #72bb4f;
    font-size: 14px;
    margin-left: 18px;
}

table.table.riskprembreakdown th.column-prem div.risknew {
    color: #72bb4f;
    font-size: 14px;
    margin-left: 18px;
}

table.table.riskprembreakdown th, table.table.riskprembreakdown td {
    white-space: nowrap;
}

table.table.riskprembreakdown th {
    vertical-align: top;
}

table.table.riskprembreakdown th.column-label {
    width: 22%;
    background-color: #b7d6f1;
    border-top: 0;
    border-bottom: 0;
}

table.table.riskprembreakdown th.column-prem {
    width: 11%;
    background-color: #b7d6f1;
    border-top: 0;
    border-bottom: 0;
}

#renewalComparison table.table.riskprembreakdown {
    border-top: 0;
    border-bottom: 0;
}

#renewalComparison table.table.riskprembreakdown th.column-label {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
}

#renewalComparison table.table.riskprembreakdown th.column-prem {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
}

#renewalComparison table.table.riskprembreakdown td.column-label {
    border-top: 0;
    border-bottom: 0;
    white-space: normal;
}

#renewalComparison table.table.riskprembreakdown td.column-prem {
    border-top: 0;
    border-bottom: 0;
    white-space: normal;
}

table.table.riskprembreakdown th.column-status {
    width: 10%;
    background-color: #b7d6f1;
    border-top: 0;
    border-bottom: 0;
}

table.table.riskprembreakdown td.column-label {
    width: 22%;
    border-top: 0;
    border-bottom: 0;
}

table.table-striped.riskprembreakdown td.column-prem {
    width: 10%;
    border-top: 0;
    border-bottom: 0;
}

table.table.riskprembreakdown div[id*='RiskPremToggle']:hover {
    cursor: pointer;
}

#docsTable .table-striped tbody > tr > td {
    border-top: 2px solid #315ca4;
    border-bottom: 2px solid #315ca4;
}

#docsTable .table-striped tbody > tr:nth-child(odd) > td {
    background-color: #efefef;
}

#docsTable .accordion-toggle {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.homePanel a {
    color: #45474D;
    display: block;
}

.homePanel a:link {
    text-decoration: none;
    color: #45474D;
}

.homePanel a:hover {
    color: #009ae4;
    background: none;
}

.homePanel li:hover {
    color: #009ae4;
}

ul, ol {
    padding: 0px;
}

.policy .page-heading-policy a.btn {
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
}

.policy .light-yellow,.policy .light-green,.policy .light-red {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
    height: 17px;
    width: 36px;
}

.policy a.accordion-toggle:hover {
    background: none;
    cursor: auto;
}

.policy div.page-heading-policy {
    background-color: #009ae4;
    padding: 9px 18px;
    margin-bottom: 18px;
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
}

.policy div.page-heading-policy h1 {
    font-size: 17px;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 20px;
}

.policy div.page-heading-policy .btn-group {
    vertical-align: 0;
}

.policy div.page-heading-policy .btn-toolbar {
    margin: 0;
}

.policy div.page-heading-policy .btn-toolbar a {
    text-decoration: none;
}

.policy div.page-heading-policy .btn-toolbar a.btn {
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
}

.premium-transactions td.expander {
    width: 30px;
    cursor: pointer;
}

.premium-transactions .child {
    display: none;
}

.premium-transactions i {
    padding-left: 0;
    padding-right: 5px;
}

.premium-transactions i.icon-file-alt {
    font-size: 1.2em;
}

.quote-review .padding-baseline {
    padding-bottom: 0;
}

.quote-review hr.first-section-hr {
    margin: 0 18px 18px;
}

.quote-review hr {
    margin: 9px 0;
}

.quote-review h3 span {
    font-size: 13px;;
}

.quote-review .dl-horizontal dt {
    float: left;
    width: 260px;
}

.quote-review .dl-horizontal dd {
    margin-left: 280px;
}

span.ghost-text {
    font-style: italic;
    color: #888888;
}

span.bold-ghost-text {
    text-decoration: underline;
    font-weight: bold;
    padding: 15px;
}

span.bold-italic-text {
    font-style: italic;
    font-weight: bold;
}

span.epicPopover {
    text-decoration: underline;
    cursor: pointer;
}

ul.epicPopoverContent {
    white-space: normal;
    margin-left: 20px;
}

div.epicImage {
    background-position: left;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 20px;
    margin-left: 10px;
}

#collapsePolicySummary dl{
    margin-bottom: 10px;
}

.payment-confirmation .row-fluid [class*="span4"] {
    margin-left: 0;
}

.payment-confirmation h2 {
    line-height: 46px;
}

.payment-confirmation h2 i {
    font-size: 40px;
    color: #008000;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 20px;
}

.twitter-typeahead .tt-query,.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.tt-dropdown-menu {
    min-width: 280px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /**
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    **/
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 10px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
}

.tt-suggestion.tt-is-under-cursor a {
    color: #ffffff;
}

.tt-suggestion p {
    margin: 0;
}

.typeahead {
    margin-top: 0;
}

.progressbar {
    margin: 27px 0 9px;
}

.progressbar span {
    font-weight: 600;
    padding-right: 18px;
    text-transform: uppercase;
    line-height: 18px;
    margin-top: -4px;
    float: right;
}

.progressbar .btn-progress {
    background-color: #c2e5f5 !important;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#f6fbfd),to(#c1e5f4));
    background-image: -moz-linear-gradient(top,#f6fbfd,#c1e5f4);
    background-image: -ms-linear-gradient(top,#f6fbfd,#c1e5f4);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6fbfd),color-stop(100%,#c1e5f4));
    background-image: -webkit-linear-gradient(top,#f6fbfd,#c1e5f4);
    background-image: -o-linear-gradient(top,#f6fbfd,#c1e5f4);
    background-image: linear-gradient(#f6fbfd,#c1e5f4);
    border-color: #c1e5f4 #c1e5f4 #b5e0f2;
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.19);
    -webkit-font-smoothing: antialiased;
}

.progressbar .progress-outer {
    position: relative;
    width: 518px;
}

.progressbar .progress-outer .progress {
    height: 10px;
}

.progressbar .progress-outer .bar.step-one {
    width: 10%;
}

.progressbar .progress-outer .bar.step-two {
    width: 30%;
}

.progressbar .progress-outer .bar.step-three {
    width: 50%;
}

.progressbar .progress-outer .bar.step-four {
    width: 70%;
}

.progressbar .progress-outer .bar.step-five {
    width: 100%;
}

.progressbar .progress-outer .progress-buttons {
    position: absolute;
    left: 0;
    top: -10px;
}

.progressbar .progress-outer .progress-buttons .btn {
    text-transform: capitalize;
    margin-left: 9px;
    cursor: default;
}

.progressbar .progress-outer .progress-buttons .btn:first-child {
    margin-left: 18px;
}

.progressbar .progress-outer .progress-buttons .btn:hover {
    transition: none;
    background-position: 0;
}

.non-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.non-close:hover,.non-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}


#sumInsuredTable table > tbody > tr > td:first-child, #floatingSumInsured table > tbody > tr > td:first-child {
    padding-right: 0px;
}

#sumInsuredTable table > tbody > tr:first-child > td:nth-child(2), #floatingSumInsured table > tbody > tr:first-child > td:nth-child(2) {
    padding-left: 5px;
}

.outer-navbar {
    background-color: #00205b;
    background-image: none;
    border-radius: 0 0 0 0;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;*/
    /** padding-left: 20px;
    padding-right: 20px; **/

}

.outer-navbar .navbar{
    min-height: 30px;
}
.outer-navbar .navbar-inverse {
    background-color: transparent
}

.outer-navbar .nav .active > a, .outer-navbar .nav .active > a:hover {
    background-color: #009ae4;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset; */
    color: #FFFFFF;
    text-decoration: none;
}

.outer-navbar .nav > li > a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-left: 1px;
    background-color: transparent;
}

.outer-navbar .nav > li > a:hover, .outer-navbar .nav .dropdown > a:hover, .outer-navbar .nav > li > a:focus {
    background-color: #009ae4;
}

.outer-navbar .divider-vertical {
    height: 40px;
    overflow: hidden;
    background-color: #f1f1f1;
    border-right: 1px solid  #00205b;
    float: left;
    border-left: 1px solid #F2F2F2;
}

.outer-navbar .navbar-inverse, .outer-navbar .navbar-inverse .navbar-collapse{
    border-bottom-color: transparent;
}

.outer-navbar .nav > li.home-logo, .login .outer-navbar .nav > li.home-logo {
    width: 52px;
}

.outer-navbar .nav .dropdown > a, .outer-navbar .nav active > a, .outer-navbar .nav .home-logo > a {
    line-height: 15px;
    padding: 5px 5px;
}

.outer-navbar .nav .dropdown > a.single-line-height, .outer-navbar .nav .home-logo > a.single-line-height {
    padding: 10px 5px 10px 5px;
}

.outer-navbar .nav >li > a.single-line-height {
    line-height: 20px;
}

.outer-navbar .navbar-collapse.collapse .nav {
    height: 40px;
}

.outer-navbar .nav li.dropdown.open > .dropdown-toggle,.outer-navbar .nav li.dropdown.active > .dropdown-toggle,.outer-navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #009ae4;
}

ul{
    white-space: nowrap;
}

ul ul {
    white-space: normal;
}

#floatingSumInsured table > tbody > tr > td ul.validationError {
    white-space: normal;
}

.outer-navbar button.navbar-toggle {
    background-color: transparent;
    border: none;
    transition: none;
}

.outer-navbar button.navbar-toggle:active, .outer-navbar button.navbar-toggle:focus, .outer-navbar button.navbar-toggle:hover{
    transition: none;
    background-color: #009ae4;
}

.navbar .icon-bar{
    height: 3px;
}

#CustomerSearchModal .form-group {
    width:100%;
    margin-bottom:5px;
}

#vehicleSearchModal .form-group {
    width:100%;
    margin-bottom:5px;
}

#ChangePasswordModal .body{
    line-height:15px;
}

#password-clear{
    color:#666;
}

#oldPassword-clear{
    color:#666;
}

#newPassword_1-clear{
    color:#666;
}

#newPassword_2-clear{
    color:#666;
}

#userId{
    color:#666;
}

/* ----- Folded corner ------------- */


.note {
    position:relative;
    padding:1em 1.5em;
    margin:2em auto;
    color:#fff;
    background:#009ae4;
    overflow:hidden;
}
.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 11px 20px 0;
    border-style:solid;
    border-color:#fff #fff #009ae4 #009ae4;
    background:#009ae4;
    display:block; width:0; /* Firefox 3.0 damage limitation */
}

.noter:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    border-width:0 11px 20px 0;
    border-style:solid;
    border-color: #009ae4 #009ae4 #fff #fff;
    background:#009ae4;
    display:block; width:0; /* Firefox 3.0 damage limitation */
}

#floatingSumInsured table > tbody > tr > td {
    padding-top: 0px;
    padding-bottom: 5px;
}

#floatingSumInsured table > tbody > tr > td > label, #floatingSumInsured table > tbody > tr > td > .form-group {
    margin-bottom: 0px;
}

#floatingSumInsured table > tbody > tr > td {
    padding-left: 0px;
}

#floatingSumInsured table > tbody > tr > td > label {
    padding-right: 15px;
}

td.column-prem, th.column-prem, td.total-prem {
    text-align: right;
}

table[id*="breakdown-table-"] > tfoot > tr > td {
    color: #000000;
    border-top: none;
}

table[id*="breakdown-table-"].table.riskprembreakdown > tbody[id*='show-hide-property-charges-'] > tr:last-child > td {
    border-bottom: 1px solid #000000;
}

.table .table {
    background-color: transparent;
}

td.total-prem {
    border-top-color: #DDDDDD;
}

table[id*="risk-premium-table"] {
    margin-bottom: 0px;
}

.table.riskprembreakdown thead > tr > th.column-prem, .table.riskprembreakdown thead > tr > th.column-label {
    padding-right: 8px;
    padding-left: 0px;
    border-top:1px solid #DDDDDD;
    border-bottom: none;
}

td.adminFee {
    padding-left: 20px !important;
}

table[id*="breakdown-table-"].table.riskprembreakdown input.form-control {
    text-align: right;
}

table[id*="breakdown-table-"].table.riskprembreakdown div[id*="innerFormGroupDiv"] {
    padding-right: 0px;
}

/** folded corner QBE style for qbe theme**/
.qbe-box{
    position: relative;
    background-color: #009ae4;
    padding-left: 16px;
}
.qbe-box:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-bottom-left-blue.png");
    /** -webkit-mask-image: url("qbe-bottom-left.svg"); **/
}
.qbe-box:after {
    content:"";
    position:absolute;
    top:0;
    right: 0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-top-right-blue.png");
    /** -webkit-mask-image: url("qbe-top-right.svg"); **/
}

.qbe-box-navy {
    position: relative;
    background-color: #00205b;
    padding-left: 16px;
}
.qbe-box-navy:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-bottom-left-navy.png");
    /** -webkit-mask-image: url("qbe-bottom-left.svg"); **/
}
.qbe-box-navy:after {
    content:"";
    position:absolute;
    top:0;
    right: 0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-top-right-navy.png");
    /** -webkit-mask-image: url("qbe-top-right.svg"); **/
}

.qbe-box-sky {
    position: relative;
}
.qbe-box-sky:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-bottom-left-sky.png");
    /** -webkit-mask-image: url("qbe-bottom-left.svg"); **/
}
.qbe-box-sky:after {
    content:"";
    position:absolute;
    top:0;
    right: 0;
    display:block;
    width: 16px;
    height: 24px;
    background-image: url("../images/qbe-top-right-sky.png");
    /** -webkit-mask-image: url("qbe-top-right.svg"); **/
}

#policy-details > p {
    color: #00205b;
    margin: 0px;
    height: 15px;
}

#transactionsPolicyHeader table > thead > tr > th {
    font-size: 13px;;
    font-weight: bold;
}

img {
    max-width: 100%;
}

#riskAttachmentsInc .col-xs-1 {
    width: 115px;

}

#riskAttachmentsInc .col-xs-2 {
    width: 145px;
}

#riskAttachmentsInc .col-xs-3 {
    width: 165px;
}

div.pinned table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
}

div.pinned table {
    margin-bottom: 0px;
}

div[id*='accordion'].accordion .accordion-group div.accordion-heading,
div[id*='accordion'].accordion .accordion-group div.accordion-heading {
    padding: 0px;
    margin: 10px;
}

.accordion-group, div.sub-navigation-content, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus,
div[id*='-accordion'].accordion .accordion-group div.accordion-heading .accordion-toggle,
#panels .row .row.clearfix .col-md-4 .panel, #panels .row .row.clearfix .col-md-4 .panel .well,
.modal-body {
    background-color: #FAFAFA;
}

#policy-accordion dl{
    margin-top: 0px;
    margin-bottom: 10px;
}

div.spinner {
    display: none;
    width: 100%;
    height: 100%;
    /*position: relative;*/
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    text-align: center;
    margin-top: -24px;
    margin-left: -18px;
    /*margin-left: -50px;
    margin-top: -100px;*/
    overflow: auto;
    background: url("/ebusiness/resources/images/ajax-loader2.gif") no-repeat;
    z-index: 999;
}

div.spinnerSearch {
    display: none;
    width: 100%;
    height: 100%;
    /*position: relative;*/
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -24px;
    margin-left: -18px;
    /*margin-left: -50px;
    margin-top: -100px;*/
    overflow: auto;
    /*from 1070 -5500*/
    z-index:1070 !important;
    background: url("/ebusiness/resources/images/ajax-loader2.gif") no-repeat;
}

div.DOMSpinner {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    left: 50%;
    margin-left: -18px;
    background: url("/ebusiness/resources/images/ajax-loader2.gif") no-repeat;
}

#policy-accordion .accordion-heading {
    margin-bottom: 5px;
}

#policy-accordion .table {
    margin-bottom: 10px;
}

.table-box {
    border: 1px solid #efefef;
    background-color: #efefef;
}

table#referralMessage tbody > tr > td {
    line-height: 18px;
    font-weight: bold;
}

table#referralMessage, table#intermediaryMessage {
    margin-bottom: 10px;
}

#referralInfo .row {
    padding-left: 10%;
}

#nonBIZRenewalInfo .row {
    padding-left: 8%;
}


#docsTable .table tbody > tr > td.td1{
    width:9%;
}

#docsTable .table thead > tr > th.th1{
    width:8%;
}

#docsTable .table tbody > tr > td.td2,#docsTable .table thead > tr > th.th2{
    width:16%;
}

#docsTable .table tbody > tr > td.td3,#docsTable .table thead > tr > th.th3{
    width:10%;
}

#docsTable .table thead > tr > th.th4{
    width:28%;
}

#docsTable .table tbody > tr > td.td4{
    width:27%;
}

/** "Loading..." animation (spinning circles) **/
#loadingAnimation {
    position:fixed;
    /*top: 43%;*/
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em;
    margin-left: -15em;
}

.bokeh {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 100px auto;
    border-radius: 50%;
    border: .01em solid rgba(150,150,150,0.3);
    list-style: none;
    z-index: 99999;
}

.bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    z-index: 99999;
}

.bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #009ae4;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation:
    rota 1.13s linear infinite,
    opa 3.67s ease-in-out infinite alternate;
    -moz-animation:
    rota 1.13s linear infinite,
    opa 3.67s ease-in-out infinite alternate;
    -ms-animation:
    rota 1.13s linear infinite,
    opa 3.67s ease-in-out infinite alternate;
    -o-animation:
    rota 1.13s linear infinite,
    opa 3.67s ease-in-out infinite alternate;
    animation:
    rota 1.13s linear infinite,
    opa 3.67s ease-in-out infinite alternate;
}

.bokeh li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: #003da5;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation:
    rota 1.86s linear infinite,
    opa 4.29s ease-in-out infinite alternate;
    -moz-animation:
    rota 1.86s linear infinite,
    opa 4.29s ease-in-out infinite alternate;
    -ms-animation:
    rota 1.86s linear infinite,
    opa 4.29s ease-in-out infinite alternate;
    -o-animation:
    rota 1.86s linear infinite,
    opa 4.29s ease-in-out infinite alternate;
    animation:
    rota 1.86s linear infinite,
    opa 4.29s ease-in-out infinite alternate;
}

.bokeh li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #77c5d5;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation:
    rota 1.45s linear infinite,
    opa 5.12s ease-in-out infinite alternate;
    -moz-animation:
    rota 1.45s linear infinite,
    opa 5.12s ease-in-out infinite alternate;
    -ms-animation:
    rota 1.45s linear infinite,
    opa 5.12s ease-in-out infinite alternate;
    -o-animation:
    rota 1.45s linear infinite,
    opa 5.12s ease-in-out infinite alternate;
    animation:
    rota 1.45s linear infinite,
    opa 5.12s ease-in-out infinite alternate;
}

.bokeh li:nth-child(4) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0 0;
    background: #7bafd4;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation:
    rota 1.72s linear infinite,
    opa 5.25s ease-in-out infinite alternate;
    -moz-animation:
    rota 1.72s linear infinite,
    opa 5.25s ease-in-out infinite alternate;
    -ms-animation:
    rota 1.72s linear infinite,
    opa 5.25s ease-in-out infinite alternate;
    -o-animation:
    rota 1.72s linear infinite,
    opa 5.25s ease-in-out infinite alternate;
    animation:
    rota 1.72s linear infinite,
    opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rota {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
    to { -o-transform: rotate(360deg); }
}

@keyframes rota {
    to { transform: rotate(360deg); }
}

@-webkit-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

/****** end of bokeh animation *****************/

div#notificationsPanel div.visibleNotifications ul > li {
    padding-left: 18px;
    text-indent: -11px;
}


/**table for interested party**/
table[id*="nterestedPartyList"]> thead > tr > th  {
    padding-left:0px;
}
/** end table for interested party**/

/** start for Intermediaries style **/
#intermediaryList tbody > tr:first-child + tr {
    background-color: #009ae4;
}

#intermediaryList tbody > tr:first-child + tr a{
    color: #ffffff;
}

tr#intermediaryProductHeader {
    border-top: 2px solid #009ae4;
    border-bottom: 2px solid #009ae4;
}

#leftMenu {
    position: relative;
    top: 0px;
    background-color: rgb(235,235,235);
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid gray; }

#mainFrame {
    position: relative;
    top: 0px;
    left: -10px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    border: 1px solid gray;
}

table#intermediaryDetail div.form-group div[class*="col-lg-7"],
table#staffDetail div.form-group div[class*="col-lg-7"]{
    width: 70%;
}

table#intermediaryDetail div.form-group div[class*="col-lg-5"],
table#staffDetail div.form-group div[class*="col-lg-5"]{
    width: 40%;
}

table#intermediaryDetail div.form-group div[class*="col-lg-4"],
table#staffDetail div.form-group div[class*="col-lg-4"]{
    width: 30%;
}

table#intermediaryDetail div.form-group div[class*="col-lg-3"],
table#staffDetail div.form-group div[class*="col-lg-3"]{
    width: 20%;
}

table#intermediaryDetail div.form-group div[class*="row col-lg-1"],
table#staffDetail div.form-group div[class*="row col-lg-1"]{
    width: 8%;
}

table#intermediaryDetail label[class*="col-lg"],
table#staffDetail label[class*="col-lg"]{
    float: left;
    width: 200px;
}

table#intermediaryDetail input[type*="checkbox"],
table#staffDetail input[type*="checkbox"]{
    margin-left: 15px;
    margin-right: 5px;
}

table#intermediaryDetail div[class*="checkbox"],
table#staffDetail div[class*="checkbox"]{
    margin-top: 2px;
    margin-bottom: 0px;
}

table#intermediaryDetail td,
table#staffDetail td,
table#intermediaryList td{
    font-family: inherit;
    font-size: 13px;;
}


/** start for Intermediaries style **/

table#policyPeriod td {
    padding: 0px;
}

#intermediaryList img {
    max-width: none;
}

.form-group-display {
    padding-top: 5px;
}

/* Fix Bootstrap .modal compatibility with jQuery UI Autocomplete */
.ui-autocomplete {
    z-index: 1051;
}

.ui-autocomplete-loading {
    background: white url("/ebusiness/resources/images/ajax-loader2.gif") no-repeat right center
}

.address-modal .modal-dialog {
    width: auto;
}

.doc-pop-up .modal-dialog {
    width: 1500px;
}

.static-content {
    padding: 20px 40px 20px 20px;
}

.red-p-static-content{
    color: red;
}

.divider-static-content {
    height: 1px;
    width: auto;
    overflow: hidden;
    border-bottom: 1px solid #00205b;
    margin-top: 20px;
}

div.PRD01 div.form-group, div.PRD01 div.form-group div {
    padding-left: 0px;
    padding-right: 0px;
}

div#EPRaccordionbody div.form-group.well{
    padding-left: 0px;
    padding-right: 0px;
}

div#EMBaccordionbody div.form-group.well{
    padding-left: 0px;
    padding-right: 0px;
}

.modal-left-button, .modal-right-button{
    margin-top: 5px; !important;
}

div.si-per-unit {
    margin-top: 5px;
    margin-bottom: 15px;
    position: relative;
}

div.si-per-unit .left-component {
    width: 50%;
    float: left;
}

div.si-per-unit .x-separator {
    padding-top: 8px;
    left: 47%;
    position: absolute;
}

div.si-per-unit .right-component {
    left: 50%;
    position: absolute;
}

div.side-button {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}

table#intermediaryMessage tr {
    margin: 0px;
}

table#intermediaryMessage div, table#intermediaryMessage div.form-group {
    padding: 0px!important;
    margin: 0px!important;
}

#packagedOptions div.premium {
    padding: 10px 0px 0px 0px;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 5px;
}

#packagedOptions div.premium span {
    font-family: StagBold, sans-serif;
    font-size: 14pt;
    padding-left: 5px;
}

div#quoteOptionPackageA div.accordion-inner #packageHeader h4,
div#quoteOptionPackageB div.accordion-inner #packageHeader h4{
    color: #ffffff;
}

div#quoteOptionPackageA div.accordion-inner #packageHeader,
div#quoteOptionPackageB div.accordion-inner #packageHeader {
    background-color: #009ae4;
}

div#quoteOptionPackageA div.accordion-inner,
div#quoteOptionPackageB div.accordion-inner {
    padding-left: 15px;
    padding-right: 15px;
}

#riskHeadingEPR .propertyHeading {
    background-color:#b7d6f1;
}

#riskHeadingEPR .col-md-6 {
    padding-top: 5px;
}

#PQGroupPADetailsModal div.EGP09 div.col-lg-3 {
    width: 65%
}

#PQGroupPADetailsModal div.EGP13 div.col-lg-3 {
    width: 30%
}

#packagedOptions .control-label {
    width: 50%;
}

#packagedOptions .form-group label {
    font-weight: normal;
}

#packagedOptions .input-group {
    padding-top: 5px;
}

#packagedOptions .form-group{
    margin-bottom: 0;
}

#packagedOptions .form-group .fieldValue, div[id*="quoteOptionPackage"] div#excesses span {
    font-weight: bold;
}

.fieldValue {
    font-weight: bold;
}

#packagedOptions .form-group .col-lg-2, #packagedOptions .form-group .col-lg-3,
#packagedOptions .form-group .col-lg-4 {
    width: 50%;
    padding-left: 5px;
    padding-right: 0px;
}

table[id*='packagedClauses'] tr td label {
    font-weight: bold!important;
}

div#quoteOptionPackageA div.accordion-inner .riskLabel .accordion-group,
div#quoteOptionPackageB div.accordion-inner .riskLabel .accordion-group,
#RNComparisonRiskDetails .modal-dialog #RiskDetailsA .accordion-group,
#RNComparisonRiskDetails .modal-dialog #RiskDetailsB .accordion-group {
    background-color:#b7d6f1;
}

div#PQAssumptionsTextFields div.riskLabel {
    background-color:#b7d6f1;
    font-weight: bold;
}

.mobileComparison{
    overflow:auto;
}

#quoteOptionPackageA #excesses .control-label, #quoteOptionPackageB #excesses .control-label {
    width: 65%;
}

#quoteOptionPackageA #excesses .input-group, #quoteOptionPackageB #excesses .input-group {
    width: 35%;
}

#quoteOptionPackageA .accordion-group, #quoteOptionPackageB .accordion-group,
#RNComparisonRiskDetails .modal-dialog #RiskDetailsA,
#RNComparisonRiskDetails .modal-dialog #RiskDetailsB {
    background-color:#efefef;
}

div#quoteOptionPackageClauses {
    padding-top: 10px;
    padding-bottom: 10px;
}

table[id*='packagedClauses'] tr, table[id*='packagedClauses'] td {
    padding: 0px;
}

table[id*='packagedClauses'] tr td .control-label {
    padding-left: 40px;
    padding-top: 5px;
    margin-bottom: 0px;
    width: 100%!important;
}

table[id*='packagedClauses'] tr td a {
    padding-left: 60px;
}

.quote-options #excesses {
    display: none;
    position: absolute;
    z-index: 10;
    width: 200px;
    padding: 10px;
    background: #FAFAFA;
    border: 1px solid #bdcae7;
    font-size: 12px;
}

/* Agent DashBoard*/

table#clientPaymentFlowTable, table#agentPaymentFlowTable,  table#agentSupportViewTable, table#b2cPaymentFlowTable, table#batchDocControlDetailFlowTable, table#adhocPaymentFlowTable {
    border: 1px solid #ddd;
    margin-top: 20px;
}

table#clientPaymentFlowTable td, #agentPaymentFlowTable td, #b2cPaymentFlowTable td, #batchDocControlDetailFlowTable td, #adhocPaymentFlowTable td {
    padding-left: 20px;
}

table#agentSupportViewTable td {
    padding-left: 5px;
}

table#clientPaymentFlowTable th, table#agentPaymentFlowTable th, table#agentSupportViewTable th, table#b2cPaymentFlowTable th, table#batchDocControlDetailFlowTable th, table#adhocPaymentFlowTable th {
    background-color: #b7d6f1;
}

div.staffPhoneCountryStyle{
    width:456px;
    position:relative;
}

div.staffPhoneNumberStyle{
    position:relative;
    left:-60%;
    width:100%;
}

div.headerBackgroundColor {
    background-color: #FFFFFF;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.marineSummaryShippingDetailsLabel {
    width:25%;
    position: relative;
    float:left;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
    font-weight: normal;
    text-align: right;
}

.marineSummaryDeclarationDetailsLabel {
    width: 40%;
    position: relative;
    float:left;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
    font-weight: normal;
    text-align: right;
}

.marineSummaryShippingDetailsContent {
    width: 25%;
    position: relative;
    float:left;
    min-height:1px;
    padding-right:15px;
    padding-left: 20px;
}

.marineSummaryDeclarationDetailsContent {
    width: 50%;
    position: relative;
    float:left;
    min-height:1px;
    padding-right:15px;
    padding-left: 20px;
}
textarea.textOnlyForTextarea, textarea.form-control.textOnlyForTextarea {
    color: black;
    overflow: hidden;
    background-color: transparent;
    resize: none;
}
textarea.textOnlyForTextarea:focus {
    box-shadow:none;
}
div#reportErrorText {
    color: #ff0000;
}

#RNComparisonRiskDetails .modal-dialog {
    width: 90% !important;
}

.risk-icon{
    margin-left: -3em;
    float: left;
    padding-top: 0.2em;
}
.fa.fa-thumbs-o-up{
    color: rgb(114, 187, 79);
}
.fa.fa-exclamation-triangle{
    color: rgb(255, 185, 35);
}
.fa.fa-ban{
    color: rgb(150, 42, 43);
}
span.language-control{
    background-color: #ffffff;
}
button.active-language{
    background-color: #009ae4;
}


.close-left {
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    margin-top: -2px;
}

.font-weight500 {
    font-weight: 500; !important;
}

#RisksBundled li, #anzsicMessages li, #packagedQuoteMessages li{
    white-space: normal;
}

.overflowAuto {
    overflow: auto;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    -webkit-text-fill-color:#000000;
    -webkit-opacity:1;
    line-height:normal;
    margin-top:1px;
}

.tableTotal {
    color: #808080;
}

.backgroundPrimaryColor1 {
    background-color: #009ae4;
}

.fastQuoteSummaryBorder {
    border-color : #009ae4 !important;
    border : 4px solid;
}

.fastQuoteSummaryPriceHeading {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 50px;
    font-family: Bitter, Trebuchet MS, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

.fastQuoteSummaryPriceHeadingSmall {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-family: Bitter, Trebuchet MS, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

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

.fastQuoteSummaryPriceHeadingLink {
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Bitter, Trebuchet MS, Arial, Helvetica, sans-serif;
    line-height: 25px;
}

a.fastQuoteSummaryPriceHeadingLink:link, a.fastQuoteSummaryPriceHeadingLink:focus {
    color: #ffffff;
    text-decoration: underline;
}

.fastQuoteSummaryButtonCustomise {
    background-color: #009ae4;
    border: none;
    color: #ffffff !important;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
}

div.fastQuoteProductDetails {
    overflow: scroll;
    overflow-y: hidden;
    border: 0px;
    margin: 0;
}

.removeColPadding[class*=col-]  {
    padding-left:0px;
    padding-right:0px;
    white-space:nowrap;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-top: -10px;
    background: rgba(198, 146, 53, 0.11);
    border-style: solid;
    border-color: #c09853;
    display: inline-block;
}

.hideControlLabel label.control-label{
    display: none;
}

.clauseFlagPrinting, .premiumAsAgreed{
    font-weight: bold;
    color: #802927;
    font-style: italic;
    display: block;
}
span.count {
    color: #009ae4 !important;
}


input::-ms-clear {
    display: none;
}

.panel-heading .accordion-toggle.arrowed:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #009ae4;         /* adjust as needed */
}
.panel-heading .accordion-toggle.arrowed.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.modal .popover{
    z-index: 1060;
}

#nonBIZRenewalPopup .modal-dialog{
    width: 650px;
}

.th50{
    width: 50px;
}

.th60{
    width: 60px;
}

.levy-underline {
    border-bottom: 2px dotted #009ae4;
    text-decoration: none;

}

.premium-adjustment-label-width {
    width: 38%;
}

.representativeList {
    list-style:  none;
}
.representativeList li {
    margin-top: 4px;
}

.subGSNFile {
    list-style:none;
}
.subGSNFile2 {
    list-style:none;
}
.subGSNFile2 > li {
    top: -20px;
    position: relative;
    left: 120px;
}
.subGSNFile > a:link {
    text-decoration: none;
}
.subGSNFile > a > li:before {
    content: "\f1c1";
    font-size: 116px;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 100px;
    color: red;
    position: absolute;
}
.subGSNFile > a > li{
    border-bottom: 4px solid black;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 600px;
    height: 130px;
    border-left: 4px solid black;
}

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

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

div.paymentConfirmationPolicyDetailAddBottom {
    padding-bottom: 23px;
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}





.language-color {
    color:#ffffff;
    background-color: #0b1e46;
    border-style: none;
    font-weight: bold;
    font-size: 18px;
}

.language-color:focus {
    border-style: none;
    outline: none;
}

.row.headerDetailsEffectiveDateAdjust {
    padding-right: 15px;
}

div.newClaimHeaderFont{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* QCOM-3752 - Fix: Checkbox in Top Ups not properly aligned (PTRTravel) */
div#TopUpsBaseSection input[name$="hkg.hkd.ptr.fields.newTopUps"][type="checkbox"] {
    margin-left:  0px !important;
}

div#TopUpsBaseSection span[name$="hkg.hkd.ptr.fields.newTopUps"][class="epicPopover"] {
    margin-left:  18px !important;
}

div#TopUpsBaseSection input[name$="sgp.sgd.ptr.fields.topUps"][type="checkbox"] {
    margin-left:  0px !important;
    text-decoration: none;
    cursor: default;
    color: black;
}

div#TopUpsBaseSection span[name$="sgp.sgd.ptr.fields.topUps"] {
    margin-left:  18px !important;
    text-decoration: none;
    cursor: default;
    color: black;
}


h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h3.panel-title.panelTitleColorBlue {
    color: #009ae4;
}

div.zeroMarginLeftAndRight {
    margin-left: 0px;
    margin-right: 0px;
}

span.epicPopover.default-value {
    margin-left:  18px !important;
}

#policy-details p small{
    color: black;
}

.tableTotalLeft{
    margin-left:30px;
}

.modal-body.adjustModalBodyHeight{
    height: 250px;
}

.sub-navigation-content.no-tabs.no-padding.policySummaryHeight {
    display: block;
    overflow: auto;
}

.sub-navigation-content.no-tabs.no-padding.travelPolicySummaryHeight {
    height: 320px;
}

#issue-credit-sms-modal, div.modal.fade.form-horizontal.removePaddingRight{
    padding-right: 0px!important;
}

@media only screen and (min-width: 561px) {
    .padding50 {
        padding-left: 0;
        padding-right: 0;
    }
}

.asText{
    background:none;
    border:none;margin:0;
    padding:0;
    color:#009ae4;
}

#transactionsPolicyHeader th.adjustPaddingLeft{
    padding-left: 3%;
}

div#isNextChoiceAvailable.removeFloat {
    margin-left: -15px;
}

div.back-buttons.removeFloat {
    margin-left: -15px;
}




body.bodyAdjustClass {
    padding: 0px;
}

div.container.containerAdjustClass {
    /*padding-left:10%;*/
    /*padding-right:10%;*/
    background-color: #ffffff;
    position:relative;
    left:-15px;
}


div.rightColAdjustClass {
    height:100%;
}

div.container.containerAdjustClass>div.row:first-child {
    margin-left:0px;
    margin-right:0px;
}

div.mainColAdjustClass {
    margin:10px 10px 100px 10px;
    padding:10px 15px 10px 15px;
    background-color: #ffffff;
}

div.buttonAdjustClass {
    margin: 10px 0px 0px 0px;
    padding-left:0px;
    padding-right:0px;
}

/*
.container {
    padding-left:0px;
    padding-right:0px;
    width: 100%;
}
*/

.sideColAdjustClass #menuLeftBottom {
    /*position: fixed;
    bottom: 0;*/
}

.sideColAdjustClass #menuLeftBottom ul.list-group {
    /*
    margin-bottom: 32px;
    */
}

.sideColAdjustClass {
    padding-left: 0px;
    padding-right: 0px;
    position: fixed;
}

.sideColAdjustClass #divMenuLeft {
    background-color: #003da5;
    overflow-y: auto;
    overflow-x: hidden;
}

.sideColAdjustClass #menuLogo {
    padding: 20px 0px 20px 12px;
    text-align: left;
}

.sideColAdjustClass #menuLogo > a {
    text-decoration: none;
}

.sideColAdjustClass #menuLogo span {
    color: #ffffff;
    font-size: 25px;
    vertical-align: middle;
}

.sideColAdjustClass #hideButton {
    position: absolute;
    background-color: #dddddd;
    z-index: 99;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
    padding: 0;
    top: 32px;
    right: -12px;
    height: 24px;
    width: 24px;
    box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
}

.sideColAdjustClass #hideButton:hover {
    background-color: #e87722;
}

.sideColAdjustClass #hideButton > span {
    top: 6px;
    left: 6px;
}

.sideColAdjustClass #closeMenuButton {
    position:absolute;
    top:10px;
    right:10px;
    font-size:18px;
    color: #ffffff;
    cursor: pointer;
}

.sideColAdjustClass div.treeview a {
    text-decoration: none;
}

.sideColAdjustClass div.treeview p {
    margin: 0px;
}

.sideColAdjustClass div.treeview li {
    padding: 4px 0px 4px 0px
}

#mainContentPane {
    margin-left:-15px;
    margin-right:-15px;
    overflow-y: auto;
}

div.bottomAdjustClass {
    position:fixed;
    bottom:0;
    width:100%;
    z-index:999;
    margin-left:0px;
    margin-right:0px;
}

div.footer-bottom {
    background-color: #000000;
}

div.footer-bottom div.footer-links span {
    font-weight:bold;
}

#upcoming-renewal-table > thead {
    background-color: #003da5;
}

#recovered-transaction-table > thead {
    background-color: #003da5;
}

div.dashboardButtonClass {
    border-radius:6px;
    background-color: #009ae4;
    color: #ffffff;
    width: 130px;
    font-weight: bold;
    vertical-align: middle;
    padding: 6px;
    margin: 5px;
    cursor: pointer;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
}

div.dashboardButtonClass:hover {
    background-color: #0070C0;
}

div.dashboardButtonClass > div.dashboardButtonIconClass {
    flex: 0 0 40px;
    background-repeat: no-repeat;
    background-size: contain;
    height:40px;
    width:40px;
}


div.dashboardButtonClass > div.dashboardButtonLabelClass {
    flex: 1 1 80px;
    padding-left: 4px;
}

div.productSelectPaneClass {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
}

div.productSelectButtonClass {
    background-color: #ffffff;
    color: #003da5;
    margin: 17px;
    display: inline-block;
    width: 96px;
    text-align: center;
}

div.productSelectButtonClass > div.productSelectButtonIconContainerClass {
    border-radius: 6px;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    width: 96px;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
}

div.productSelectButtonClass > div.productSelectImageIconContainerClass {
    border-radius: 6px;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
}
div.productSelectButtonDisabledClass {
    background: grey !important;
    pointer-events: none;
}

div.productSelectButtonClass > div.productSelectButtonLabelClass {
    color: #0A1F44;
    font-family: Inter;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-top: 16px;
}

div.productSelectButtonSelectedClass {

    opacity: 1;
    border: 2px solid #003da5 !important;
    box-shadow: 5px 5px 5px rgba(68,68,68, 0.3);
    background: #ffffff;
    color: #003da5;
}

.bodyAdjustClass > .row {
    margin-left: 0px;
    margin-right: 0px;
}


body.bodyAdjustClass2 {
    margin-top:52px;
    margin-bottom:40px;
}

div.footer2-bottom {
    background-color: #0b1e46;
    color: #ffffff;
    width: 100%;
    height: 36px;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}

div.footer2-bottom > .footer2-link > a {
    text-decoration: none;
    color: #ffffff;
    padding: 0px 15px 0px 0px;
    font-weight: bold;
}

.footer2-bottom-mobile {
    display:none;
}

.outer-navbar2 .navbar{
    height: 46px;
}

#menuHeader > ul > li > a {
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;


}

#menuHeader > ul > li > a:hover {
    border-bottom: 3px solid #009ae4;
}

#menuHeader > ul > li > a.active {
    border-bottom: 3px solid #009ae4;
}

#menuHeader > ul > li.dropdown.open > ul > li > a {
    background-color: #ffffff;
    padding: 16px 8px;
}

#menuHeader > ul > li.dropdown.open > ul > li > a:hover {
    color: #002185;
}

#menuHeader2 {
    background-color: #0b1e46;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

#menuHeader2 ul.nav.navbar-nav > li > a {
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    padding: 15px 0px 11px 0px;
    border-bottom: 3px solid #0b1e46;
}

#menuHeader2 ul.nav.navbar-nav > li > a:hover {
    border-bottom: 3px solid #009ae4;
}

#menuHeader2 ul.nav.navbar-nav > li > a.active {
    border-bottom: 3px solid #009ae4;
}

#menuHeader2 ul.nav.navbar-nav > li.dropdown.open > ul > li > a {
    background-color: #ffffff;
    padding: 16px 8px;
}

#menuHeader2 ul.nav.navbar-nav > li.dropdown.open > ul > li > a:hover {
    color: #002185;
}




#qbe-logo, #qbe-logo-mobile {
    width:98px;
    height:32px;
    background-size: 100% 100%;
    background-position: left center;
    background-repeat:no-repeat;
    background-image: url(../images/qbe-header-logo.png);
}

#mil-logo, #mil-logo-mobile {
    width:208px;
    height:28px;
    background-size: 100% 100%;
    background-position: left center;
    background-repeat:no-repeat;
    background-image: url(../images/Manulife_white_HongKong.png);
}

#hase-logo, #hase-logo-mobile {
    width:132px;
    height:32px;
    background-size: 100% 100%;
    background-position: left center;
    background-repeat:no-repeat;
    background-image: url(../images/Hase_white_HongKong.png);
}

#lockton-logo, #lockton-logo-mobile {
    width:71px;
    height:32px;
    background-size: 100% 100%;
    background-position: left center;
    background-repeat:no-repeat;
    background-image: url(../images/Lockton_white_Singapore.png);
}

#steadfast-logo, #steadfast-logo-mobile {
    width:87px;
    height:32px;
    background-size: 100% 100%;
    background-position: left center;
    background-repeat:no-repeat;
    background-image: url(../images/Steadfast_SGP_white.png);
}

#qbe-logo {
    margin-left:20px;
    margin-right:20px;
}

#mil-logo {
    margin-left: 10px;
    margin-right: 20px;
}

#hase-logo {
    margin-left: 0px;
    margin-right: 20px;
}

#lockton-logo {
    margin-left: 0px;
    margin-right: 20px;
}

#steadfast-logo {
    margin-left: 0px;
    margin-right: 20px;
}

#mobileButtonPane {
    display:none;
}

#mobileSideBar .modal-body > ul > li a {
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}


#mobileSideBarCloseBtn {
    margin-top: 4px;
    color: #fff;
    opacity: 1;
}

#menuHeader2-mobile {
    display: none;
    background-color: #0b1e46;
}

#menuHeader2-mobile a {
    text-decoration: none;
}

.headerSearchPane {
    display: inline-block;
    position: relative;
    height: 50px;
    min-width: 17vw;
    border-left:1px solid #009ae4;
    border-right:1px solid #009ae4;
    margin-bottom: -4px;
    top: -2px;
}

.headerSearchPane > .search-icon {
    position: absolute;
    top: 15px;
    left: 7px;
    z-index: 3;
}

.headerSearchPane > .search-arrow {
    position: absolute;
    top: 15px;
    right: 8px;
    z-index: 3;
    display:none;
    cursor: pointer;
}

.headerSearchPaneMobile {
    display: inline-block;
    position: relative;
    height: 50px;
    margin-bottom: -4px;
    top: -2px;
    width: 100%;
}

.headerSearchPaneMobile > .search-icon {
    position: absolute;
    top: 15px;
    left: 7px;
    z-index: 3;
    opacity: 0.5;
}

#search-icon-cobrand {
    width:32px;
    height:32px;
    background-size:contain;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/search-icon.svg);
}

.btn-round {
    text-transform: none !important;
    border-radius: 20px !important;
    min-width: 120px !important;
    padding: 10px 14px !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.btn-transparent {
    border: 1px #003DA5  solid;
    color: #003DA5 !important;
    background-color: transparent !important
}

.cuw-quote-progressbar-container {
    z-index: 1;
    width: 50%;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    color: #858fa2;
}

.cuw-quote-progressbar {
    counter-reset: step;
}

.cuw-quote-progressbar li {
    list-style-type: none;
    float: left;
    width: 33.3%;
    position: relative;
    text-align: center;
}

.cuw-quote-progressbar li::before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 27px;
    border: 2px solid #858fa2;
    display: block;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    background: white;
    color: #858fa2;
    text-align: center;
}

.cuw-quote-progressbar li::after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background: #858fa2;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.cuw-quote-progressbar li:first-child::after {
    content: none;
}

.cuw-quote-progressbar li.active {
    color: #003DA5;
    font-weight: bold;
}

.cuw-quote-progressbar li.active::before {
    border-color: #003DA5;
    background: #003DA5;
    color: white
}

.cuw-quote-progressbar li.active + li::after {
    background: #003DA5;
}

.adhoc-payment-progressbar-container {
    z-index: 1;
    width: 60%;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    color: #858fa2;
}

.adhoc-payment-progressbar {
    counter-reset: step;
}

.adhoc-payment-progressbar li {
    list-style-type: none;
    float: left;
    width: 33.3%;
    position: relative;
    text-align: center;
}

.adhoc-payment-progressbar li::before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 27px;
    border: 2px solid #858fa2;
    display: block;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    background: white;
    color: #858fa2;
    text-align: center;
}

.adhoc-payment-progressbar li::after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background: #858fa2;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.adhoc-payment-progressbar li:first-child::after {
    content: none;
}

.adhoc-payment-progressbar li.active {
    color: #003da5;
    font-weight: bold;
}

.adhoc-payment-progressbar li.active::before {
    border-color: #003da5;
    background: #003da5;
    color: white
}

.adhoc-payment-progressbar li.active + li::after {
    background: #003da5;
}

.modal-content-round {
    border-radius: 20px;
}

.modal-header-round {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #00C1CC none;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
}

.modal-header-round .modal-title {
    color: white !important;
    display: flex;
    align-items: center;
}

.modal-header-round .close {
    opacity: 100;
    color: white !important;
    font-size: 30px;
}

.modal-header-round-white {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    background:white;
}

.modal-header-round-white .close {
    color: black !important;
    font-size: 30px;
    padding: 20px;
}



.modal-body-round {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: white;
}

.modal-body-round .body-title {
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

div.round-card {
    box-sizing: border-box;
    border: 1px solid #E1E4E8;
    border-radius: 20px;
}

div.summary-card {
    background-color: #F7F8F9;
    padding: 20px;
}

div.round-card div.card-title {
    background-color: #00C1CC;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 19px 20px 12px 20px;
    font-family: Stag;
    font-size: 24px;
    font-weight: 500;
    color: white;
}

div.round-card div.card-title-blue {
    background-color: #009ae4;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 19px 20px 12px 20px;
    font-family: Stag;
    font-size: 24px;
    font-weight: 500;
    color: white;
}

div.round-card div.card-body {
    background-color: #ffffff;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 20px;
}

.paymentDashboard {
    user-select: none;
}

.paymentDashboard .page-title {
    display: flex;
    margin: 20px 0;
    font-family: Stag;
    font-size: 32px;
    font-weight: 500;
}

.paymentDashboard .email-purple {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_purple.svg);
}

.paymentDashboard .email-red {
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_red.svg);
}

.paymentDashboard .email-white {
    width:24px;
    height:24px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_white.svg);
}

.paymentDashboard .email-blue {
    width:100%;
    height:20px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_blue.svg);
}



.paymentDashboard .icon-ok {
    background-image: url(../images/paymentDashboard/success_sent_white.svg);
}

.paymentDashboard .icon-warn {
    background-image: url(../images/paymentDashboard/error_white.svg);
}

.paymentDashboard .icon-error {
    background-image: url(../images/paymentDashboard/error_white.svg);
}

.paymentDashboard .popoverIcon.email {
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_tertiary.svg);
}

.paymentDashboard .popoverIcon.email.active {
    background-image: url(../images/paymentDashboard/email_blue.svg);
}

.paymentDashboard .popoverIcon.sms {
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/sms_tertiary.svg);
}

.paymentDashboard .popoverIcon.sms.active {
    background-image: url(../images/paymentDashboard/sms_blue.svg);
}

.paymentDashboard .correspondence-blue {
    width:100%;
    height:16px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/correspondence_blue.svg);
}

.paymentDashboard .pay-blue {
    width:100%;
    height:15px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/pay_blue.svg);
}

.paymentDashboard .action-blue {
    width:100%;
    height:22px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/action_blue.svg);
}

.paymentDashboard .issue-policy-blue {
    width:100%;
    height:20px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/issuepolicy_blue.svg);
}

.paymentDashboard .document-purple {
    width:15px;
    height:16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/document_purple.svg);
}

.paymentDashboard .document-red {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/document_red.svg);
}

.paymentDashboard .money-red {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/money_red.svg);
}

.paymentDashboard .money-purple {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/money_purple.svg);
}

.paymentDashboard .money-green {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/money_green.svg);
}


.paymentDashboard .issue-policy-red {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/issuepolicy_red.svg);
}

.paymentDashboard .issue-policy-green {
    width:18px;
    height:15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/issuepolicy_green.svg);
}

.paymentDashboard .delete-grey {
    width:18px;
    height:15px;
    cursor: pointer;
    vertical-align: top;
    float: right;
    margin-right: 6px;
    background-size: contain;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/delete_grey.svg);
}

.paymentDashboard .status.pending {
    color: #702f8a;
}

.paymentDashboard .status.fail {
    color: #d43900;
}

.paymentDashboard .status.success {
    color: #00c457;
}

.paymentDashboard .status {
    display: inline-block;
    font-weight: bold;
    margin: 10px 0;
}

.paymentDashboard .action {
    color: #003da5;
    text-align: center;
    margin-top: 4px;
}

.paymentDashboard table.dataTable.stripe tbody tr.odd, .paymentDashboard table.dataTable.display tbody tr.odd {
    background-color: #ffffff;
}

.paymentDashboard table.dataTable.display tbody tr.odd>.sorting_1, .paymentDashboard table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #ffffff;
}

.paymentDashboard table.dataTable.display tbody tr.even>.sorting_1, .paymentDashboard table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #ffffff;
}

.paymentDashboard table.dataTable.hover tbody tr:hover, .paymentDashboard table.dataTable.display tbody tr:hover {
    background-color: #ffffff;
}

.paymentDashboard .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    /*border: 0; */
    border-color: transparent;
    background-color: transparent;
}

.paymentDashboard .dataTables_wrapper .dataTables_paginate a:focus {
    outline: none;
}

.paymentDashboard table.dataTable thead th, .paymentDashboard table.dataTable thead td {
    padding: 10px 0px;
    vertical-align: bottom;
}

.paymentDashboard table.dataTable tbody th, .paymentDashboard table.dataTable tbody td {
    padding: 12px 0px;
}

.paymentDashboard #results-table > thead > tr > th:nth-child(8) {
    text-align: center;
}

.paymentDashboard #results-table > tbody > tr > td:nth-child(8) {
    cursor: pointer;
}

.paymentDashboard .statusFilter {
    cursor: pointer;
    color: #8A94A6;
    font-family: Inter;
    font-size: 16px;
}

.paymentDashboard .statusFilter.active {
    color: #003da5;
    font-weight: 600;
}

.paymentDashboard .popover {
    background-color: #ffffff;
}

.paymentDashboard .popover-content {
    padding: 0 0px 0 0;
}

.paymentDashboard .popover-content .list-group {
    margin-bottom: 0px;
}

.paymentDashboard .popover-content .list-group-item {
    border: none;
    border-top: 1px solid #dddddd;
}

.paymentDashboard .popover-content .list-group-item:first-child {
    border: none;
}

.paymentDashboard .popover-content .list-group-item:hover {
    color: #003da5;
    background-color: #f7f7f7;
}

.paymentDashboard .popover-content .list-group-item:hover .popoverIcon.email {
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url(../images/paymentDashboard/email_blue.svg);
}

.paymentDashboard .popover-content .list-group-item:hover .popoverIcon.sms {
    background-image: url(../images/paymentDashboard/sms_blue.svg);
}

.paymentDashboard .flex-row {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
}

.paymentDashboard div.flex-row [class*="col-"] {
    padding-left: 0 !important;
}

/* Payment dashboard column header should be 12px */
.paymentDashboard #results-table thead {
    font-size: 12px;
    color: #003da5;
}

.paymentDashboard #results-table tbody {
    font-size: 12px;
}

.paymentDashboard td.colStatus {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.paymentDashboard a, .paymentDashboard a:visited {
    color: #003da5;
}

.paymentDashboard .flex-row.center {
    justify-content: center;
}

.paymentDashboard .btn:focus {
    outline: none;
}

.paymentDashboard input[type="search"]:focus {
    outline: none;
}

.paymentDashboard #detailDiv {
    overflow-y: auto;
    max-height: calc(80vh - 97px);
}

.paymentDashboard #detailDiv > div {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    color: #0a1f44;
}

.paymentDashboard #detailDiv > div > div:first-child {
    flex: 0 0 50%;
    font-weight: bold;

}

.paymentDashboard #detailDiv > div > div:nth-child(2) {
    flex: 1 1 50%;
}

.paymentDashboard .i18n_cn {
    display:none;
}

/* modal-bg related changes (overrides) - Start */
.blockOverlay {
    background: rgba(0,0,0,0.0) !important;
    opacity: 1 !important;
}
.spinner {
    z-index: 1999;
}
.ui-widget-overlay {
    background: rgba(0,0,0,0.7) !important;
    opacity: 1 !important;
}

.blockUI {
    background: rgba(0,0,0,0) !important;
}
div.blockOverlay + div.ui-widget-overlay {
    background: rgba(0,0,0,0) !important;
}
#CustomerSearchModal, #searchAccountModal {
    background: rgba(0,0,0,0.7) !important;
    opacity: 1 !important;
}
.modal-backdrop {
    background-color: #000;
}
.modal-backdrop.in {
    opacity: 0.7 !important;
}
/* modal-bg related changes - End */
.nodark {
    opacity: 0 !important;
}

div[aria-describedby="loadingModal"] .modal-backdrop.in{
    opacity: 0 !important;
}
div[aria-describedby="loadingModal"] .blockOverlay {
    opacity: 0 !important;
    background: transparent !important;
}
.spinner {
    width: 38px !important;
    height: 38px !important;
    z-index: 9999 !important;
    min-height: 0 !important;
}
.spinner #loadingModal {
    min-height: 0 !important;
}

/* modal-bg related changes - End */

/* INPUT OUTLINE */
input, button {
    outline: none !important;
}

.spaceVertial55 {
    height: 55px;
}

/* logout dialog yes/no button style when config mgr fails */
.yesBtn-addon {
    background: #003DA5;
    color: #fff;
    border: 0px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500
    font-size: 14px;
    font-weight: 500;
    padding-left: 8px;
    padding-top: 0;
}

.noBtn-addon {
    background: transparent;
    color: #333;
    border: 0px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-left: 8px;
    padding-top: 0;
}

#searchUserTooltip {
    position: relative;
    background: #222222;
    color: #ffffff;
    top: 60px;
    margin-top: 18px;
}

#searchUserTooltip .title {
    padding: 0 10px;
    text-align: right;
}

#searchUserTooltip .content {
    padding: 0 22px 22px 22px;
}

#searchUserTooltip .heading {
    font-weight: bold;
}

#searchUserTooltip .detail {
    margin-top: 5px;
}

#motorSgpAttachmentWarning, #commercialMotorSgpAttachmentWarning {
    border: 4px solid red;
    display:block;
    width: fit-content;
    padding: 15px;
    font-weight: bold;
    background-color: #fef8c6;
}

.table.riskprembreakdown > thead > tr > th {
    padding: 0;
    margin: 0;
}

div#checkboxContainer_topUps {
    float: none;
}

div#checkboxContainer_topUps .col-md-3:last-of-type {
    width: 30 !important;
}


.tableIconMain{
    margin: 0;
}

.tableIconRow{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 15px 50px 0;
}

.tableIconRowItem{
    width: 25%;
}

@media only screen and (max-width: 769px){
    .tableIconRow{
        margin: 15px 25px 0;
    }
}

@media only screen and (max-width: 491px){
    .tableIconRowItem{
        width: 100%;
        margin-top: 30px;
    }

    .tableIconRowItem:first-child{
        margin-top: 0;
    }

    html,body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }

    #innerFormGroupDivG400D04, #innerFormGroupDivG400D01, #innerFormGroupDivG400D05 {
        width: 100%;
    }

    .form-horizontal .form-group, #PolicySearchByCustomer > .row, #PolicySearchByCustomer > .row > .form-group {
        margin: 0;
    }

    .g400-send-email-button-wrapper {
        margin-bottom: 70px;
        margin-top: 15px;
    }

    #checkboxContainer_COROPTS1 > .checkbox > label > .checkBoxLabel {
        padding-left: 22px;
    }
}

@media only screen and (max-width: 391px){
    .g400-send-email-button-wrapper {
        margin-bottom: 60px;
    }

    .form-group.COROPTS1 > label.control-label {
        padding-left: 0;
    }

    .form-group.COROPTS1 > #checkboxContainer_COROPTS1 {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 361px){
    #Correspondence > .col-md-7 {
        padding: 0;
    }
}

.popover-content ul{
    white-space: unset;
    padding-left: 16px;
    word-break: break-word;
}

.flex{
    display : flex;
}

.justify-center{
    justify-content:center
}

.bold{
    font-weight: bold;
}

.ptrNewClass.reduceSizeText{
    font-family: "Inter-Regular","Inter Regular", "InterRegular", "Inter", sans-serif;
    font-size: 12px;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > #innerFormGroupDivGEN02, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > #innerFormGroupDivGEN03 {
    width: 100%;
    order: 3;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > #iconContainer_GEN02, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > #iconContainer_GEN03 {
    margin-left: unset;
    order: 2;
    padding: 0;
    float: unset;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label {
    order: 1;
    margin-bottom: 4px;
    padding-right: 0;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label {
    width: auto;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label{
    width: auto;
}

div#GeneralPageFormDiv > .form-group > .form-group.GEN02, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 {
    align-items: center;
    text-align: left;
    justify-content: start;
}

@media only screen and (max-width: 1920px) and (orientation: landscape) {
    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label {
        width: auto;
    }

    div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label{
        width: auto;
    }
}

@media only screen and (max-width: 1536px) and (orientation: landscape) {
    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label {
        width: auto;
    }

    div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label{
        width: auto;
    }

    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > #iconContainer_GEN02, div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > #iconContainer_GEN03{
        margin-left: 5px;
    }
}














@media (max-width:480px){
    header div.search-form {
        background-image: none;
    }

    header div.search-form .input-append {
        margin: 3px 0;
    }

    header .header-links {
        margin-top: 18px;
        padding-left: 0;
    }

    #referral-messages-div ul li {
        white-space: normal;
        word-wrap: break-word;
    }

}

@media (max-width:990px){
    #referral-messages-div ul li {
        white-space: normal;
        word-wrap: break-word;
    }
}

@media (min-width:720px) and (max-width:990px) {
    .width-invoice-curr {
        width: 12%
    }

    .width-invoice-val {
        width: 80%
    }
}

@media (min-width:990px) and (max-width:1200px) {
    .width-invoice-curr {
        width: 10%
    }

    .width-invoice-val {
        width: 81.5%
    }
}

@media (min-width: 925px) {
    div.adjustIconContainterMarginLeft {
        margin-left: 15.2%;
    }
}

@media (max-width:480px){
    .action-buttons {
        float: right;
    }

    .back-buttons {
        margin-left: 0;
        float: left;
    }

    .removeFloat {
        float: none;
        margin-left: 7%;
    }

    .back-buttons.removeFloat {
        margin-left: -16px;
    }

    .adjustIconContainterMarginLeft {
        margin-left: 44%;
        padding-top: 3px;
    }
}

@media (min-width: 721px) {
    .navbar-brand {
        background-image: url(../ico/logo.png);
    }
}

@media (max-width: 720px) {
    .navbar-brand {
        background-image: url(../ico/logo.png);
        padding: 25px;
        background-size: contain;
        width: 100%;
    }
}

@media (max-width:767px){
    .nav-collapse .dropdown-menu {
        display: block;
    }

    .navbar-outer .nav > li:first-child {
        display: block;
    }

    .navbar-outer .nav > li {
        display: block;
    }

    .navbar-outer ul.nav li.dropdown,.navbar-outer ul.nav li.home-logo,.login .navbar-outer ul.nav li {
        display: block;
        text-align: left;
    }

    .navbar-collapse .nav > li > a,.navbar-collapse .dropdown-menu a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .navbar-collapse .nav > li > a:hover,.navbar-collapse .nav > li > a:focus,.navbar-collapse .dropdown-menu a:hover,.navbar-collapse .dropdown-menu a:focus {
        background-color: #009ae4;
    }

    div.pinned, div.scrollable {
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
    }

    table.responsive > tbody > tr > td {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width:767px){
    .outer-navbar ul.dropdown-menu li > a {
        color: #ffffff;
        font-weight: normal;
    }

    span.divider-vertical {
        display: none;
    }

    .outer-navbar .navbar-collapse{
        max-height: 100%;
    }

    .in.navbar-collapse {
        overflow-y: visible;
    }
}

@media (max-width:480px){
    .navbar-outer {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width:480px){
    .trafficlight {
        padding-left: 9px;
    }
}

@media (min-width:768px){
    .table tbody > tr > th, .table tbody > tr > td {
        white-space: normal;
    }
}

@media all
and (min-width:1024px) {
    .table.auto-adjust-column {
        table-layout: auto;
    }
    .fixed-column {
        white-space: nowrap !important;
    }

    .input-column {
        min-width: 150px !important;
    }
    .wrap-column {
        word-break: break-all;
    }
}

@media all
and (min-width:992px) {
    .excess .form-group > .control-label {
        display: none !important;
    }
    .excess hr {
        display: none;
    }
    .excess > .row > .col-md-3 {
        width:22% !important;
    }
    .excess .percent {
        margin:auto 5% auto -5%;
    }
    .excess > .row {
        text-align: right;
    }
    .excess > .row .form-control-static {
        padding-top:4px;
    }
    .hide-on-mobile {
        margin-bottom: 2%
    }

    .excess .form-group > div[id*="iconContainer"] {
        margin-left:5%;
    }
}

@media all
and (max-width:991px) {
    .hide-on-mobile {
        display: none !important;
    }
    .excess hr {
        margin-top: 25px;
        width: 90%;
    }
    .excess > .row {
        margin-bottom: 10px;
    }
}

@media (min-width:1024px){
    table.table.riskprembreakdown th.column-label, table.table.riskprembreakdown td.column-label {
        white-space: normal;
    }
}

@media (min-width:1200px){
    table.table.riskprembreakdown th, table.table.riskprembreakdown td {
        white-space: nowrap;
    }
}

@media (max-width:991px){
    #renewalComparison table.table.riskprembreakdown td.column-label {
        white-space: nowrap;
    }

    #renewalComparison table.table.riskprembreakdown td.column-prem {
        white-space: nowrap;
    }
}

@media (max-width:480px){
    .policy div.page-heading-policy .btn-toolbar a.btn {
        display: block;
        margin: 0 0 9px;
    }

    .policy div.page-heading-policy .btn-toolbar > .btn + .btn-group {
        margin-left: 0;
    }
}

@media (max-width:767px){
    .quote-review .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
    }

    .quote-review .dl-horizontal dd {
        margin-left: 0;
    }
}

@media (max-width:1000px){
    .form-horizontal .controls {
        margin-left: 5px;
    }

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

    #EPRaccordionbody #show-hide-supplier-customer #mobileLabel .accordion-inner {
        padding-left: 5px;
    }

    #EMBaccordionbody #show-hide-supplier-customer #mobileLabel .accordion-inner {
        padding-left: 5px;
    }

    #risk-accordion .RiskHeadingSection .accordion-heading .accordion-toggle {
        display: block;
    }

    #risk-accordion .RiskHeadingSection .accordion-heading .accordion-toggle .category-heading {
        float: none;
    }

    #risk-accordion .RiskHeadingSection table[class*="accordion-heading"] > tbody > tr > td:first-child {
        width: 5%;
    }

    #UWQuestionsSection .control-label, #ClaimsQuestionsSection .control-label {
        width: 90%;
    }

    #UWQuestionsSection .controls, #ClaimsQuestionsSection .controls {
        margin-left: 10px;
    }

    #sumInsuredTable table > tbody > tr > td:first-child {
        text-align: left;
        padding-left: 5px;
        width: auto;
    }

    #sumInsuredTable table > tbody > tr:first-child > td:nth-child(2), #sumInsuredTable table > tbody > tr > td:nth-child(3) {
        width: auto;
    }

    #sumInsuredTable table > tbody > tr > td input[class*="input-small"] {
        width: 90px;
    }

    #sumInsuredTable table > tbody > tr:last-child > td {
        padding-bottom: 9px;
    }

    #floatingSumInsured table > tbody > tr:first-child > td:nth-child(2), #sumInsuredTable table > tbody > tr > td:nth-child(3) {
        width: auto;
    }

    #floatingSumInsured table > tbody > tr > td div.col-lg-12 {
        width: 120px;
    }

    #floatingSumInsured table > tbody > tr:last-child > td {
        padding-bottom: 9px;
    }

}

@media (max-width:1024px){
    table.table.riskprembreakdown th.column-label, table.table.riskprembreakdown td.column-label {
        width: 200px;
    }

    table.table.riskprembreakdown th.column-prem, table.table.riskprembreakdown td.column-prem,
    div.policyreview table.riskprembreakdown th.column-prem, div.policyreview table.riskprembreakdown td.column-prem {
        width: 150px!important;
    }

    div.policyreview table.riskprembreakdown th.column-label, div.policyreview table.riskprembreakdown td.column-label {
        width: 350px;
    }

    div.scrollableReviewPremium {
        overflow: scroll;
        overflow-y: hidden;
        border: 1px solid #ccc;
        margin: 0 5px 9px 5px;
    }

    table.scrollablePremium { margin-bottom: 0; }

    .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
    .pinned table { border-right: none; border-left: none; width: 100%; }
    .pinned table th, .pinned table td { white-space: nowrap; }
    .pinned td:last-child { border-bottom: 0; }

    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
    div.table-wrapper div.scrollable table { margin-left: 0px; }
    div.table-wrapper div.scrollable table.riskprembreakdown.scrollablePremium, div.table-wrapper div.scrollable table.table-striped.table-condensed.responsive { margin-left: 35%; }


    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

    table.scrollablePremium td, table.scrollablePremium th { position: relative; white-space: nowrap; overflow: hidden; }
    table.scrollablePremium th:first-child, table.scrollablePremium td:first-child, table.scrollablePremium td:first-child, table.scrollablePremium.pinned td { display: none; }


    #policyA #cover-sections .riskLabel, #policyB #cover-sections .riskLabel { overflow:auto; }
}

@media (max-width:550px){
    .tailor-cover #risk-accordion .accordion-inner .accordion-padding {
        padding-right: 0px;
    }

    ul.validationError {
        white-space: normal;
    }
}

@media (max-width:480px){
    #sumInsuredTable, #floatingSumInsured {
        overflow: scroll;
        overflow-y: hidden;
        border: 1px solid #ccc;
        margin: 0 5px 9px 5px;
    }
}

@media screen and (max-width:1000px) {
    div.scrollableTable.scrollTableTransactionHistory table > thead > tr > th {
        padding-left: 7px;
        padding-right: 7px;
        white-space: nowrap;
    }

    div.scrollableTable.scrollTableTransactionHistory {
        overflow: scroll;
        overflow-y: hidden;
        border: 1px solid #ccc;
        margin: 0 5px 9px 5px;
    }
}


@media screen and (max-width:767px) {
    div.scrollableTable table > thead > tr > th, div.scrollableTable table > tbody > tr > td {
        padding-left: 7px;
        padding-right: 7px;
        white-space: nowrap;
    }

    div.scrollableTable {
        overflow: scroll;
        overflow-y: hidden;
        border: 1px solid #ccc;
        margin: 0 5px 9px 5px;
    }

    div.scrollableTable table#referralMessage, div.scrollableTable table#intermediaryMessage {
        margin-bottom: 0px;
    }

    table#intermediaryMessage div.form-group {
        width: 600px;
    }

    table#intermediaryMessage tbody > tr > td {
        padding: 0px;
    }
}

@media (min-width:768px){
    .login .outer-navbar .nav > li {
        width: 20%;
    }

    .login .outer-navbar .nav > li:first-child + li + li + li {
        width: 28%;
    }

    .outer-navbar .nav > li > a{
        text-align: center;
        letter-spacing: 0.025em;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .outer-navbar .nav {
        width: 100%;
    }

    .outer-navbar .nav > li.intermediaryMenu{
        width: 20%;
    }

    .outer-navbar .nav > li {
        width: 13%;
    }

    .outer-navbar .nav > li:first-child + li + li + li, .outer-navbar .nav > li:first-child + li + li {
        width: 18%;
    }

    .outer-navbar .noAdmin > li {
        width: 16%;
    }

    .outer-navbar .nav > li.australia{
        width: 13% !important;
    }
}

@media (max-width:1200px) {
    .form-horizontal .control-label {
        width: 100%;
        text-align: left;
        margin-left: 5px;
    }

    #floatingSumInsured table > tbody > tr > td:first-child {
        text-align: left;
        padding-left: 15px;
        width: 25%;
    }

    #EPRaccordionbody h3 {
        width: 100%;
        text-align: left;
    }

    #EPRaccordionbody div.form-group.well .form-group-display {
        padding-left: 25px;
        width: 100%;
    }

    #EMBaccordionbody h3 {
        width: 100%;
        text-align: left;
    }

    #EMBaccordionbody div.form-group.well .form-group-display {
        padding-left: 25px;
        width: 100%;
    }

    #underwritingCommonScreenForm span.col-sm-1.ui-button {
        width: 80px;
        margin-top: 5px;
        margin-left: 15px;
    }

    button.btn.btn-info.btn-xs.searchIndustryButton {
        margin: 5px 0px 5px 15px;
    }

    #clientDetailsForm .row {
        margin-left: 0px;
    }

}

@media (min-width:440px) and (max-width:1199px) {
    .search-button-align {
        top: -5px;
    }
}

@media (min-width:1200px) {
    .search-button-align {
        top: 1%;
    }
}

@media (max-width:550px){
    #riskAttachmentsInc .col-xs-1, #riskAttachmentsInc .col-xs-2, #riskAttachmentsInc .col-xs-3 {
        width: 100%;

    }
}

@media (max-width:400px){
    div.scrollableModal {
        overflow: scroll;
        overflow-y: hidden;
        border: 1px solid #ccc;
        margin: 0 5px 9px 5px;
    }

    div.scrollableModal table {
        width: 542px;
        max-width: none;
    }
}

@media (max-width:1024px) {
    #referralInfo .row,
    #nonBIZRenewalInfo .row {
        padding-left: 5%;
    }

    ul.breadcrumb {
        white-space: normal;
    }
}

@media (max-width:995px){
    #intermediaryFrameset #leftMenu {
        height: 200px !important;
    }

    #intermediaryFrameset #mainFrame {
        left: 0px;
    }

    table#intermediaryDetail div.form-group div[class*="col-lg-7"],
    table#staffDetail div.form-group div[class*="col-lg-7"]{
        width: 450px;
    }

    table#intermediaryDetail div.form-group div[class*="col-lg-5"],
    table#staffDetail div.form-group div[class*="col-lg-5"]{
        width: 272px;
    }

    table#intermediaryDetail div.form-group div[class*="col-lg-4"],
    table#staffDetail div.form-group div[class*="col-lg-4"]{
        width: 204px;
    }

    table#intermediaryDetail div.form-group div[class*="col-lg-3"],
    table#staffDetail div.form-group div[class*="col-lg-3"]{
        width: 136px;
    }

    table#intermediaryDetail div.form-group div[class*="row col-lg-1"],
    table#staffDetail div.form-group div[class*="row col-lg-1"]{
        width: 74px;
    }
}

@media (max-width:400px){
    table#intermediaryList {
        width: 300px;
    }
}

@media screen and (min-width: 950px) {
    .address-modal .modal-dialog {
        width: 900px;
    }
}

@media (min-width:992px){
    .divider-static-content {
        height: 400px;
        width: 30px !important;
        overflow: hidden;
        border-left: 1px solid #00205b;
        border-bottom: 0px;
        margin-top: auto;
    }
}

@media (max-width:767px){
    li.home-logo {
        display: none;
    }

    .outer-navbar .navbar .navbar-collapse ul.navbar-nav li.dropdown {
        border-bottom: 1px solid #424242;
    }

    .outer-navbar .navbar .navbar-header div{
        height: 52px;
        padding-left: 5px;
    }

    .outer-navbar .navbar .navbar-header div a {
        width: 52px;
        line-height: 52px;
    }

    .outer-navbar .navbar .navbar-collapse ul.navbar-nav li.dropdown:last-child {
        border-bottom: none;
    }

    .outer-navbar .navbar .navbar-collapse ul.navbar-nav li.dropdown a {
        width: 100%;
    }

    .outer-navbar .navbar .navbar-collapse ul.navbar-nav li.dropdown a span.glyphicon {
        display: inline !important;
        float: right;
        line-height: inherit;
        position: absolute;
        top: 14px;
        right: 20px;
    }

    .outer-navbar .navbar .navbar-header div a{
        display: inline !important;
    }

    .outer-navbar .navbar .navbar-collapse ul.navbar-nav li.dropdown a span.glyphicon {
        color: #FFFFFF;
    }

    .modal-left-button, .modal-right-button{
        padding-left: 0px; !important;
        padding-right: 10px; !important;
        text-align: right; !important;
    }

    #corporateCustomerDetails div.form-group.CLD36 span.glyphicon.glyphicon-info-sign {
        float: right !important;
    }

    th.mblPolicyTypeLabel  {
        padding-left:5px !important;
    }
}

@media (min-width:768px){
    .modal-left-button {
        padding-left: 0px;
        text-align: left;
    }

    .modal-right-button {
        padding-right: 0px;
        text-align: right;
    }
}

@media (min-width:1200px){
    .container {
        max-width: 1170px;
        /*    width: 100%;      */
    }
    div.si-per-unit .left-component {
        width: 100%;
    }

    div.si-per-unit .x-separator {
        left: 50%;
    }

    div.side-button .input-component {
        width: 100%;
        float: left;
    }

    div.side-button .button-component {
        left: 55%;
        position: absolute;
        margin-top: -3px;
    }
}

@media (max-width:768px){
    .mobilePadding {
        padding-left: 15px!important;
    }
}

@media (max-width:369px){
    .col-TinyViewPort{
        width: 100%;!important
    }
}

@media (min-width:600px){
    .mobileCustomStrap{
        width:50%;
        float:left;
    }
}

@media (max-width:1200px) {
    #packagedOptions .form-group .col-lg-2, #packagedOptions .form-group .col-lg-3,
    #packagedOptions .form-group .col-lg-4 {
        width: 100%;
    }

    #packagedQuoteCalculate {
        padding-left: 5px;
    }

    #packagedQuoteCalculate .pull-right {
        float: none!important;
    }

    .extraRow {
        line-height: 5px;
    }

    table[id*='packagedClauses'] tr td .control-label {
        padding-left: 10px;
    }

    table[id*='packagedClauses'] tr td a {
        padding-left: 30px;
    }

}

@media (max-width:1000px) {
    #quoteOptionPackageA .checkbox, #quoteOptionPackageB .checkbox {
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    div[class*="col-md"] > .action-buttons {
        float: left;
        width: 100%;
    }

    .action-buttons a.btn, .back-buttons a.btn{
        margin-top: 5px;
    }

    #addManualRefer{
        margin-left: 28px !important;
    }

    .mobileCenter {
        text-align: center;!important;
    }
}

@media all and (min-width:1200px) {
    #ccDetailsSections .ddaCcMonth {
        padding-right:0px;
        margin-right:-60px;
    }

    #ccDetailsSections .ddaCcYear {
        padding-left: 0px;
    }
}

@media (max-width: 1012px) {
    .premium-adjustment-label-width {
        width: 53%;
    }
}


@media (max-width: 900px) {
    .sub-navigation-content.no-tabs.no-padding.policySummaryHeight {
        height: 1050px;
    }
}

@media (max-width: 768px) {
    div.container.containerAdjustClass {
        position:relative;
        left:0px;
    }
}

@media (max-width: 768px) {
    div.productSelectPaneClass {
        width: 100%;
    }
}

@media (max-width: 768px) {
    div.productSelectButtonClass {
        margin: 10px;
        width: 90px;
    }
}

@media (max-width: 991px) {
    .sideColAdjustClass #hideButton {
        display: none;
    }

    .sideColAdjustClass {
        display: none;
    }

    div.bottomAdjustClass {
        display: none;
    }

    div.dashboardButtonClass {
        width: auto;
    }

    div.dashboardButtonClass > div.dashboardButtonLabelClass {
        display: none;
    }
}

@media (min-width: 992px) {
    .sideColAdjustClass #closeMenuButton {
        display: none;
    }
}

@media (max-width: 768px) {
    body.bodyAdjustClass2 {
        margin-bottom:0px;
    }
}

@media (max-width: 1024px) {
    div.footer2-bottom {
        display:none;
    }
    div.container.containerAdjustClass {
        margin-bottom: 70px;
    }

    .footer2-bottom-mobile {
        display:block;
        font-family: Inter;
        background-color: #0b1e46;
        color: #ffffff;
        text-align: center;
        width: 100%;
        z-index: 3001;
    }

    .footer2-bottom-mobile .footer2-link {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 0;
    }

    .footer2-bottom-mobile .footer2-link a {
        text-decoration: none;
        color: #ffffff;
    }
}

@media (max-width:1024px){
    #qbe-logo {
        display:none;
    }

    #mil-logo {
        display:none;
    }

    #hase-logo {
        display:none;
    }

    #lockton-logo {
        display:none;
    }

    #steadfast-logo {
        display:none;
    }

    #menuItem {
        display:none;
    }

    #menuHeader2 {
        display: none;
    }

    #menuHeader2-mobile {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }

    #menuHeader2-mobile .icon-bar {
        background-color: #ffffff;
    }

    #qbe-logo-mobile {
        width: 98px;
        display: inline-block;
        position: relative;
        top: 7px;
    }

    #mil-logo-mobile {
        width: 208px;
        height: 28px;
        display: inline-block;
        margin-left: 22px;
        position: relative;
        top: 7px;
    }

    #hase-logo-mobile {
        width: 132px;
        display: inline-block;
        position: relative;
        top: 8px;
        margin-left: 12px;
    }

    #lockton-logo-mobile {
        width: 71px;
        display: inline-block;
        position: relative;
        top: 8px;
        margin-left: 14px;
    }

    #steadfast-logo-mobile {
        width: 87px;
        display: inline-block;
        position: relative;
        top: 8px;
        margin-left: 14px;
    }

    #search-icon-mobile {
        width:32px;
        height:32px;
        background-size:contain;
        background-position: center center;
        background-repeat:no-repeat;
        background-image: url(../images/search-icon.svg);
    }

    #btnShowMenuMobile {
        display: inline-block;
        float: left;
    }

    #btnHideMenuMobile {
        display: inline-block;
        float: left;
    }

    #btnHideMenuMobile > .fa.fa-times {
        color:#ffffff;
        font-size: 20px;
        line-height:0.6;
        padding-left: 2px;
        padding-right: 4px;
    }

    #mobileButtonPane {
        display: block;
    }

    #menuItem-mobile {
        width: 100%;
        background-color: #cccccc;
        overflow-y: auto;
        height:calc(100vh - 50px);
        display:none;
        flex-flow: column;
    }

    #menuItem-mobile > div {
        flex: 0 0 auto;
        padding: 14px 18px;
        border: 1px solid #e0e0e0;
        cursor: pointer;
        font-weight: bold;
        background-color: #ffffff;
    }

    #menuItem-mobile > div.btnGeneral {
        background-color: #eeeeee;
    }

    #menuItem-mobile span.fa.fa-chevron-right {
        float: right;
        padding-top: 4px;
        padding-right: 8px;
    }

    .menuSubItem-mobile {
        background-color: #cccccc;
        height: calc(100vh - 50px);
        display:none;
        flex-flow: column;
        overflow-y: auto;
        position: fixed;
        width: 100%;
    }

    .menuSubItem-mobile > div {
        flex: 0 0 auto;
        padding: 14px 18px;
        border: 1px solid #e0e0e0;
        cursor: pointer;
        background-color: #ffffff;
    }

    .menuSubItem-mobile > div > a {
        text-decoration: none;
        color: #000000;
    }

    .menuSubItem-mobile span.fa.fa-arrow-left {
        font-size: 14px;
        line-height:0.6;
        margin-left: -5px;
        margin-right: 10px;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) {
    .modal-open #DIALOG-MESSAGE-2020 .modal-dialog {
        width: 355px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-content {
        width: 355px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-header {
        width: 353px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-footer .row .col-xs-3 {
        width: auto !important;
        margin-left: -2px;
    }
    .yesBtn-addon, .noBtn-addon {
        padding-left: 0;
    }
}
@media only screen and (min-device-width: 376px) and (max-device-width: 480px) {
    .modal-open #DIALOG-MESSAGE-2020 .modal-dialog {
        width: 393px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-content {
        width: 393px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-header,
    #DIALOG-MESSAGE-2020 .modal-footer {
        width: 391px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-footer .row .col-xs-12 > .row > .col-xs-3 {
        width: auto !important;
        margin-left: 5px;
    }
    .yesBtn-addon, .noBtn-addon {
        padding-left: 0;
    }

}

/* Email Notification Success Modal on Mobile View - SME-8230 */
@media only screen and (max-device-width: 560px) {
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-dialog,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-dialog {
        width: 100vw !important;
    }
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-content,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-content {
        width: 100%;
    }
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-header,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-header {
        width: 100%;
    }
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-title #DIALOG-SUCCESS-TITLE-ICON-2020,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-title #DIALOG-SUCCESS-TITLE-ICON-2020 {
        position: absolute;
        top: 20px;
        left: 10px;
    }
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-header h3.modal-title,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-header h3.modal-title {
        padding-left: 30px;
    }
    #quoteHeaderPage #DIALOG-SUCCESS-2020 .modal-title .modal-close,
    #policyHeaderPage #DIALOG-SUCCESS-2020 .modal-title .modal-close {
        padding-top: 0;
        position: absolute;
        top: 20px;
        right: 20px;
    }
}














.form-group-2020 {
    margin: 15px 0 !important;
    position: relative !important;
}

.textfield-2020, .form-control-2020 {
    width: 100% !important;
    height: 28px;
    background-color: #f7f8f9;
    border-width: 0 0 1px 0;
    border-color: #000000;
    padding: 0px 0px 8px 16px !important;
    color: #000000;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 !important;
    border-radius: 0px;
    box-shadow: none !important;
}

.textfield-2020:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

}

.textfield-2020[disabled], .textfield-2020[readonly], .control-label-2020[disabled], .control-label-2020[readonly] {
    background-color: #ffffff;
    border-color: #003da5;
}


.control-label-2020 {
    width:100% !important;
    text-align:left !important;
    background-color: #f7f8f9;
    color: #003da5;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 !important;
    padding: 6px 0 0 16px !important;
}

.select-2020 {
    margin: 15px 0;
}

.select-2020 > div > label {
    width:100% !important;
    text-align:left !important;
    font-weight: normal;
    font-size:10px;
    background-color: #ffffff;
    margin: 0 0 -2px 0 !important;
    padding: 0 0 0 5px !important;
}

.select-2020 > div > div.dropdown > button {
    width:100%;
    text-align:left;
    outline:none;
    border:none;
    border-bottom:1px solid #000000;
    background-color:#ffffff;
}


.select-2020 > div > div.dropdown.open > button {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-bottom:1px solid #009ae4;
}

.select-2020 > div > div.dropdown > button {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.select-2020 > div > div.dropdown > button > span.fa.fa-angle-up, .select-2020 > div > div.dropdown.open > button > span.fa.fa-angle-down {
    display:none;
}

.select-2020 > div > div.dropdown.open > button > span.fa.fa-angle-up, .select-2020 > div > div.dropdown > button > span.fa.fa-angle-down {
    display:block;
}

.select-2020 > div > div.dropdown > button > span {
    float:right;
    font-size:20px;
}

.select-2020 > div > div.dropdown > ul.dropdown-menu {
    width:100%;
    background-color:#f8f8f8;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
}

.select-2020 > div > div.dropdown > ul.dropdown-menu > li {
    border-top: 1px solid #d8d8d8;
}

.select-2020 > div > div.dropdown > ul.dropdown-menu > li:first-child {
    border-top: none;
}

.select-2020 > div > div.dropdown > ul.dropdown-menu > li > a:hover {
    color: #003da5;
    background-color: #e0e0e0;
}


.btn-2020 {
    height: 30px;
    border-radius: 100px;
    background-image: none;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 8px 16px;
    margin: 5px;
}

.btn-2020:hover {
    text-decoration: none !important;
}

.btn-black-2020 {
    background-color: #222222 !important;
    color: #ffffff !important;
}

.btn-black-2020:hover {
    color: #ffffff !important;
}

.btn-orange-2020 {
    background-color: #f0ad4e !important;
    color: #ffffff !important;
}

.btn-orange-2020:hover {
    color: #ffffff !important;
}

.btn-primary-2020 {
    background-color: #003DA5 !important;
    color: #ffffff !important;
    border: 0;
}

.btn-primary-2020:hover {
    color: #ffffff !important;
}

.btn-secondary-2020 {
    color: #1B45B2;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    background-color: #fff !important;
    border: 1px solid #002185;
    border-radius: 28px;
}


#DIALOG-MESSAGE-2020 {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-2020 .modal-dialog {
    width: 560px !important;
}

#DIALOG-MESSAGE-2020 .modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#DIALOG-MESSAGE-2020 .modal-content {
    width: 560px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 12px 12px 32px 0 rgba(20,40,75,0.16);
}

#DIALOG-MESSAGE-2020 .modal-backdrop {
    background-color: #fff;
}

#DIALOG-MESSAGE-2020 .modal-header {
    background-image: none;
    background-color: #00C1CC;
}

#DIALOG-MESSAGE-2020 .modal-header {
    /*height: 57px; - OLD */
    height: 62px;
    width: 558px;
    border-radius: 19px 19px 0 0;
    background-color: #00C1CC;
    border-top: 0px !important;
}

#DIALOG-MESSAGE-2020 .modal-header h3 {
    font-size: 17px;
    line-height: 36px;
    margin-top: 3px;
}

#DIALOG-MESSAGE-2020 .modal-close {
    float: right;
    /*padding-top: 10px*/
    margin-top: 10px;
    margin-right: 5px;
}
#DIALOG-MESSAGE-2020 .btn-secondary-2020 .noBtn-addon {
    padding-left: 0;
}
#DIALOG-MESSAGE-2020 .modal-close .fa-remove {
    content: '';
    width: 16px;
    height: 16px;
    background: url('../images/modal/close_white.svg') center center no-repeat;
}
#DIALOG-MESSAGE-2020 .modal-close .fa-remove:before {
    content: '';
}

#DIALOG-MESSAGE-2020 .modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: right;
    background: none;
    border: none;
    height: 113px;
}

#DIALOG-MESSAGE-2020 .modal-footer button.btn.btn-small {
    height: 44px;
}

#DIALOG-MESSAGE-2020 .modal-body {
    padding: 10px 18px 18px;
    background: #fff;
}

#DIALOG-MESSAGE-2020 .modal-body textarea {
    margin-bottom: 18px;
}

#DIALOG-MESSAGE-2020 .modal-title {
    height: 28px;
    width: 525px;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}

#DIALOG-MESSAGE-2020 .modal-body {
    background-color: white;
    padding: 60px 30px;
    font-family: Inter;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-MESSAGE-2020 .modal-footer {
    text-align: center;
}

#DIALOG-MESSAGE-2020 .btn-primary-2020 {
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid transparent;
    background: rgb(0, 61, 165);
    color: #ffffff !important;
}

#DIALOG-MESSAGE-2020 .btn-secondary-2020 {
    color: #1B45B2;
    box-sizing: border-box;
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid rgb(0, 33, 133);
    background: transparent;
}

#DIALOG-MESSAGE-OK-2020 {
    text-align: center;
}

#DIALOG-MESSAGE-CENCEL-2020 {
    text-align: center;
}


#DIALOG-MESSAGE-ALERT-2020 {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-dialog {
    width: 560px !important;
}

#DIALOG-MESSAGE-ALERT-2020 .modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-content {
    width: 560px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 12px 12px 32px 0 rgba(20,40,75,0.16);
}

#DIALOG-MESSAGE-ALERT-2020 .modal-backdrop {
    background-color: #fff;
}

#DIALOG-MESSAGE-B2C-2020 {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-B2C-2020 .modal-dialog {
    width: 560px !important;
}

#DIALOG-MESSAGE-B2C-2020 .modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#DIALOG-MESSAGE-B2C-2020 .modal-content {
    width: 560px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 12px 12px 32px 0 rgba(20,40,75,0.16);
}

#DIALOG-MESSAGE-B2C-2020 .modal-backdrop {
    background-color: black;
}

#DIALOG-MESSAGE-B2C-2020 .modal-header {
    background-image: none;
    background-color: black;
}

#DIALOG-MESSAGE-B2C-2020 .modal-header {
    height: 57px;
    width: 560px;
    border-radius: 20px 20px 0 0;
    background-color: white;
}

#DIALOG-MESSAGE-B2C-2020 .modal-header h3 {
    font-size: 20px;
    line-height: 36px;
}

#DIALOG-MESSAGE-B2C-2020 .modal-close {
    float: right;
    padding-top: 10px
}

#DIALOG-MESSAGE-B2C-2020 .modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: center;
    background: none;
    border: none;
    height: 113px;
}

#DIALOG-MESSAGE-B2C-2020 .modal-footer button.btn.btn-small {
    height: 44px;
}

#DIALOG-MESSAGE-B2C-2020 .modal-body {
    padding: 10px 18px 18px;
    background: #fff;
}

#DIALOG-MESSAGE-B2C-2020 .modal-title {
    height: 28px;
    width: 525px;
    color: black;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-MESSAGE-B2C-2020 .modal-body {
    background-color: white;
    padding: 60px 60px 10px 60px;
    font-family: Inter;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-header {
    background-image: none;
    background-color: #00C1CC;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-header {
    height: 57px;
    width: 560px;
    border-radius: 20px 20px 0 0;
    background-color: #00C1CC;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-header h3 {
    font-size: 17px;
    line-height: 36px;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-close {
    float: right;
    padding-top: 10px
}

#DIALOG-MESSAGE-ALERT-2020 .modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: right;
    background: none;
    border: none;
    height: 113px;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-footer button.btn.btn-small {
    height: 44px;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-body {
    padding: 10px 18px 18px;
    background: #fff;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-body textarea {
    margin-bottom: 18px;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-title {
    height: 28px;
    width: 525px;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-body {
    background-color: white;
    padding: 60px 30px;
    font-family: Inter;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-MESSAGE-ALERT-2020 .modal-footer {
    text-align: center;
}

#DIALOG-MESSAGE-2020 .btn-primary-2020 {
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid transparent;
    background: rgb(0, 61, 165);
    color: #ffffff !important;
}

#DIALOG-SUCCESS-2020 {
    z-index:1070 !important;
}

#DIALOG-SUCCESS-2020 .modal-dialog {
    width: 560px;
}

#DIALOG-SUCCESS-2020 .modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#DIALOG-SUCCESS-2020 .modal-content {
    width: 560px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 12px 12px 32px 0 rgba(20,40,75,0.16);
}

#DIALOG-SUCCESS-2020 .modal-backdrop {
    background-color: #fff;
}

#DIALOG-SUCCESS-2020 .modal-header {
    background-image: none;
    background-color: #00C1CC;
}

#DIALOG-SUCCESS-2020 .modal-header {
    height: 57px;
    width: 560px;
    border-radius: 20px 20px 0 0;
    background-color: #00C1CC;
}

#DIALOG-SUCCESS-2020 .modal-header h3 {
    font-size: 17px;
    line-height: 36px;
}

#DIALOG-SUCCESS-2020 .modal-close {
    float: right;
    padding-top: 10px
}

#DIALOG-SUCCESS-2020 .modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: right;
    background: none;
    border: none;
    height: 113px;
}

#DIALOG-SUCCESS-2020 .modal-footer button.btn.btn-small {
    height: 44px;
}

#DIALOG-SUCCESS-2020 .modal-body {
    padding: 10px 18px 18px;
    background: #fff;
}

#DIALOG-SUCCESS-2020 .modal-body textarea {
    margin-bottom: 18px;
}

#DIALOG-SUCCESS-2020 .modal-title {
    height: 28px;
    width: 525px;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}

#DIALOG-SUCCESS-2020 .modal-body {
    background-color: white;
    padding: 60px 30px;
    font-family: Inter;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-SUCCESS-2020 .modal-footer {
    text-align: center;
}

#DIALOG-SUCCESS-2020 .btn-primary-2020 {
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid transparent;
    background: rgb(0, 61, 165);
    color: #ffffff !important;
}

#DIALOG-SUCCESS-2020 .btn-secondary-2020 {
    color: #1B45B2;
    box-sizing: border-box;
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid rgb(0, 33, 133);
    background: transparent;
}

#DIALOG-SUCCESS-OK-2020 {
    text-align: center;
}

#DIALOG-SUCCESS-CENCEL-2020 {
    text-align: center;
}

#DIALOG-SUCCESS-2020 .btn-primary-2020 {
    transition: box-shadow 100ms linear 0s, background-color 100ms linear 0s, color 100ms linear 0s;
    margin: 0px;
    font-family: Inter, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 27px !important;
    border-radius: 28px !important;
    height: 52px !important;
    border: 1px solid transparent;
    background: rgb(0, 61, 165);
    color: #ffffff !important;
}


.radio-2020-group.inline {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
}

.radio-2020-group .radio-2020-item-container {
    flex: 1;
    border: 2px solid #b0b0b0;
    border-radius: 5px;
    margin: 15px;
}

.radio-2020-group .radio-2020-item-container.active {
    border: 2px solid #003da5;
    box-shadow: 0px 0px 15px 0 rgba(20,40,75,0.2);
}

.radio-2020-group .radio-2020-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 18px;
    margin: 0 !important;
}

.radio-2020-group .radio-2020-item-label {
    margin-left: 15px;
    user-select:none;
}

.radio-2020-group .radio-2020-hidden {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.radio-2020-group .radio-2020 {
    width: 18px;
    height: 18px;
    border: 1px solid #003da5;
    border-radius: 100%;
    position: relative;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
}

.radio-2020-group .radio-2020::before,
.radio-2020-group .radio-2020::after {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    position: absolute;
    transform: scale(0);
    transform-origin: center center;
}

.radio-2020-group .radio-2020:before {
    background: #003da5;
    opacity: 0;
    transition: 0.3s;
}

.radio-2020-group .radio-2020-hidden:checked+.radio-2020::before {
    opacity: 1;
    transform: scale(0.5);
    top: -1px;
    left: -1px;
}

.radio-2020-group .radio-2020-hidden:hover+.radio-2020,
.radio-2020-group .radio-2020-hidden:focus+.radio-2020 {
    border: 1px solid #003da5;
}

.radio-2020-group .radio-2020-hidden:hover+.radio-2020:before,
.radio-2020-group .radio-2020-hidden:focus+.radio-2020:before {
    background: #003da5;
}

.radio-2020-group.disabled {
    opacity: 0.5;
}
.radio-2020-group.disabled .radio-2020-item-container {
    border: 2px solid #b0b0b0;
}

.radio-2020-group.disabled .radio-2020-item-container.active {
    border: 2px solid #b0b0b0;
}

.radio-2020-group.disabled .radio-2020 {
    border: 1px solid #b0b0b0;
}

.radio-2020-group.disabled .radio-2020:before {
    background: #b0b0b0;
}

.radio-2020-group.disabled .radio-2020-hidden:hover+.radio-2020,
.radio-2020-group.disabled .radio-2020-hidden:focus+.radio-2020 {
    border: 1px solid #b0b0b0;
}

.radio-2020-group.disabled .radio-2020-hidden:hover+.radio-2020:before,
.radio-2020-group.disabled .radio-2020-hidden:focus+.radio-2020:before {
    background: #b0b0b0;
}


#DIALOG-MESSAGE-2021,
#DIALOG-ERROR-2021 {
    z-index:1070 !important;
}

#DIALOG-MESSAGE-2021 .modal,
#DIALOG-ERROR-2021 .modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#DIALOG-MESSAGE-2021 .modal-dialog,
#DIALOG-ERROR-2021 .modal-dialog {
    width: 560px !important;
}

#DIALOG-MESSAGE-2021 .modal-content,
#DIALOG-ERROR-2021 .modal-content {
    width: 560px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 12px 12px 32px 0 rgba(20,40,75,0.16);
}

#DIALOG-MESSAGE-2021 .modal-backdrop,
#DIALOG-ERROR-2021 .modal-backdrop {
    background-color: #fff;
}

#DIALOG-MESSAGE-2021 .modal-header,
#DIALOG-ERROR-2021 .modal-header {
    background-image: none;
    background-color: #fff;
    height: 57px;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
}

#DIALOG-MESSAGE-2021 .modal-header h3,
#DIALOG-ERROR-2021 .modal-header h3 {
    font-size: 17px;
    line-height: 36px;
}

#DIALOG-MESSAGE-2021 .modal-title,
#DIALOG-ERROR-2021 .modal-title {
    height: 28px;
    width: 525px;
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
}

#DIALOG-MESSAGE-2021 .modal-close,
#DIALOG-ERROR-2021 .modal-close {
    float: right;
    padding-top: 10px;
    color: #909090;
    font-weight: 400;
}

#DIALOG-MESSAGE-2021 .modal-body,
#DIALOG-ERROR-2021 .modal-body {
    background-color: white;
    padding: 60px 30px;
    font-family: Inter;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

#DIALOG-MESSAGE-2021 .modal-body textarea,
#DIALOG-ERROR-2021 .modal-body textarea {
    margin-bottom: 18px;
}

#DIALOG-MESSAGE-2021 .modal-body > .row:first-child,
#DIALOG-ERROR-2021 .modal-body > .row:first-child {
    margin-bottom: 18px;
}

#DIALOG-MESSAGE-2021 .modal-footer,
#DIALOG-ERROR-2021 .modal-footer {
    padding: 18px;
    margin-bottom: 0;
    text-align: center;
    background: none;
    border: none;
    height: 113px;
}

#DIALOG-MESSAGE-2021 .modal-footer button.btn.btn-small,
#DIALOG-ERROR-2021 .modal-footer button.btn.btn-small {
    height: 44px;
}














/* NEW Modal style - for existing modal, just add class modal-2021 to the modal div, i.e. class="modal modal-2021" */

/* FONT DECLARATIONS */
/* FONT DECLARATIONS */
@font-face {
    font-family: Inter;
    src: url(../fonts/Inter-Regular.woff);
}
@font-face {
    font-family: Inter-Medium;
    src: url(../fonts/Inter-Medium.woff);
}
@font-face {
    font-family: Inter-SemiBold;
    src: url(../fonts/Inter-SemiBold.woff);
}
@font-face {
    font-family: Inter-Bold;
    src: url(../fonts/Inter-Bold.woff);
}
@font-face {
    font-family: Stag-Medium;
    src: url(../fonts/Stag-Medium-Web.woff);
}

body {
    margin: 0;
}
.modalWindow {
    position: relative;
    background: rgba(0,0,0,0.75);
    width: 100vw;
    height: 100vh;
}
.modalContainer {
    width: 550px;
    height: auto;
    background: #fff;
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}
.modalContainer .modalHead {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    position: relative;
}
.modalContainer .modalHead span {
    font-family: "Stag Medium", sans-serif;
    font-size: 22px;
    color: rgb(44, 44, 44);
}
.modalContainer .modalCloser {
    border: 0;
    width: 24px;
    height: 24px;
    background: url(../images/newModal/images/close_gray.svg) no-repeat center center;
    position: absolute;
    top: 12px;
    right: 12px;
}
.modalContainer .modalBody {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.modalContent {
    height: auto;
    padding: 70px 90px;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    line-height: 24px;
}
.modal-content.highlight {
    font-size: 17px;
}
.modalFoot {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 50px;
}
.modalButtons {
    text-align: center;
}
.modalButtons button {
    margin: 0 10px 5px 10px;
    padding: 15px 22px;
    border-radius: 40px;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    background: none;
    outline: none;
}
.modalButtons .buttonWhite {
    background: #fff;
    border: 1px solid #003da5;
    color: #003da5;
}
.modalButtons .buttonBlue {
    background: #003da5;
    border: 1px solid #003da5;
    color: #fff;
}
.alert-icon {
    width: 45px;
    height: 40px;
    margin-bottom: 30px;
}
.success-icon {
    background: url(../images/newModal/images/check_green.svg) no-repeat center center;
}
.fail-icon {
    background: url(../images/newModal/images/alert_red.svg) no-repeat center center;
}
.modalAlertMsg {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    color: #ff0000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    line-height: 18px;
    margin-bottom: -23px;
    padding: 0 35px;
}
.modal-link {
    font-family: "Inter", sans-serif;
    font-weight: normal;
    color: #003da5;
    text-decoration: none;
    line-height: 18px;
    font-size: 12px;
    margin-top: 20px;
    word-break: break-all;
}

.modal-DualButtons {
    display: none;
}
.modal-Success {
    display: none;
}
.modal-Fail {
    display: none;
}
.modal-WithLink {
    display: none;
}


/* NEW Modal style for existing markup of the modals. Also created a totally new modal (styles are inside style.jsp as an include; style-2021.jsp)
this new modal style simplifies the div structures and decreases the child elements and levels of the markup. The new modal is best used as an
include that goes on top of the main content. The below styles are commented for now pending discussion on how to best implement this. */


.logoutBox-2021 .modal-content {
    border-radius: 10px !important;
}
.logoutBox-2021 .modal-header {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 20px;
    background: none !important;
    border-bottom: 0;
}
.logoutBox-2021 .modal-title {
    text-align: center;
}
.logoutBox-2021 .modal-title > i {
    display: none;
}
.logoutBox-2021 .modal-title span {
    color: #000;
    line-height: 36px;
    font-size: 22px;
    font-family: "Stag Medium", sans-serif;
    letter-spacing: 1px;
}
.logoutBox-2021 .modal-close i {
    background: url('../images/modal/close_gray.svg') center center no-repeat !important;
    position: absolute;
    top: 0;
    right: 20px;
}
.logoutBox-2021 .modal-body {
    font-size: 17px;
    font-weight: bold;
    padding: 60px 90px;
}
.logoutBox-2021 .noBtn-addon,
.logoutBox-2021 .yesBtn-addon {
    padding-left: 0;
}
.logoutBox-2021 .modal-footer .btn {
    width: auto;
    min-width: 0 !important;
}
.logoutBox-2021 .modal-footer .row .col-xs-12 .col-xs-3 {
    display: flex;
}
.logoutBox-2021 .modal-footer .row .col-xs-3:nth-child(2) {
    justify-content: flex-end;
}
.logoutBox-2021 .modal-footer .row .col-xs-3:nth-child(3) {
    justify-content: flex-start;
}
.logoutBox-2021 .modal-content {
    transform: translate(0,50%);
}