@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 !important;
    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 .accordion-item {
    border: 1px solid #efefef;
    margin-bottom: 2px;
}

.accordion .accordion-group .accordion-item {
    -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;
    width: 100%;
}

.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 .col-form-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 .col-form-label {
    width: 80%;
    text-align: left;
}

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

#ClaimsQuestionsSection .col-form-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 .col-form-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 .card {
    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 .card h2 {
    margin: 9px 18px;
    border-bottom: solid 1px #dedfe0;
    padding: 9px 0 18px;
}

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

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

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

.home .card .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 .card ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}

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

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

.home .card .fa-exclamation-triangle {
    color: #d50000;
}

.home .card .fa-circle-arrow-up {
    color: #099300;
}

.fa {
    color: #009ae4;
}

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

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

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

.home .card .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 .card {
    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 .card div.auxilary-buttons {
    float: none;
}

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

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

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

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

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

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

.quote-options .card .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 .card ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}

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

.quote-options .card 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 .col-form-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: 10px;
}

.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: 2px;
    padding-top: 2px;
}

.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 .col-form-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 .col-form-label {
    width: 230px;
}

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

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

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

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

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

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

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

#travelWalkInPaymentModal .col-form-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-1 {
    width: 115px;

}

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

#riskAttachmentsInc .col-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 .card .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;
    max-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 .col-form-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 .col-form-label, #quoteOptionPackageB #excesses .col-form-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 .col-form-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;
    max-width: 90%;
}

.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 !important;
}

.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.col-form-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;
}

.card-header .accordion-toggle.arrowed:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling fa */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #009ae4;         /* adjust as needed */
}
.card-header .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;
}

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

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

.fa-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.card-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-body {
    padding: 0 0px 0 0;
}

.paymentDashboard .popover-body .list-group {
    margin-bottom: 0px;
}

.paymentDashboard .popover-body .list-group-item {
    border: none;
    border-top: 1px solid #dddddd;
}

.paymentDashboard .popover-body .list-group-item:first-child {
    border: none;
}

.paymentDashboard .popover-body .list-group-item:hover {
    color: #003da5;
    background-color: #f7f7f7;
}

.paymentDashboard .popover-body .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-body .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: 0px;
    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 .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;
        font-weight: 400;
    }
}

@media only screen and (max-width: 391px){
    .g400-send-email-button-wrapper {
        margin-bottom: 60px;
    }

    .form-group.COROPTS1 > label.col-form-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-body 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 (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 > .col-form-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 .col-form-label, #ClaimsQuestionsSection .col-form-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-sm.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 .col-form-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-sm.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-1, #riskAttachmentsInc .col-2, #riskAttachmentsInc .col-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;
        max-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.fa {
        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.fa {
        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.fa.fa-info-circle {
        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 .float-end {
        float: none!important;
    }

    .extraRow {
        line-height: 5px;
    }

    table[id*='packagedClauses'] tr td .col-form-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;
        max-width: 355px;
    }
    #DIALOG-MESSAGE-2020 .modal-content {
        width: 355px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-header {
        width: 353px !important;
    }
    #DIALOG-MESSAGE-2020 .modal-footer .row .col-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;
        max-width: 393px;
    }
    #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-12 > .row > .col-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;
        max-width: 100vw;
    }
    #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;
    max-width: 560px;
}

#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;
    max-width: 560px;
}

#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;
    max-width: 560px;
}

#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-MESSAGE-ALERT-TITLE-2020 .modal-title {
    margin-bottom: 20px;
}

#DIALOG-SUCCESS-2020 {
    z-index:1070 !important;
}

#DIALOG-SUCCESS-2020 .modal-dialog {
    width: 560px;
    max-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: flex;
    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;
    max-width: 560px;
}

#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-12 .col-3 {
    display: flex;
}
.logoutBox-2021 .modal-footer .row .col-3:nth-child(2) {
    justify-content: flex-end;
}
.logoutBox-2021 .modal-footer .row .col-3:nth-child(3) {
    justify-content: flex-start;
}
.logoutBox-2021 .modal-content {
    transform: translate(0,50%);
}















/* BOOTSTRAP OVERRIDES */
:root {
    --bs-border-radius: 4px;
}
.qnectErrorPage-header {
    margin-top: 30px;
}
.btn {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: var(--bs-border-radius);
}
.btn:hover,
.btn:focus,
.btn:focus-visible {
    background-color: #E8E8E8;
}
.btn.btn-primary{
    white-space: nowrap;
}
.btn-warning {
    --bs-btn-color: #fff;
}
.btn.btn-info {
    color: #fff;
}
.btn.btn-warning:hover {
    background-color: #eea236 !important;
    color: #fff;
}
.btn-warning {
    background-color: #f0ad4e !important;
    color: #fff !important;
    border-color: #eea236 !important;
}
.fastQuoteSummaryPriceHeading {
    line-height: 35px;
}
.fastQuoteSummaryPriceHeadingLink:hover,
.fastQuoteSummaryPriceHeadingLink:focus {
    color: #23527c;
    text-decoration: underline;
}
.linkNoHref:hover,
.linkNoHref:visited,
.linkNoHref:focus {
    color: var(--blue1);
    text-decoration: underline;
}
.printButton {
    background: #E8E8E8 !important;
    color: #212529 !important;
    padding: 2px 5px !important;
}
.btn-transparent:hover, .btn-transparent:focus {
    border: 1px #003DA5 solid;
    color: #003DA5;
    background-color: transparent;
}
.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-large{
    font-size: 13px;
}
.btn-file {
    border: 1px solid #ccc;
}
.btn-file:hover{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-file:active{
    color: #333;
    background-color: #e6e6e6 !important;
    background-image: none;
    border-color: #adadad !important;
}
.btn-danger{
    border: 1px solid #d43f3a;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger{
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925;
}
.btn-secondary2:hover,
.btn-secondary2:focus {
    border: 1px solid #003DA5;
    color: #003DA5;
}
.popover {
    --bs-popover-bg: #f1f1f1;
}
.form-group [id*="qbeInput_"]::placeholder,
.form-group [id*="COMM"]::placeholder{
    color: #999 !important;
}
.form-group textarea{
    color: #555;
}
.form-group input[id*="qbeInput_"]:focus,
.form-group input[id*="qbeInput_"]:active,
.form-group textarea[id*="qbeInput_"]:focus,
.form-group textarea[id*="qbeInput_"]:active,
.form-group select[id*="qbeInput_"]:focus,
.form-group select[id*="qbeInput_"]:active,
.form-group:has([id*="qbeInput_"]:focus) .col-form-label,
.form-group:has([id*="qbeInput_"]:active) .col-form-label{
    background-color: #f7f8f9;
}
.client-details-section .form-group:has([id*="qbeInput_"]:focus) .col-form-label,
.client-details-section .form-group:has([id*="qbeInput_"]:active) .col-form-label,
#travelClientPaymentModal .form-group:has([id*="qbeInput_"]:focus) .col-form-label,
#travelClientPaymentModal .form-group:has([id*="qbeInput_"]:active) .col-form-label {
    background: transparent;
}
.form-group select[id*="qbeInput_"]:focus option:hover,
.form-group select[id*="qbeInput_"]:active option:hover,
.form-group select[id*="qbeInput_"]:focus option:focus,
.form-group select[id*="qbeInput_"]:active option:focus,
.form-group select[id*="qbeInput_"]:focus option:active,
.form-group select[id*="qbeInput_"]:active option:active,
select:focus option:hover,
select:active option:hover,
select:focus option:focus,
select:active option:focus,
select:focus option:active,
select:active option:active,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:focus option:hover,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:active option:hover,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:focus option:focus,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:active option:focus,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:focus option:active,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:active option:active{
    background: #1967d2 !important;
    color: #fff !important;
}
.form-group textarea{
    resize: both;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}
select.form-control.form-control-2020.form-select {
    background-color: #f7f8f9;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-group input[id*="qbeInput_"][disabled]:focus,
.form-group input[id*="qbeInput_"][disabled]:active{
    background-color: #eee;
}
div[id^='iconContainer_'][class^='col-'][class$='1'] {
    margin-left: -20px;
}
.bs5adj18 div[id^='iconContainer_'][class^='col-'][class$='1'],
.bs5adj22 div[id^='iconContainer_'][class^='col-'][class$='1'],
.bs5adj3 #iconContainer_COMM04 {
    margin-left: 0;
}
.bs5adj22 div[id^='iconContainer_'][class^='col-'][class$='1'] {
    padding: 0;
}
div[id^="radioContainer_"] > .radio {
    margin: 3px 0;
}
.form-control[readonly="readonly"] {
    background-color: #eee;
}
.col-1[id^='iconContainer_'] {
    padding-left: 0;
}
.form-select {
    background-position: right .25rem center;
}
h1, h2, h3, h4, h5 {
    margin-top: 1rem;
}
h1.modal-title, h2.modal-title, h3.modal-title, h4.modal-title, h5.modal-title {
    margin-top: 0;
}
hr{
    opacity: 1 !important;
}
.modal {
    top: 0 !important;
}
.modal .modal-dialog {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 90px) !important;
    margin: 0;
    width: 600px;
}
.modal#sob-modal .modal-dialog {
    width: 1500px;
}
.modal-open > .modal-backdrop.show,
.modal-backdrop.show {
    opacity: 0 !important;
}
.modal-open{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.alert #error-list,
.alert-danger #error-list,
.alert-warning ul,
.alert-danger ul{
    margin-bottom: 0;
}
.popover.bs-popover-auto {
    border-radius: 4px;
}
.popover-body {
    padding: 10px 15px;
    font-family: var(--Inter), sans-serif;
    font-size: 12px;
}
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
/* BOOTSTRAP OVERRIDES - END */

/* CUSTOM CLASS OVERRIDES for BOOTSTRAP 5 */
.fast-quote-bottom-buttons {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}
/* END CUSTOM CLASS OVERRIDES for BOOTSTRAP 5 */

.form-group input,
.form-group textarea {
    padding: 5px;
}
.breadcrumb > .divider {
    margin: 0 5px;
}
.accordion-group .accordion-item {
    padding-left: 0;
    padding-right: 0;
}
.tailor-cover #risk-accordion .accordion-inner .accordion-padding {
    padding: 0;
}
.tailor-cover #risk-accordion .accordion-inner {
    padding-left: 0;
    padding-right: 0;
}
h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}
#insured-persons [class*="bs5adj"] {
    display: flex;
    width: 100%;
}
#TopUpsSection .baseline-left.row {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
#TopUpsSection .baseline-left.row > div,
#TopUpsSection .baseline-left.row > div h3{
    width: unset;
    padding: 0 3px;
    margin: 0;
}
.back-buttons {
    margin-left: 0;
}
.fast-quote-bottom-buttons [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}
button.genesys-qbe-custom-launcher {
    z-index: 9999 !important;
}
form#newClaimPolicySearchForm .back-buttons span, form#claimSearchForm .back-buttons span {
    margin-left: 3px;
}
form#newClaimPolicySearchForm .back-buttons .btn, form#claimSearchForm .back-buttons .btn {
    padding-left: 14px;
    padding-right:14px;
}
.action-buttons .dropdown-menu > li > a {
    display: block;
    text-decoration: none;
}
.action-buttons
.btn-round-cust {
    width: auto;
    margin: 0 auto;
}
.btn em.fa-chevron-left {
    padding-right: 5px;
}
.btn em.fa-chevron-right {
    padding-left: 5px;
}
.modalBlock-buttonContainer .btn {
    display: flex;
    justify-content: center !important;
}
.modal-footer button.btn {
    width: auto;
    margin: 0 auto;
    min-width: 200px !important;
}
#allModalBackdrop.modalBlock-backdrop.hidden {
    display: none;
}
.periodOfInsurance b {
    display: flex;
}
#annualPremium-HPK .modal-footer .col-md-6,
#annualPremium-HPW .modal-footer .col-md-6,
#annualPremium-HSR .modal-footer .col-md-6,
#annualPremium-PIT .modal-footer .col-6,
#renewalNotes-div .modal-footer .col-md-6,
#commissionPremium-HPK .modal-footer .col-md-6 {
    width: 50%;
}
#annualPremium-HPK .modal-footer .col-md-6:first-child,
#annualPremium-HSR .modal-footer .col-md-6:first-child,
#annualPremium-HPW .modal-footer .col-md-6:first-child,
#annualPremium-PIT .modal-footer .col-6:first-child,
#renewalNotes-div .modal-footer .col-md-6:first-child,
#commissionPremium-HPK .modal-footer .col-md-6:first-child {
    text-align: left;
}
#annualPremium-HPK .modal-footer .col-md-6:last-of-type,
#annualPremium-HSR .modal-footer .col-md-6:last-of-type,
#annualPremium-HPW .modal-footer .col-md-6:last-of-type,
#annualPremium-PIT .modal-footer .col-6:last-of-type,
#renewalNotes-div .modal-footer .col-md-6:last-of-type,
#commissionPremium-HPK.modal-footer .col-md-6:last-of-type {
    text-align: right;
}
.column-delete .hideWhenReadOnly {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-header,
.modal-footer {
    justify-content: center;
}
#HPK-comission-div .modal-header,
#HSR-comission-div .modal-header,
#HPW-comission-div .modal-header,
#renewalNotes-div .modal-header,
#HPK-annualPremAdj-div .modal-header,
#HSR-annualPremAdj-div .modal-header,
#HPW-annualPremAdj-div .modal-header {
    justify-content: flex-start;
}
#HSR-comission-div .modal-footer>*,
#HPK-comission-div .modal-footer>*,
#HPW-comission-div .modal-footer>*,
#HPK-annualPremAdj-div .modal-footer>*,
#HSR-annualPremAdj-div .modal-footer>*,
#HPW-annualPremAdj-div .modal-footer>*{
    margin: 0;
}

/* Fix for DIALOG-MESSAGE-BUTTONS-CANCEL-2020 width issue */
.DIALOG-MESSAGE-BUTTONS-CANCEL-2020 .modal-dialog,
.modal.DIALOG-MESSAGE-BUTTONS-CANCEL-2020 .modal-dialog {
    width: 50%;
    margin: 30px auto;
    max-width: none;
}
#DIALOG-MESSAGE-2020 .modal-dialog {
    transform: translate(0, -50%);
}
.fastQuoteSummaryBtn {
    display: flex;
    justify-content: center;
}
sup {
    top: unset;
}
.table.riskprembreakdown thead > tr > th.column-prem,
.table.riskprembreakdown thead > tr > th.column-label {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 30px;
}
#HPKSubTotalaccordionbody .table.riskprembreakdown thead > tr {
    height: 30px;
}
#QuoteEditConvertModal .modal-dialog #editconvert-title-edit {
    display: flex;
    align-items: center;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 767px) {
    .DIALOG-MESSAGE-BUTTONS-CANCEL-2020 .modal-dialog,
    .modal.DIALOG-MESSAGE-BUTTONS-CANCEL-2020 .modal-dialog {
        width: 90%;
        max-width: 90%;
        margin: 10px auto;
    }
}

.form-select {
    padding-right: 20px; /* Adjust for custom arrow */
    text-overflow: ellipsis;
    white-space: nowrap;
    appearance: none;
    background-color: #fff;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.col-form-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}
.input-group {
    align-items:  inherit;
    width: auto;
}

.modal-dialog {
    --bs-modal-width: 600px;
}
/* ICONS */
.alert-danger .fa-warning {
    color: #B94A48 !important;
    margin-right: 5px !important;
}
.alert-warning .fa-warning {
    color: #C09853 !important;
    margin-right: 5px !important;
}
/* TOOLS */
/* Cover Notes */
#quoteSearch-accordion .accordion-group{
    border: 1px solid #efefef;
}

#quoteSearch-accordion .accordion-group .accordion-body .accordion-inner .row .list-group h4{
    margin-top: 0;
}

#quoteSearch-accordion .accordion-group .accordion-body .accordion-inner .row .list-group h4 a.list-group-item{
    color: #555;
    text-decoration: underline;
}

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

.col-form-label{
    padding-bottom: 0;
}

form#quotePolicySearchForm table thead tr th {
    padding: 8px !important;
}

form#quotePolicySearchForm .form-group h6 {
    margin: 10px 0;
}








hr{
    border-top: 1px solid #eee !important;
}

/* Manage Agent Accounts */
#account-email-override-form .card .card-body2 {
    padding-bottom: 5px;
}
.containerAdjustClass.account-email-override-container .card-title {
    margin: 0;
}
/* Manage Documents */
#outer1 .inner, #outer2 .inner{
    display: inline-block;
}
.manageDocumentsPage .longLabel + .form-group .col-form-label {
    padding-top: 0;
}
.manageDocumentsPage .form-group .form-control,
.manageDocumentsPage .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 34px;
}
.manageDocumentsPage #batchDocControlSearchForm section:not(:last-child) {
    margin-bottom: 5px;
}
.manageDocumentsPage .documentUploadLabel {
    text-align: left;
}

/* View All Reports */
#quoteSearch-accordion .list-group.offset-lg-4.col-lg-4 h4 a:hover {
    background: #f5f5f5;
    color: #555;
    text-decoration: none !important;
}
#quoteSearch-accordion .list-group.offset-lg-4.col-lg-4 h4 a {
    background: #fff;
}
/* Agent Statement of Account Report */
#agentSOA #searchSoaReportsButton {
    background: #E8E8E8 !important;
    border: 1px solid #E8E8E8 !important;
}
/* Agent Portfolio Report */
.monthNumberAgentPortfolio .col-form-label {
    padding-left: 0;
}
/* Auto-Renewal Report */
.wallet-pool-container .WALLETPOOL01 .col-form-label {
    padding-left: 0;
}
/* Old Marine Policy Report */
#emailConfirmModal .emailToAddress .col-form-label{
    text-align: left !important;
}
#emailConfirmModal .modal-footer {
    display: inline-block;
    padding-top: 0;
    background: #FAFAFA;
}
#emailConfirmModal .modal-footer button {
    min-width: unset !important;
}
/* Auto-Renwal Policy Inquiry */
div#results-table-renewal-item_filter input[type="search"],
div#results-table-payment-token_filter input[type="search"],
div#results-table-payment-token-history_filter input[type="search"]{
    appearance: none;
    width: 200px;
}
.auto-renewal-inquiry-container button{
    color: #fff;
}
div#reasonModal span#closeModal {
    background-size: 14px;
}
div#reasonModal table thead tr {
    border: 1px solid #ddd;
    border-right: unset;
    border-left: unset;
}
#paymentTokenDetailsModal > .modal-dialog {
    --bs-modal-width: 800px;
}
#paymentTokenDetailsModal .modal-dialog .modal-body form#updatePaymentTokenForm .form-group label {
    text-align: left !important;
    width: 100% !important;
}
#paymentTokenDetailsModal .modal-dialog .modal-body form#updatePaymentTokenForm .col-lg-6:last-child {
    margin-left: auto !important;
}
#paymentTokenDetailsModal .modal-dialog .modal-body form#updatePaymentTokenForm .col-lg-6 {
    padding: 0 !important;
}
#paymentTokenDetailsModal .modal-dialog .modal-body form#updatePaymentTokenForm .col-lg-6 {
    padding: 0 !important;
}
#paymentTokenDetailsModal .modal-dialog .modal-footer {
    display: inline-block;
    padding-top: 0;
    background: #FAFAFA;
}
#paymentTokenDetailsModal .modal-dialog .modal-footer button {
    min-width: unset !important;
}
#paymentTokenDetailsModal .modal-dialog .modal-footer button.btn.btn-secondary {
    background: #E8E8E8 !important;
    border: 1px solid #E8E8E8 !important;
    color: #212529 !important;
}
#DIALOG-MESSAGE-CONFIRM .modal-dialog .modal-body span#DIALOG-MESSAGE-CONFIRM-MESSAGE p.fa {
    color: #212529 !important;
}
/* MIL Reports */
.milReportsItems .col-form-label {
    padding-left: 0;
}
.milReportsItems #iconContainer_milReportsItems,
.milReportsItems #checkboxContainer_milReportsItems {
    padding-right: 0;
}
/* Client Statement Report */
button#searchSoaReportsButton {
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
}
/* eInsurance Cover Notes Report */
form#searchForm .col-form-label {
    padding-left: 0;
    padding-right: 0;
}

/* Batch Document Control Dashboard */
section.batch-doc-search-controller .col-lg-5,
section.batch-doc-search-controller .col-lg-5 .col-1[id^='iconContainer_'] {
    padding: 0;
}
section.batch-doc-search-controller .col-lg-5 input,
section.batch-doc-search-controller .col-lg-5 select{
    border: 1px solid #ccc;
}
#agent-summary-review-batch-document-detail .modal-header,
#delete-batch-document-detail .modal-header,
#batch-document-detail .modal-header,
#review-batch-document-detail .modal-header,
#replace-batch-document-detail .modal-header{
    justify-content: flex-start !important;
}
#agent-summary-review-batch-document-detail .modal-footer,
#delete-batch-document-detail .modal-footer,
#batch-document-detail .modal-footer,
#review-batch-document-detail .modal-footer,
#replace-batch-document-detail .modal-footer{
    display: unset !important;
}
#agent-summary-review-batch-document-detail .modal-footer button,
#delete-batch-document-detail .modal-footer button,
#batch-document-detail .modal-footer button,
#review-batch-document-detail .modal-footer button,
#replace-batch-document-detail .modal-footer button{
    min-width: unset !important;
}
#batch-document-detail button.search-button-align {
    margin-bottom: -6px;
}
#innerFormGroupDivbatchDocControlPolicyNumber {
    width: 34% !important;
}
#batch-document-detail .col-form-label {
    text-align: left !important;
    padding-left: 0;
}
#batch-document-detail div#iconContainer_batchDocControlPolicyNumber {
    display: none;
}
#batch-document-detail div#innerFormGroupDivbatchDocControlPolicyNumber {
    width: 45% !important;
    padding-right: 0;
    padding-left: 17px;
}
#batch-document-detail .batchDocControlPolicyNumber {
    width: 62.666667% !important;
}
#batch-document-detail .batchDocControlPolicyNumber .col-form-label {
    width: 55% !important;
}
/* SETTINGS */
/* Add Notification Messages */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.effectiveTime .col-lg-7, .expiryTime .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.well .nav.nav-pills.nav-stacked {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: block;
}

.input-group-addon{
    border-radius: 2px;
    padding: 2px 6px;
    height: 28px;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    white-space: nowrap;
    vertical-align: middle;
}

/* eWallet Pool Inquiry */
div#walletSearch-accordion .accordion-body {
    padding: 0;
}
div#walletDateRangeDownloadModal div#walletMaxCreditPopup .modal-footer {
    width: 100%;
    display: block;
}
table#wallet-search-results-table > thead > tr > th {
    border-bottom: 1px solid #000;
}
#walletSearch-accordion .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#walletSearch-accordion .dl-horizontal dd {
    margin-left: 180px;
}
form#walletSearchForm {
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
}
form#walletSearchForm .accordion-inner.scrollableTable table#wallet-search-results-table{
    margin: 0 !important;
    width: 100% !important;
}
/* SME Packages & Manage Campaign */
#packageSearch-accordion .accordion-group .accordion-heading .accordion-toggle.clearfix h4, #campaignSearch-accordion .accordion-group .accordion-heading .accordion-toggle.clearfix h4{
    margin-top: 5px;
}
.sme-package-list-container form#packageUploadForm .btn-back,
.pan-package-list-container form#packageUploadForm .btn-back,
.travel-package-list-container form#packageUploadForm .btn-back{
    order: 1;
}
.sme-package-list-container form#packageUploadForm .upload-field,
.pan-package-list-container form#packageUploadForm .btn-sync,
.travel-package-list-container form#packageUploadForm .btn-sync {
    order: 2
}
.sme-package-list-container form#packageUploadForm .btn-upload,
.pan-package-list-container form#packageUploadForm .upload-field,
.travel-package-list-container form#packageUploadForm .upload-field{
    order: 3;
}
.pan-package-list-container form#packageUploadForm .btn-upload,
.travel-package-list-container form#packageUploadForm .btn-upload{
    order: 4;
}
.sme-package-details-container .accordion-group,
.pan-package-details-container .accordion-group,
.travel-package-details-container .accordion-group {
    background: #fff;
    border: unset;
}
.sme-package-details-container .back-buttons a.btn .fa,
.pan-package-details-container .back-buttons a.btn .fa,
.travel-package-details-container .back-buttons a.btn .fa {
    margin-right: 6px;
}
.sme-package-details-container .sub-navigation-content .inner-wrapper,
.pan-package-details-container .sub-navigation-content .inner-wrapper,
.travel-package-details-container .sub-navigation-content .inner-wrapper{
    overflow: auto;
}
/* TRAVEL Packages */
table#packages-search-results-table caption{
    caption-side: top;
}
table#packages-plans-table caption,
table#packages-plans-table caption,
table#packages-topups-table caption,
table#packages-p400plan-codes-table caption,
table#packages-pricing-table caption{
    caption-side: top !important;
}
/* Intermediary Details & Intemediary*/
table#intermediaryDetail .row, form#StaffDetailsForm table#staffDetail .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

table#intermediaryDetail label.col-form-label, table#staffDetail label.col-form-label{
    padding-top: 0;
    text-align: left;
}

table#staffDetail label.col-form-label{
    padding-right: 15px;
    padding-left: 15px;
}

table#staffDetail .checkbox input[type=checkbox]{
    position: unset;
}

table#staffDetail .checkbox label, table#staffDetail .checkbox label label.checkBoxLabel{
    padding: 0;
}

table#staffDetail .form-group.row.staffEmailAddress {
    padding-left: 7px;
}
form#IntermediaryDetailsForm table#intermediaryDetail select, form#StaffDetailsForm table#staffDetail select{
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right .25rem center;
    background-size: 10px 10px;
}
form#IntermediaryDetailsForm label,
form#StaffDetailsForm label {
    background-color: transparent !important;
}
form#StaffDetailsForm table#staffDetail select[name*="staffRegion"] {
    background-image: none !important;
}
.intermediary-bulk-import-container .btn, .bulk-user-maintenance-container .btn, .customisation-maintenance-container .btn{
    padding: 5px 10px !important;
}
.gen-page-access-modify {
    margin-left: auto;
    padding-right: 10px;
}
/* Customisation Maintenance */
#customisations-usage-modal.modal.show .modal-dialog {
    margin-bottom: 10rem;
}
#customisations-usage-modal.modal.show .modal-footer{
    justify-content: start;
}
#customisations-usage-modal.modal.show .modal-footer button.btn{
    margin: unset !important;
    min-width: auto !important;
}
#customisations .well.well-sm .col-lg-1 {
    width: 15px !important;
    padding-top: 3px;
}
#customisations .well.well-sm .col-lg-4.col-11 {
    width: 91.66666667% !important;
    padding-left: 8px;
}
/* Properties */
div#ebizTable tbody a#view-input-options{
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
}
div#ebizTable {
    padding: 0;
    margin-top: 20px;
}
div#ebizTable tbody a#view-input-options,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#view-input-cwording,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#view-input-scodes,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-input-options,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-input-uw,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-input-cwording,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#pan-packages-p400-table-synch,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-input-scodes,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-input-reserves,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#clear-vpms-cache-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#clear-vpmsChoiceOption-cache-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#clear-static-content-cache-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#clear-akamai-cache-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#reload-staticdocument-caches-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#address-reload-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#address-cleanup-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#address-sync-link,
div#ebizTable tbody a#view-input-uw,
div#ebizTable tbody a#clear-api-cache-link{
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
}

div#ebizTable tbody .btn-file {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 5px 10px;
}

div#ebizTable tbody .btn-file span{
    color: #333;
    padding:0;
}

div#ebizTable tbody .fileupload-exists {
    color: #fff;
    padding: 5px 10px;
}

div#ebizTable tbody .fa.fa-file.fileupload-exists {
    color: #009ae4;
}

/* PVT Scheduling */
.pvtScheduleType div#radioContainer_pvtScheduleType label.radio-inline {
    padding-top: 7px;
    margin-left: 10px;
    padding-left: 20px;
    vertical-align: middle;
    cursor: pointer;
}

/* Customer ID Blacklist */
table#blacklistTable {
    border: 1px solid #ddd;
}

table#blacklistTable > thead > tr > th,
table#blacklistTable > tbody > tr > td {
    border: 1px solid #ddd;
}

table#blacklistTable > thead > tr > th{
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

table#blacklistTable > tbody > tr:nth-of-type(odd) {
    --bs-table-bg-type: #f9f9f9;
    background-color: #f9f9f9;
}

/* Support Dashboard */
div#dashboardDiv .fa.fa-check.btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

div#dashboardDiv .fa.fa-times.btn-danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

div#dashboardDiv .fa.fa-question-circle.btn-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
div#userListDialogue .modal-dialog {
    --bs-modal-width: 100%;
}
div#userListDialogue .modal-dialog div#userListDialogueBody table thead tr th,
div#userListDialogue .modal-dialog div#userListDialogueBody table tbody tr td {
    border: 1px solid #dedfe0;
}
#content .nav.nav-tabs .nav-item .nav-link {
    text-decoration: underline;
}
#content .nav.nav-tabs .nav-item .nav-link.active {
    text-decoration: none;
}
div#eventsHandlersTab .btn:hover,
div#eventsHandlersTab .btn:focus,
table#crontrigger-results-table > tbody .btn:hover,
table#crontrigger-results-table > tbody .btn:focus{
    background-color: #eee !important;
}
/* Account Number Whitelist */
textarea#qbeInput_wlP400IDs,
textarea#qbeInput_wlAccountIDs {
    resize: vertical;
}
/* White Labelling */
body.key-settings form.form-horizontal .form-group button {
    border: 1px solid #ccc !important;
}
/* Trigger Action */
div#eventsHandlersTab .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 14px;
}

section#content ul.nav.nav-tabs li.breadcrumb-item.nav-item a{
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
    position: relative;
    display: block;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

section#content ul.nav.nav-tabs li.breadcrumb-item.nav-item::before{
    display: none;
}

section#content ul.nav.nav-tabs li.breadcrumb-item.nav-item a.active{
    background-color: #FAFAFA;
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

table#crontrigger-results-table {
    border: 1px solid #ddd;
}

table#crontrigger-results-table .th-inner{
    padding: .50rem;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table#crontrigger-results-table > thead > tr > th,
table#crontrigger-results-table > tbody > tr > td{
    border: 1px solid #ddd;
    padding-left: 5px;
    padding-right: 5px;
}

table#crontrigger-results-table > thead > tr > th{
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}

table#crontrigger-results-table > tbody .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 14px;
}
/* Manage Banner */
table#banner-detail-table a {
    color: #009ae4;
    text-decoration: underline;
}
section#content.banner-form-content #banner-detail-table_wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}
/* Add Campaign Details */
form#campaignDetailsForm #campaignDetails #backgroundForm #fileupload-attachments .input-append .btn.btn-file {
    border: unset;
    padding: 0;
}
/* POLICY SERVICING */
/* Create Cover Note */
.coverNoteDetailsEffDate .input-group{
    width: 33.33333333%;
}

/* Payfast */
div#edit-payment-modal .form-group.transactionSubDetail input[class*="transactionDetail"]:focus,
div#edit-payment-modal .form-group.transactionSubDetail input[class*="transactionDetail"]:active{
    background-color: #f7f8f9;
}
.adhocPaymentSearchPage .paymentTypeSelect .newToolTip {
    min-width: unset !important;
}
span#qbeInput_adhocSilentPaymentReviewAndPay{
    font-size: 32px !important;
    font-family: "Stag", "Stag-Medium", sans-serif !important;
    font-weight: 500;
}
#paynowDiv .checkbox-row input {
    margin-top: 6px;
}
div#agent-payment-qrcode-modal {
    pointer-events: none;
}
span.adhocSilentPaymentCheckTheDetailsPayment {
    margin-bottom: 20px !important;
}
/* Find Policy */
.searchPolicyCaption span#qbeInput_searchPolicyCaption{
    font-size: 12px;
}

div#policySearch-accordion h4 {
    margin: 5px 0;
}

table#policy-search-results-table{
    border-top: 1px solid #dedfe0;
}

/* Marine Declaration */
#attachmentSection #fileAttachDiv .btn.btn-info:hover{
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

#attachmentSection #fileAttachDiv .btn.btn-info:active:hover,
#attachmentSection #fileAttachDiv .btn.btn-info:first-child:active{
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
[id^='iconContainer_CAN05'], [id^='iconContainer_CAN35'] {
    position: relative;
    z-index: 1;
}
[id^='iconContainer_CAN05'] [id^='multiLineEdit_'],
[id^='iconContainer_CAN05'] [id^='multiLineView_'],
[id^='iconContainer_CAN05'] a,
[id^='iconContainer_CAN35'] [id^='multiLineEdit_'],
[id^='iconContainer_CAN35'] [id^='multiLineView_'],
[id^='iconContainer_CAN35'] a{
    position: absolute;
    top: 0;
    z-index: 2;
}
[id^='iconContainer_CAN05'] [id^='multiLineEdit_'],
[id^='iconContainer_CAN35'] [id^='multiLineEdit_']{
    left: 0;
}
[id^="iconContainer_CAN05"] [id^="multiLineView_"][style*="display: none"],
[id^="iconContainer_CAN35"] [id^="multiLineView_"][style*="display: none"]{
    left: 0;
}
[id^="iconContainer_CAN05"] [id^="multiLineView_"]:not([style*="display: none"]),
[id^="iconContainer_CAN35"] [id^="multiLineView_"]:not([style*="display: none"]){
    left: 23px;
}
[id^='iconContainer_CAN05'] a,
[id^='iconContainer_CAN35'] a{
    left: 46px;
}
[id^="iconContainer_CAN05"] [id^="multiLineView_"][style*="display: none"] ~ a,
[id^="iconContainer_CAN35"] [id^="multiLineView_"][style*="display: none"] ~ a{
    left: 23px;
}
form#underwritingCommonScreenForm .INSHEAD1 div#innerFormGroupDivINSHEAD1 input#qbeInput_INSHEAD1[readonly="readonly"] {
    background-color: #eee !important;
}
div#riskHeadingCAN div#CANaccordionbody [id^="qbeInput_CAN"][disabled],
div#riskHeadingCAN div#CANaccordionbody [id^="qbeInput_CAN"][readonly] {
    background-color: #eee !important;
    opacity: 1;
}
body[id^="interested-party"].tailor-cover.modal-open {
    padding: 0 !important;
}
body[id^="interested-party"].tailor-cover.modal-open [id^="multiLineForm"].modal.multi-line-modal {
    width: 100vw;
    padding: 0 !important;
    z-index: 1068 !important;
}
/* Medical Document Search */
div#DocumentSearchResult > .accordion-sort.accordion-heading {
    width: 100%;
    margin: 0;
    padding: 0;
}

div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > label, div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > label {
    width: 25%;
}

div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > div#innerFormGroupDivtableColumn, div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2 {
    width: 58.33333333% !important;
}
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > label.col-lg-4.col-form-label{
    margin-right: 14px;
}
div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2 {
    margin-left: 18px;
}
div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2 {
    margin-left: 10px;
}

div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group {
    margin-left: unset;
}

div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection > div#innerFormGroupDivsortDirection > select#qbeInput_sortDirection {
    margin-right: unset;
}

div#g400Search-accordion div#PolicySearchByCustomer .col-lg-7 button.btn {
    margin-left: 7px;
}
/* Manage Portfolio */
#portfolio_advanced_search_popup {
    width: 100vw;
    padding: 0 !important;
}
.policies-searchResults .btn-ActionDown:after,
.renewal-searchResults .btn-ActionDown:after{
    margin-top: 6px;
}
.payments-searchResults a.btn:after {
    content: url(../../resources/images/portfolio/Icon-arrow_down_blue.svg) !important;
    padding-top: 6px;
    margin-left: 10px;
    background: transparent;
    color: transparent;
    border: unset;
    float: right;
}
#DIALOG-MESSAGE-ALERT .modal-header {
    padding-top: 10px;
    margin: 0;
}
#paymentsTab #payment-results-table_wrapper #payment-results-table_filter span#statusDiv3in1Payment {
    width: 25%;
    margin-left: auto;
}
#portfolio_advanced_search_popup .boxCentre .btn-secondary-2020:hover,
#portfolio_advanced_search_popup .boxCentre .btn-secondary-2020:focus,
#renewal_advanced_search_popup .boxCentre .btn-secondary-2020:hover,
#renewal_advanced_search_popup .boxCentre .btn-secondary-2020:focus,
#payment_advanced_search_popup .boxCentre .btn-secondary-2020:hover,
#payment_advanced_search_popup .boxCentre .btn-secondary-2020:focus {
    border: 1px solid #002185;
}
/* QUOTES - MANAGE QUOTE */
/* Instant quote & bind */
div#innerFormGroupDivcuwQuoteByRequestType select#qbeInput_cuwQuoteByRequestType:focus,
div#innerFormGroupDivcuwQuoteByRequestType select#qbeInput_cuwQuoteByRequestType:active {
    background-color: #f7f8f9;
}
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType .col-form-label,
#stdQuoteSearch-form #standardQuotationDiv #searchByQuoteDiv .searchByQuoteForm #innerFormGroupDivstdQuoteByQuoteNumber .col-form-label {
    background: transparent;
}
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType .col-form-label,
#stdQuoteSearch-form #standardQuotationDiv #searchByQuoteDiv div#innerFormGroupDivstdQuoteByQuoteNumber .col-form-label {
    padding-left: 0 !important;
}
#stdQuoteSearch-form #standardQuotationDiv #searchByQuoteDiv .searchByQuoteForm #innerFormGroupDivstdQuoteByQuoteNumber input#qbeInput_stdQuoteByQuoteNumber,
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType select#qbeInput_stdQuoteByProductType:hover,
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType select#qbeInput_stdQuoteByProductType:focus,
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType select#qbeInput_stdQuoteByProductType:active {
    background-color: #F1F2F4 !important;
}
#stdQuoteSearch-form #standardQuotationDiv #searchByProductDiv .searchByProductForm #innerFormGroupDivstdQuoteByProductType select#qbeInput_stdQuoteByProductType {
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 10px 10px;
}
#quote-search-form #underwritingRequests .requestTypeField .cuwQuoteByRequestType #innerFormGroupDivcuwQuoteByRequestType select#qbeInput_cuwQuoteByRequestType{
    background-image: url("../images/arrow-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 10px 10px !important;
    background-color: #F1F2F4 !important;
}
#underwritingRequests .COMM010select select,
#underwritingRequests .COMM010select select:hover,
#underwritingRequests .COMM010select select:focus,
#underwritingRequests .COMM010select select:active{
    background-color: #F1F2F4 !important;
}
#paymentsTab .form-group input[id*="qbeInput_"]:hover,
#paymentsTab .form-group input[id*="qbeInput_"]:focus,
#paymentsTab .form-group input[id*="qbeInput_"]:active,
#paymentsTab .form-group select[id*="qbeInput_"]:hover,
#paymentsTab .form-group select[id*="qbeInput_"]:focus,
#paymentsTab .form-group select[id*="qbeInput_"]:active{
    background-color: #F1F2F4 !important;
}
#standardQuoteTab form#stdQuoteSearch-form .col-form-label,
#standardQuoteTab form#stdQuoteSearch-form .control-text,
#underwritingRequests .card-body .col-form-label{
    font-weight: 600 !important;
    color: #0A1F44 !important;
}
#standardQuoteTab form#stdQuoteSearch-form [class*="RowsPerPage"] #qbeInput_3in1RowsPerPage,
#underwritingRequests [class*="RowsPerPage"] #qbeInput_3in1RowsPerPage {
    font-weight: 400 !important;
  }
#standardQuoteTab form#stdQuoteSearch-form .btn .control-text{
    color: #fff !important;
    font-weight: 500 !important;
}
form#stdQuoteSearch-form div#customerSearchDIV-Row div#branchCodeDiv .col-form-label,
form#stdQuoteSearch-form div#customerSearchDIV-Row div#branchCodeDiv select#qbeInput_stdQuoteByBranchCode {
    background: #F1F2F4;
}
form#stdQuoteSearch-form div#customerSearchDIV-Row div#branchCodeDiv select#qbeInput_stdQuoteByBranchCode,
form#quote-search-form div#CUWformRow .requestTypeField.cuwFormFieldSize2 .cuwQuoteByRequestType select#qbeInput_cuwQuoteByRequestType{
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 10px 10px;
}
/* QUOTE - NEW QUOTE */
/* Negotiated Quote */
form .form-group div#innerFormGroupDivCOMM013-REPEAT-0{
    background-color: #f7f8f9;
    padding-top: 4px;
}
form button#searchClient {
    padding-right: 0 !important;
}
div#CustomerSearchModal .modal-content{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
div#CustomerSearchModal .modal-header {
    border-bottom: 0;
}
#CustomerSearchModal .modal-body #client-search-form .form-group.clientSearchType #radioContainer_clientSearchType .radio-inline:nth-child(2) {
    margin-left: 20px;
}
#CustomerSearchModal .modal-body #search-results table tbody tr td a {
    cursor: pointer;
    text-decoration: underline;
    color: #009ae4;
}

/* Travel HK & MIL */
div#insured-persons div#dynamic-insuredPersons .baseline-left.row span {
    width: 15%;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
}
div#insured-persons div#dynamic-insuredPersons .baseline-left.row span.insuredPersonsCaption02.bold-ghost-text.notRequiredGhostText.col-form-label{
    width: 85%;
    line-height: unset;
    text-align: left;
}
div#insured-persons div#dynamic-insuredPersons .baseline-left.row span.insuredPersonsCaption02.bold-ghost-text.notRequiredGhostText.col-form-label span#qbeInput_insuredPersonsCaption02 {
    width: auto;
    padding: 15px;
    padding-top: 20px;
    text-align: left;
}
div#TopUpsBaseSection div#TopUpsSection .baseline-left.row {
    margin-top: 20px;
    margin-bottom: 10px;
}
.auxilary-buttons button:disabled {
    opacity: .65;
    background-color: #E8E8E8 !important;
    border-color: #E8E8E8 !important;
    padding: 2px 5px !important;
    cursor: not-allowed;
    pointer-events: unset;
}
div#dynamic-insuredPersons .row,
div#dynamic-insuredPersons .row .col-form-label{
    background: transparent !important;
}
table[id*="breakdown-table-"] thead tr,
table[id*="breakdown-table-"] thead tr th {
    padding: 0 !important;
    padding-right: 8px!important;
    height: 38px !important;
}

#ADDCLAUSE #additionalClausesTable.table thead tr th,
#ADDCLAUSE #additionalClausesTable.table thead tr td,
#ADDCLAUSE #additionalClausesTable.table tbody tr td,
#clauseWording #clauseWordingTable.table thead tr th,
#clauseWording #clauseWordingTable.table thead tr td,
#clauseWording #clauseWordingTable.table tbody tr td,
#riskClauses-main-div #clausesTable.table thead tr th,
#riskClauses-main-div #clausesTable.table thead tr td,
#riskClauses-main-div #clausesTable.table tbody tr td{
    font-family: var(--Inter), Verdana, sans-serif;
    font-size: 13px;
}

/* Travel Prestige */
.insurance-details-main-wrapper .form-group section .row div#GENPAGE-LINK,
.insurance-details-main-wrapper .form-group section .row div#INSLONGNAME-LINK {
    width: 16.66666667% !important;
}
.insurance-details-main-wrapper .form-group section .row div#policyClause-COUNT {
    width: 25% !important;
}
.sub-navigation-content .ptrCoverSection,
.sub-navigation-content .ptrCoverSection .col-md-9{
    padding: 0;
}
.sub-navigation-content .ptrCoverSection .col-md-9 .CoverType div#radioContainer_CoverType {
    width: 50%;
}
.topUps-main-wrapper .form-group div#checkboxContainer_topUps {
    width: 44%;
}
.topUps-main-wrapper .form-group div#checkboxOffset_topUps {
    width: 28%;
}
.topUps-main-wrapper .form-group div#iconContainer_topUps {
    width: 25%;
}
.topUps-main-wrapper .form-group div#checkboxContainer_topUps .col-md-6 {
    width: 100%;
}
/* B2B2C Sharing */
#qbeInput_agentCommission20_Y {
    margin-left: calc(100% + -20px);
}
.form-group input[id*="qbeInput_agentCommission"],
.form-group select[id="qbeInput_sharingAccountNumberSelect"] {
    background-color: #f7f8f9;
}
.form-group div[id*="innerFormGroupDivagentCommission"] .control-label-2020[readonly] {
    background-color: #f7f8f9;
}
form#agentCampaignForm div#PrivacyPolicyModal div#singapore-priv-policy li,
form#agentCampaignForm div#PrivacyPolicyModal div#singapore-priv-policy p,
form#agentCampaignForm div#TermsAndConditionsModal div#singaporetermscon li,
form#agentCampaignForm div#TermsAndConditionsModal div#singaporetermscon p{
    font-weight: 400 !important;
}
body.modal-open form#agentCampaignForm #PrivacyPolicyModal,
body.modal-open form#agentCampaignForm #TermsAndConditionsModal{
    background: transparent !important;
    pointer-events: none;
}
body.modal-open form#agentCampaignForm #PrivacyPolicyModal .modal-dialog,
body.modal-open form#agentCampaignForm #TermsAndConditionsModal .modal-dialog{
    pointer-events: auto;
}
body.modal-open form#agentCampaignForm #PrivacyPolicyModal .modal-dialog .modal-content,
body.modal-open form#agentCampaignForm #TermsAndConditionsModal .modal-dialog .modal-content{
    margin: 0;
}
body.agent-campaign-body form#agentCampaignForm textarea {
    color: #000 !important;
}
body.agent-campaign-body form#agentCampaignForm section div#innerFormGroupDivagentCommission09:has([readonly]) > label,
body.agent-campaign-body form#agentCampaignForm section div#innerFormGroupDivagentCommission09:has([readonly]) > input,
body.agent-campaign-body form#agentCampaignForm section div#innerFormGroupDivagentCommission05:has([readonly]) > label,
body.agent-campaign-body form#agentCampaignForm section div#innerFormGroupDivagentCommission05:has([readonly]) > input{
    background-color: #fff !important;
}
/* Business Insurance Solution - Old Biz */
div#BIZriskaccordion .accordion-body,
div#BIZriskaccordion .accordion-group .form-group .accordion-inner .row .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}
div#BIZriskaccordion .accordion-body form .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
div#BIZriskaccordion div#riskAttachmentsInc {
    padding: 0 30px;
}
div#BIZriskaccordion div#accordionMiscellaneousProperty div#collapseGeneralProperty .form-group .col-11 {
    padding-left: 0;
}
div#BIZriskaccordion div#accordionMiscellaneousProperty div#collapseGeneralProperty .form-group .col-form-label {
    padding-left: 0;
}
div#BIZriskaccordion .form-group.row.well.well-small {
    margin: 0 15px;
}
div#policyClauseWording div#clause-wording-header button#clause-wording-close {
    position: relative;
    z-index: 1;
}
div#policyClauseWording div#clause-wording-header button#clause-wording-close:focus,
div#policyClauseWording div#clause-wording-header button#clause-wording-close:hover{
    outline: none;
    box-shadow: none;
}
div#policyClauseWording div#clause-wording-header button#clause-wording-close::before {
    content: '';
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    background-color: #fafafa;
    position: absolute;
    z-index: 2;
}
div#policyClauseWording div#clause-wording-header button#clause-wording-close::after {
    content: '';
    background-image: url("../images/payfast/close_black.svg");
    background-size: contain;
    background-position: center center;
    background-repeat:no-repeat;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 3;
}
table.table.riskprembreakdown[id*="breakdown-"] th div[id*="divMinimumPremiumApplied"] {
    margin-left: 5px !important;
    margin-top: 5px !important;
}
#ClaimsQuestionsSection .questionPreamble .row:has(> .highlighted),
#UWQuestionsBaseSection .questionPreamble .row:has(> .highlighted){
    background: #fff;
}
.col-wrapper-cover-section .form-group .col-form-label{
    background-color: #efefef !important;
}
#dynamic-generalProperty #collapseGeneralProperty .col-form-label,
#dynamic-machinery #collapseMachinery .col-form-label,
#dynamic-electronic #collapseElectronic .col-form-label,
#attachmentSection .sub-navigation-content .col-form-label,
#riskHeadingELI #ELIaccordionbody .col-form-label,
#riskHeadingEGP #EGPaccordionbody .col-form-label,
#riskHeadingEEC #EECaccordionbody .col-form-label,
#riskHeadingEPR #EPRaccordionbody .col-form-label,
#riskHeadingEFG #EFGaccordionbody #dynamic-employee .col-form-label
#MPAaccordionbody .col-form-label,
#MVAaccordionbody .col-form-label,
#MVYaccordionbody .col-form-label,
.accordion-body .col-form-label,
#ClaimsQuestionsBaseSection .displayOnFullBinding .col-form-label,
#moxJobsTab .form-group .col-form-label,
#moxJobsTab .form-group .col-form-label,
#policiesAwaitingRenewalReportTab .form-group .col-form-label,
#sdmaJobsTab .form-group .col-form-label,
#autoRenewalTab .form-group .col-form-label,
#dmhFastQuoteForm #optionalCovers .FSTQTD02 .col-form-label {
    background-color: transparent !important;
}
section#risk-accordion .accordion-group .form-group .float-start.offset-lg-4{
    padding: 0 15px !important;
}
section#risk-accordion .accordion-group .form-group.EMP05 .float-start.offset-lg-4 {
    padding-left: 0 !important;
}
#addressForm_situationAddress .modal-dialog .modal-footer .col-sm-6{
    margin: 0 !important;
    padding: 0 15px !important;
}
.renewal-comparison-buttons{
    padding: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 25px !important;
    display: flex !important;
}
.renewal-comparison-buttons .row{
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
}
.renewal-comparison-buttons .row .col-md-4 {
    width: 50% !important;
    padding-left: 0 !important;
}
.renewal-comparison-buttons .row .col-md-8 {
    width: 50% !important;
    padding-right: 0 !important;
}
#quoteOptions #currentPeriod #quoteOptionPackageA #policyA #renewalComparison section .accordion-body .form-group,
#quoteOptions #renewalPeriod #quoteOptionPackageA #policyB #renewalComparison section .accordion-body .form-group{
    display: flex !important;
    width: 100%;
    flex-wrap: wrap;
}
#dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component .float-start.offset-lg-4 {
    padding-left: 0 !important;
    margin-left: 15px;
}
/* Package Quote */
div#quoteOptionPackageClauses .accordion-inner .form-group.row .row .col-md-12 a {
    color: #009ae4 !important;
    text-decoration: underline !important;
}
table#packagedOptions .col-form-label,
div#quoteOptionPackageClauses label.col-form-label {
    text-align: left !important;
}
#packagedOptions #commonRisk .accordion-inner .form-risk > [class^="col-"]:nth-child(n+2) {
    margin-top: 20px;
}

/* Study Abroad */
#quote-inputs-form #quotationDiv select,
#CustomerSearchModal select{
    background-color: #f7f8f9;
}
/* PROFILE */
/* My Profile */
form#profileForm .card-body-title, form#password-form .card-body-title, form#nameCard-form .card-body-title  {
    padding-bottom: 50px;
}

div#modifyProfileModal .form-group.phoneCountry label.col-form-label {
    margin-left: -5px;
}

div#modifyProfileModal div#radioContainer_preferredLanguage label.radio-inline {
    padding-top: 7px;
}

div#modifyProfileModal div#radioContainer_preferredLanguage label.radio-inline:nth-child(2) {
    margin-left: 10px;
}

div#modifyProfileModal .modal-footer,
div#changePasswordModal .modal-footer{
    width: 100%;
    display: block;
}
#modifyProfileModal form#modifyProfile .form-control,
#changePasswordModal #changePasswordResult .form-control{
    border-bottom: 1px solid #dee2e6 !important;
}
/* Password */
form#password-form .card-body-title {
    display: flex;
    width: 170px;
    margin: 0 auto;
    flex-wrap: wrap;
    align-content: center;
}

div#changePasswordModal td#ChangePasswordTexts ul li span {
    display: unset !important;
}

div#changePasswordModal form#changePassword div[id*="innerFormGroupDivoldPassword"],
div#changePasswordModal form#changePassword div[id*="innerFormGroupDivnewPassword"]{
    padding: 0
}

div#changePasswordModal .modal-footer .row {
    width: 100% !important;
    margin: 0 !important;
    align-content: center;
    justify-content: space-between;
}

/* Logout */
.logoutBox-2021.show .btn-close {
    display: none;
}

form#password-form .card-body-title span.passwordTabTitleCaption.profile-card-tab-title {
    width: auto;
}

form#password-form .card-body-title .password-tooltip {
    width: auto;
    margin-left: 7px;
}

form#password-form .card-body-title .password-tooltip img {
    margin-top: 3px;
}

/* ClAIMS */
/* Submit a claim */
form#newClaimPolicySearchForm #claimsDescription {
    font-size: 12px;
}

form#newClaimPolicySearchForm .newClaimHeaderFont h6{
    margin: 10px 0;
}
/* Manage Claims */
.form-group.CLAIMSSEARCH02 label.col-form-label {
    padding-left: 0;
}

table#claim-search-results-table > thead > tr > th{
    border-bottom: 1px solid #000;
}
#advance-search-claim #advance-search-claim-section .col-md-4 .form-group .col-form-label {
    padding-right: 5px;
    padding-left: 10px;
}
#advance-search-claim #advance-search-claim-section .col-md-12 .form-group [id*="innerFormGroupDiv"]  {
    padding-left: 12px;
}
#advance-search-claim #advance-search-claim-section .col-md-4 .form-group [id*="innerFormGroupDiv"] {
    padding-left: 20px;
}
#advance-search-claim #advance-search-claim-section .col-md-4 .form-group [id*="innerFormGroupDiv"] [id*="qbeInput"]{
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* LOGIN PAGE */
#logonBox input {
    padding: 10px 10px 10px 5px;
}

#logonBox .checkbox.inside-iframe {
    margin-top: 30px;
}

#logonBox .form.inside-iframe {
    margin-top: 30px !important;
}

div#logonBox div.row.inside-iframe.resetPasswordVisible {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

div#logonBox .resetPasswordVisible div#resetBtnDiv {
    flex: 0 0 auto !important;
    width: 50% !important;
    padding: 0;
    margin-right: 0 !important;
}

div#logonBox .resetPasswordVisible div#forgetPWDiv,
div#logonBox .resetPasswordVisible div#loginBtnDiv {
    flex: 0 0 auto !important;
    width: 25% !important;
    padding: 0;
}

div#logonBox .resetPasswordVisible div#resetBtnDiv button#submitReset {
    width: auto;
    margin: 0 auto;
}

#logonBox button.btn-close {
    --bs-btn-close-bg: unset;
    opacity: 1;
    position: absolute;
    right: 15px;
    width: 16px;
    height: 16px;
}

#logonBox #resetErrorMsg {
    position: relative;
}

#logonBox button.btn-close img {
    width: 16px;
    height: 16px;
}

#logonBox div#resetSuccessMsg button.btn-close {
    display: none;
}

div#loginFooter{
    display: block;
    align-items: center;
    justify-content: space-between;
}

#loginFooter .row {
    width: 100% !important;
    margin: 0 !important
}
.login #PrivacyPolicyModal button.btn-close,
.login #TermsAndConditionsModal button.btn-close {
    --bs-btn-close-bg: url("../images/modal/close_white.svg") !important;
    opacity: 1 !important;
}
.login #PrivacyPolicyModal .tab-content ul,
.login #PrivacyPolicyModal .tab-content ol,
.login #PrivacyPolicyModal .tab-content ul li,
.login #PrivacyPolicyModal .tab-content ol li{
    white-space: unset !important;
}
#PrivacyPolicyModal .tab-content ol li .listFormat {
    word-wrap: normal;
    padding-left: 30px;
    white-space: normal;
}
.login #PrivacyPolicyModal button.btn-close {
    --bs-btn-close-bg: url("../images/modal/close_white.svg");
    opacity: 1;
}
.login #PrivacyPolicyModal .tab-content ul,
.login #PrivacyPolicyModal .tab-content ol,
.login #PrivacyPolicyModal .tab-content ul li,
.login #PrivacyPolicyModal .tab-content ol li{
    white-space: unset !important;
}
form#logon div#loginBtnDiv button#submitLogon[disabled] {
    cursor: not-allowed !important;
    pointer-events: unset !important;
}
body.login.modal-open .modal a {
    text-decoration: underline !important;
}
body.login.modal-open {
    padding: 0 !important;
}
div#OTPModal {
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7);
}
div#OTPModal .modal-dialog {
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    top: 45%;
}
/* Change Password */
.resetPassword #btnPanel .btnLogin{
    margin: unset;
}
.resetPassword .logonBox #divButton .row div:nth-child(1){
    text-align: right;
}
.resetPassword .logonBox #divButton .row div:nth-child(2){
    margin: unset;
    display: unset;
    justify-content: unset;
}
.resetPassword div#DIALOG-MESSAGE-ALERT-BUTTONS {
    margin: 0 auto;
}
.modal-header {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.modal-content {
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.resetPassword button#xDIALOGMESSAGEALERT {
    --bs-btn-close-bg: url("../images/modal/close_white.svg");
}
.resetPassword div#changeExpiredPasswordModal div#divButton {
    text-align: center;
}
body.resetPassword div#loginFooter,
body.login div#loginFooter {
    display: flex;
}
/* COMMISSION */
.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-bg-type: #f9f9f9;
}
.table-striped>tbody>tr {
    border-bottom: 1px solid #ddd;
}
.oldPolicyHeader #riskTabTable tbody > tr,
.oldPolicyHeader #premium-transactions-table tbody > tr,
.oldPolicyHeader #transaction-documents-table tbody > tr,
.oldPolicyHeader #sub-policies-table tbody > tr,
.oldPolicyHeader #claims-tab-table tbody > tr {
    border-bottom: 0;
}
/* Policy Search */
table#policy-search-results-table > tbody > tr:nth-of-type(odd) > td.status-green,
table#claim-search-results-table > tbody > tr:nth-of-type(odd) > td.status-green {
    --bs-table-bg-type: #008000;
}
.vesselSearchWrapper div#searchVesselModal section#vessel-search-form{
    align-items: center;
    justify-content: start;
}
.vesselSearchWrapper div#searchVesselModal section#vessel-search-form .col-form-label {
    text-align: left;
    padding-right: 0;
}
.vesselSearchWrapper section#vessel-search-results div#vessel-search-found-results table#vessel-search-results-table > tbody > tr {
    border-bottom-color: transparent !important;
}
div#searchVesselModal {
    background: rgba(0,0,0,0.7) !important;
    z-index: 1068 !important;
}
#policyHeaderErrorMessagePanel.hide {
    display: none;
}
/* INTERESTED PARTY */
#interestedParty .col-lg-2.col-form-label{
    flex: 0 0 auto;
    width: 16.66666667%;
}
div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty div,
div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty,
div#interestedParty-main-div .accordion-inner div,
div#interestedParty-main-div .modal-footer div,
div#interestedParty-main-div  form#InterestedPartyTypeRiskForm .row {
    padding: 0;
}
div#interestedParty-main-div .modal-footer .row {
    margin: 0 !important;
}
.div#interestedParty-main-div .modal-footer .col-md-6{
    flex: 0 0 auto !important;
    width: 50% !important;
}
div#interestedParty-main-div div#interestedParty ul li {
    padding: 0;
}
div#interestedParty-main-div div#interestedParty ul li a{
    padding: 8px 16px;
    display: block;
    outline: none;
    box-shadow: none;
}
div#interestedParty-main-div div#interestedParty ul li a.active{
    color: #555;
    position: relative;
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    background-color: #FAFAFA;
}
div#interestedParty-main-div div#interestedParty ul li a:hover,
div#interestedParty-main-div div#interestedParty ul li a:focus {
    text-decoration: none;
    border: 1px solid #b7d6f1;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    outline: none;
    box-shadow: none;
}
div#interestedParty-main-div div#interestedParty ul li a.active:hover,
div#interestedParty-main-div div#interestedParty ul li a.active:focus {
    border: 1px solid #ddd;
    border-bottom-color: #b7d6f1;
    outline: none;
    box-shadow: none;
    background: #b7d6f1;
}
div#interestedParty-main-div div#interestedParty ul li a.active:after{
    content: '';
    background: #fafafa;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
form#InterestedPartyTypeRiskForm div#interestedPartySearch label.col-lg-3.col-form-label {
    width: 25%;
}
form#InterestedPartyTypeRiskForm div#interestedPartySearch .col-lg-7 button {
    margin-left: 25px;
}
#IP01.modal {
    padding: 0 !important;
}
/* AUTO RENEWAL */
#auto-renewal-block .shown, .qnect-manage-auto-renewal .shown{
    display: flex;
}
#auto-renewal-block .hidden,
.qnect-manage-auto-renewal .hidden {
    display: none;
}
/* GENERAL PAGE */
div#GeneralPageFormDiv > .form-group > .form-group.GEN02,
div#GeneralPageFormDiv > .form-group > .form-group.GEN03{
    padding: 0;
}
/* CLAUSES */
div#policyClause form#policyClauseForm .modal-body.policyClausesDiv {
    height: auto;
}
/* ADDITIONAL CLAUSES */
div#ADDCLAUSE .modal-body table#additionalClausesTable {
    overflow-y: auto;
    height: auto;
    display: revert;
}
/* MAKE PAYMENT */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #009ae4 !important;
}
/* SEARCH EXISITING CUSTOMER */
div#CustomerSearchModal .form-group button#searchClient{
    padding-right: 12px !important;
}
form#risk-interestedPartyForm-form table#interestedPartyList tr td a,
div#RecentPartyActive table#recentInterestedPartyList tr td a{
    color: #009ae4 !important;
}
#interestedPartyList td,
#interestedPartyList td > *{
    padding-left: 0;
}
div#CustomerSearchModal section#client-search-form .col-form-label {
    text-align: left !important;
}
/* COVER SECTION */
.col-wrapper-cover-section .form-group .col-form-label,
.col-wrapper-cover-section .form-group div#checkboxContainer_CoverSection,
.col-wrapper-cover-section .form-group div#iconContainer_CoverSection,
.col-wrapper-cover-section,
.col-wrapper-legend {
    padding: 0;
}
/* SELECT INDUSTRY */
div#anzsicSelect a {
    color: #009ae4 !important;
    text-decoration: underline;
}
div#anzsicSelect a:hover,
div#anzsicSelect a:focus{
    color: #23527c !important;
}
/* OCCUPATION AS CONFIRMATION MODAL */
div#occupiedAsConfirmation .modal-footer button.btn{
    width: unset !important;
    margin: unset !important;
    min-width: unset !important;
}
div#occupiedAsConfirmation .modal-footer button.btn:nth-child(1){
    margin-right: 12px !important;
}
/* POLICY REVIEW */
table.riskprembreakdown[id^="breakdown-"] th .accordion-toggle span a{
    margin-left: 8px;
}
table.riskprembreakdown[id^="breakdown-"] th div .fa{
    padding-left: 3px !important;
    font-size: 12px !important;
}
table.riskprembreakdown[id^="breakdown-"] th div span#premiumBreakdown,
table.riskprembreakdown[id^="breakdown-"] th div span.qbeInput_premiumBreakdown,
table.riskprembreakdown[id^="breakdown-"] th div span.premiumBreakdown {
    margin-left: 3px;
    word-wrap: break-word;
}
.policy-review-page  table.riskprembreakdown[id^="breakdown-"] th div .fa{
    padding-left: 5px !important;
    font-size: 14px !important;
}
.policy-review-page  table.riskprembreakdown[id^="breakdown-"] th div span#premiumBreakdown,
.policy-review-page  table.riskprembreakdown[id^="breakdown-"] th div span.qbeInput_premiumBreakdown,
.policy-review-page  table.riskprembreakdown[id^="breakdown-"] th div span.premiumBreakdown {
    margin-left: 5px;
    word-wrap: break-word;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span a,
.scrollableReviewPremium.policyreview table.riskprembreakdown div#collapsePremTogglePolicyRisk span a {
    color: #009ae4 !important;
    text-decoration: underline !important;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span a:hover,
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span a:focus,
.scrollableReviewPremium.policyreview table.riskprembreakdown div#collapsePremTogglePolicyRisk span a:hover,
.scrollableReviewPremium.policyreview table.riskprembreakdown div#collapsePremTogglePolicyRisk span a:focus{
    color: #23527c !important;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EPR {
    width: 65%;
    display: flex;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EMB {
    width: 78%;
    display: flex;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EPR a,
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EMB a,
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EGP a{
    margin-left: 8px;
    white-space: normal;
}
table.riskprembreakdown[id^="breakdown-"] th .collapse-toggle-EPR i.fa.fa-trash.delete-risk-icon,
table.riskprembreakdown[id^="breakdown-"] th .collapse-toggle-EMB i.fa.fa-trash.delete-risk-icon{
    position: relative;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EEC {
    width: 88%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}
.scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EEC a {
    width: 48%;
}
section#cover-sections .page-heading-standard .col-md-3 {
    padding: 0;
}
/* CLIENT DETAILS */
#clientDetailsBody .container.containerAdjustClass,
#clientDetailsBody .container.containerAdjustClass2 {
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 10vh;
}
/* Landing Page Metrics */
#metricForm .metricMonFrom label[for="qbeInput_metricMonFrom"],
#metricForm .metricMonTo label[for="qbeInput_metricMonTo"] {
    display: none;
}
#metricForm .monthSelect .textfield-2020 {
    padding-left: 5px !important;
}
/* MARINE ASSURED */
.outer-navbar2 .navbar-fixed-top {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1030;
}
.outer-navbar2 div#menuHeader2 div#menuItem .navbar-nav {
    display: block;
    float: left;
}
.outer-navbar2 div#menuHeader2 div#menuItem .navbar-nav li {
    float: left;
}
.outer-navbar2 div#menuHeader2 div#QSValue_container .form-group.QSValue,
.outer-navbar2 div#menuHeader2-mobile .headerSearchPaneMobile .form-group.QSValueMobile {
    --bs-gutter-x: unset;
    --bs-gutter-y: unset;
    display: unset;
    flex-wrap: unset;
    margin-top: unset;
    margin-right: unset;
    margin-left: unset;
}
.outer-navbar2 div#menuHeader2 div#QSValue_container .form-group.QSValue div#innerFormGroupDivQSValue input#qbeInput_QSValue,
.outer-navbar2 div#menuHeader2 div#QSValue_container .form-group.QSValue div#innerFormGroupDivQSValue input#qbeInput_QSValue::placeholder,
.outer-navbar2 div#menuHeader2-mobile .headerSearchPaneMobile .form-group.QSValueMobile div#innerFormGroupDivQSValueMobile input#qbeInput_QSValueMobile,
.outer-navbar2 div#menuHeader2-mobile .headerSearchPaneMobile .form-group.QSValueMobile div#innerFormGroupDivQSValueMobile input#qbeInput_QSValueMobile::placeholder{
    color: #fff !important;
}
.outer-navbar2 div#menuHeader2-mobile a{
    display: inline-block;
    z-index: 2;
}
.outer-navbar2 .headerSearchPaneMobile{
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
}
.outer-navbar2 button#btnShowMenuMobile,
.outer-navbar2 button#btnHideMenuMobile{
    position: relative;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    z-index: 10;
}
.outer-navbar2 button#btnShowMenuMobile .icon-bar{
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
}
.outer-navbar2 button#btnShowMenuMobile .icon-bar+.icon-bar {
    margin-top: 4px;
}
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown{
    width: 100%;
}
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown .dropdown-menu li{
    width: 100%;
}
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown .dropdown-menu li a{
    display: inline-block;
    width: 100%;
    padding: 10px 8px;
}
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown .dropdown-toggle:hover,
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown .dropdown-toggle:focus,
.outer-navbar2 #menuHeader2 #menuItem .navbar-nav .dropdown .dropdown-toggle:active {
    outline: none;
}
.headerSearchPane{
    min-width: 20vw;
}
section#panels .well table.table-bordered {
    border: 1px solid #ddd;
    border-left: unset !important;
    border-radius: unset !important;
    margin-bottom: 0px !important;
    width: 100%;
    max-width: 100%;
}
section#panels .well table>caption+thead>tr:first-child>td,
section#panels .well table>caption+thead>tr:first-child>th,
section#panels .well table>colgroup+thead>tr:first-child>td,
section#panels .well table>colgroup+thead>tr:first-child>th,
section#panels .well table>thead:first-child>tr:first-child>td,
section#panels .well table>thead:first-child>tr:first-child>th{
    border-top: 0;
}
section#panels .well table.table-bordered>thead>tr>td,
section#panels .well table.table-bordered>thead>tr>th{
    border-bottom-width: 2px;
}
section#panels .well table.table-bordered thead tr {
    border-bottom: 2px solid #ddd;
}
section#panels .well table>tbody > tr > th,
section#panels .well table>tbody > tr > td{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 25px;
    border-top: 0;
}
section#panels .well table>tbody>tr>td,
section#panels .well table>tbody>tr>th,
section#panels .well table>tfoot>tr>td,
section#panels .well table>tfoot>tr>th,
section#panels .well table>thead>tr>td,
section#panels .well table>thead>tr>th{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
section#panels .well table.table-bordered>tbody>tr>td,
section#panels .well table.table-bordered>tbody>tr>th,
section#panels .well table.table-bordered>tfoot>tr>td,
section#panels .well table.table-bordered>tfoot>tr>th,
section#panels .well table.table-bordered>thead>tr>td,
section#panels .well table.table-bordered>thead>tr>th{
    border: 1px solid #ddd;
}
section#panels .well .overflowAuto {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
section#panels .qbe-box-grey .panel h2 {
    margin: 9px 18px;
    border-bottom: solid 1px #dedfe0;
    padding: 9px 0 18px;
}
section#panels .qbe-box-grey .panel .homePanel.well {
    border: unset !important;
    background: transparent !important;
    box-shadow: unset !important;
    padding-top: 0;
}
section#panels .qbe-box-grey .panel ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}
section#panels .qbe-box-grey .panel ul li {
    border-bottom: 1px solid #dedfe0;
    padding: 9px 0;
}
section#panels .qbe-box-grey div#notificationsPanel {
    border: unset !important;
    background: transparent !important;
}
section#panels .qbe-box-grey div#notificationsPanel a{
    color: #009ae4;
    text-decoration: underline;
}
section#panels .qbe-box-grey div#notificationTypeSelectDiv select{
    color: #555;
}
section#panels .qbe-box-grey div#notificationsPanel .well {
    background: transparent !important;
}
.marine-cargo-slider-wrapper {
    padding-top: 30px;
}
.marine-cargo-slider-wrapper div#desktop-tablet-slider,
.marine-cargo-slider-wrapper > .slick-slider .slick-track,
.marine-cargo-slider-wrapper > .slick-slider .slick-list {
    width: 100%;
}
div#payment_advanced_search_popup {
    padding: 0 !important;
}
.vesselSearchWrapper div#searchVesselModal .modal-dialog.modalWide {
    --bs-modal-width: 60% !important;
}
.vesselSearchWrapper div#searchVesselModal section#vessel-search-form {
    align-items: center;
    justify-content: center;
}
.container .titleContainer .page-title {
    padding-top: 45px;
}
.container .titleContainer {
    margin-bottom: 0;
}
select#notificationTypePanelSelect:focus, select#notificationTypePanelSelect:active {
    outline: none !important;
    border: unset !important;
    box-shadow: none !important;
}
/* DASHBOARD */
#main-container-desktop #quick-quote,
#main-container-desktop #main-page-slider{
    padding: 0;
}
.notificationSearch div#notificationTypeSelectDiv select#notificationTypePanelSelect {
    color: #555 !important;
}
.viewAllNotifications a,
.viewAllNotifications a:link,
a span#landingHeaderViewAll{
    color: #003DA5 !important;
}
span.logOutAlertMessage span#qbeInput_logOutAlertMessage {
    color: #000 !important;
}
#notificationPopup .list-group .hiddenNotification:first-child{
    border-top: 1px solid #ddd;
}
.logoutBox-2021[style*="display: block"],
.logoutBox-2021[style*="display: block"] ~ div#ModalBG {
    pointer-events: none !important;
}
.logoutBox-2021 .modal-content {
    transform: unset;
}
div#policySearch-accordion table > thead{
    border-bottom: 2px solid #ddd;
}
input#qbeInput_QSValue {
    padding-left: 20px;
    font-size: 16px;
}
#innerFormGroupDivQSValue{
    padding-left: 30px;
}
#QSValue_container input#qbeInput_QSValue{
    padding-left: 15px !important;
    font-size: 12px;
}
#QSValue_container div#innerFormGroupDivQSValue {
    padding-left: 15px;
}
button.genesys-qbe-custom-launcher {
    z-index: 1072 !important;
}
div#megaMenu-PolicyServicing .column2 .megaMenu-link-item .link-item-title-details .item-element-title span {
    margin-left: 5px;
}
#PrivacyPolicyModal .modal-dialog ul.nav li.nav-item a.nav-link,
#TermsAndConditionsModal .modal-dialog ul.nav li.nav-item a.nav-link,
#ClientCharterModal .modal-dialog ul.nav li.nav-item a.nav-link{
    border: 1px solid #ddd !important;
    background: #fafafa !important;
    color: #555 !important;
}
#PrivacyPolicyModal .modal-dialog ul.nav li.nav-item a.nav-link:focus,
#PrivacyPolicyModal .modal-dialog ul.nav li.nav-item a.nav-link:hover,
#TermsAndConditionsModal .modal-dialog ul.nav li.nav-item a.nav-link:focus,
#TermsAndConditionsModal .modal-dialog ul.nav li.nav-item a.nav-link:hover,
#ClientCharterModal .modal-dialog ul.nav li.nav-item a.nav-link:focus,
#ClientCharterModal .modal-dialog ul.nav li.nav-item a.nav-link:hover{
    background: #b7d6f1 !important
}
#PrivacyPolicyModal .modal-dialog ul.nav li.nav-item a.nav-link.active,
#TermsAndConditionsModal .modal-dialog ul.nav li.nav-item a.nav-link.active,
#ClientCharterModal .modal-dialog ul.nav li.nav-item a.nav-link.active{
    border-bottom: unset !important;
}
.performanceFilter-container form#metricForm #accountSelectDiv {
    height: auto;
}
.performanceFilter-container form#metricForm select#accountPanelSelect {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
    font-family: "Inter", "Inter Regular", sans-serif;
}
.performanceFilter-container form#metricForm select#accountPanelSelect option{
    font-size: 14px !important;
    font-family: "Inter", "Inter Regular", sans-serif !important;
}
/* Medical Document Search */
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group,
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection > div#innerFormGroupDivsortDirection > select#qbeInput_sortDirection{
    margin-right: 0;
}
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading {
    background: transparent !important;
}
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > label,
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > label {
    width: 22%
}
div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2{
    padding-left: 0;
}
/* Client Payment Portal */
.qbe-box-navy {
    margin-top: 6px !important;
}
.qbe-box-navy .outer-navbar .bg-dark {
    background-color: #00205b!important;
}
.qbe-box-navy .outer-navbar .bg-dark .navbar-header .navbar-toggler{
    border-color: #00205b !important;
}
form#clientPaymentSummaryForm .baseline-left {
    margin: 0 !important;
    padding: 0 18px !important;
}
form#clientPaymentSummaryForm div#customerPaymentAutoRenewalContainer div#renewalDetails .col-md-12 .row {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
}
form#clientPaymentSummaryForm #customerPaymentAutoRenewalContainer #auto-renewal-block {
    margin: 0 !important;
    padding: 20px !important;
}
form#clientPaymentSummaryForm div#customerPaymentAutoRenewalContainer div#renewalDetails .col-md-12 {
    padding: 0 !important;
}
form#clientPaymentSummaryForm div#customerPaymentAutoRenewalContainer div#renewalDetails .col-md-12 .row div#auto-renewal-block div#TOSBlock {
    flex-wrap: wrap !important;
}
form#clientPaymentSummaryForm div#customerPaymentAutoRenewalContainer div#renewalDetails .col-md-12 .row div#auto-renewal-block div#TOSBlock .TOS-toggler {
    width: 100% !important;
}
form#clientPaymentSummaryForm div#customerPaymentAutoRenewalContainer div#renewalDetails .col-md-12 .row div#auto-renewal-block div#TOSBlock div#collapseTOS {
    width: 100% !important;
}
form#clientPaymentSummaryForm div#insuranceDetails .RiskHeadingSection .heading-label {
    padding-left: 20px !important;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-padding .accordion-inner {
    padding: 10px !important;
    padding-bottom: 0 !important;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-padding .accordion-inner .accordion-group table.table{
    margin-bottom: 0;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-padding {
    padding-bottom: 15px;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-inner .accordion-padding table.table {
    margin-bottom: 0;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-padding .accordion-inner .accordion-group {
    padding-bottom: 10px !important;
}
form#clientPaymentSummaryForm div#insuranceDetails .accordion-padding .accordion-inner .accordion-group table.table td.row {
    margin: 0 !important;
}
form#clientPaymentSummaryForm .baseline-left .col-12 .accordion-group div#personalDetails .row .col-md-12 {
    padding: 0;
}
form#clientPaymentSummaryForm .baseline-left .col-12 .accordion-group div#personalDetails .accordion-inner .accordion-padding .row {
    width: 100%;
    margin: 0;
    padding: 0;
}
form#clientPaymentSummaryForm .baseline-left .col-12 table.table tbody ul li a {
    color: #009ae4 !important;
}
form#paymentConfirmationForm section .sub-navigation-content .row table#policyDetails tr td b:has(> div) {
    display: flex;
}
table#policyDetails tbody tr {
    border-style: unset;
}
/* specific fix for MAR-1807 */
textarea#qbeInput_CAN29b {
    resize: vertical;
}
/* Resource Library */
.userGuideDisplaySearch #innerFormGroupDivuserGuideDisplaySearch > input {
    padding: 10px 15px 10px 55px;
}
/* Policy Portfolio */
form#quotePolicySearchForm .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
    padding: unset !important;
}
table#account-policy-search-results-withoutrep-table thead tr th,
table#account-policy-search-results-withoutrep-table tbody tr td,
table#account-policy-search-results-withrep-table thead tr th,
table#account-policy-search-results-withrep-table tbody tr td{
    border: 1px solid #ddd !important;
}
table#account-policy-search-results-withoutrep-table thead tr th,
table#account-policy-search-results-withrep-table thead tr th{
    padding: 0 !important;
    border-bottom: 2px solid #ddd !important;
}
form#quotePolicySearchForm div#quoteSearch-accordion span.policyPortfolioMessage span#qbeInput_policyPortfolioMessage {
    font-weight: 400 !important;
}
form#quotePolicySearchForm span.policyPortfolioMessage,
form#quotePolicySearchForm b span{
    font-size: 12px !important;
}
/* Group Medical & Customer Portal Admin  */
.actionButton .actionButtonDropdown li a {
    display: block !important;
    width: 100% !important;
}
.actionButton .actionButtonDropdown li a:hover{
    color: #003DA5 !important;
    background: #f1f2f4 !important;
}
#edit-user-modal .modal-dialog .modal-head .btn-close,
#delete-user-modal .modal-dialog .modal-head .btn-close,
div#confirmation-modal .modal-dialog .modal-head .btn-close,
#add-user-modal .modal-dialog .modal-head .btn-close,
#block-user-modal .modal-dialog .modal-head .btn-close,
#deactivate-user-modal .modal-dialog .modal-head .btn-close,
#resend-otp-modal .modal-dialog .modal-head .btn-close,
#add-policy .modal-dialog .modal-head .btn-close,
#activate-user-modal .modal-dialog .modal-head .btn-close,
#unblock-user-modal .modal-dialog .modal-head .btn-close{
    margin-left: auto;
}
#unblock-user-modal .modal-form [id*="unblock-form-"] .input-div .form-group input:not([readonly*="readonly"]){
    display: none !important;
}
#medicalPortal-page #DIALOG-MESSAGE-2021 .modal-header,
#medicalPortal-page #DIALOG-ERROR-2021 .modal-header{
    border: none !important;
}
.customerPortalAdmin table#userTable .btn-ActionUp:after {
    float: right !important;
}
#medicalPortal-page #edit-user-modal,
#medicalPortal-page #confirmation-modal,
#medicalPortal-page #delete-user-modal {
    pointer-events: none;
}
#medicalPortal-page #edit-user-modal .modal-dialog ,
#medicalPortal-page #confirmation-modal .modal-dialog ,
#medicalPortal-page #delete-user-modal .modal-dialog{
    pointer-events: auto;
}
#medicalPortal-page #edit-user-modal .btn-close,
#medicalPortal-page #edit-user-modal #form-buttons,
#medicalPortal-page #confirmation-modal .btn-close,
#medicalPortal-page #confirmation-modal #confirmation-form-buttons,
#medicalPortal-page #delete-user-modal .btn-close,
#medicalPortal-page #delete-user-modal #form-buttons {
    pointer-events: auto;
    cursor: pointer;
}
/* FSE Travel */
header .qbeHeaderSection .banner-bar .lockable a {
    display: inline-block;
}
#language-control.languageToggle .row {
    display: inline-block;
}
/* HOME */
/* Insured Details */
#addressForm_situationAddress .modal-footer {
    display: flex !important;
}
[id*="commissionPremium-"] input#discountCheckBox {
    margin: 0 !important;
    top: 53%;
    transform: translateY(-50%);
    left: 0;
}
[id*="commissionPremium-"] .checkbox {
    position: relative;
}
.policy-review-page table[id*="breakdown-table-"] thead tr,
.policy-review-page table[id*="breakdown-table-"] thead tr th,
.policy-review-page .table.riskprembreakdown thead > tr > th.column-prem,
.policy-review-page .table.riskprembreakdown thead > tr > th.column-label{
    height: auto !important;
}
.policy-review-page .table.riskprembreakdown thead > tr > th.column-prem,
.policy-review-page .table.riskprembreakdown thead > tr > th.column-label{
    padding-top: 0;
    padding-bottom: 0;
}
.policy-review-PAN .policyreview table.table.riskprembreakdown th.column-prem div.riskreferred {
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
}
/* MARINE FREIGHT FORWARDER */
table#can-table a {
    color: #009ae4 !important;
    text-decoration: underline !important;
}
form#marine-search-form .form-group {
    margin-bottom: .25rem!important;
}
.recovered-transaction-panel-card .title a .fa-fullscreen{
    position: relative;
}
.recovered-transaction-panel-card .title a .fa-fullscreen{
    height: 14px;
    width: 14px;
    position: relative;
    padding: 0;
}
.recovered-transaction-panel-card .title a .fa-fullscreen::before {
    content: '';
    background-image: url("../images/fullscreen-arrow.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 14px;
    height: 14px;
    width: 14px;
    top: 0;
    left: 0;
    position: absolute;
}
div#cancellationPopup.cancellation-popup .modal-footer .row {
    width: 100%;
}
#clonePolicyPopup.clone-policy-popup .form-group-2020 input:not(:disabled),
#editPolicyPopup.edit-policy-popup .form-group-2020 input:not(:disabled),
#endorsementPopup.endorsement-popup .form-group-2020 input:not(:disabled),
#endorsementPopup.endorsement-popup .form-group-2020 select:not(:disabled),
#cancellationPopup.cancellation-popup .form-group-2020 input:not(:disabled),
#cancellationPopup.cancellation-popup .form-group-2020 select:not(:disabled){
    border: none !important;
    background-color: #f7f8f9;
}
#endorsementPopup.endorsement-popup .form-group select,
#cancellationPopup.cancellation-popup .form-group select{
    background-color: #f7f8f9 !important;
}
body#policyHeaderPage form#policyHeaderForm .page-title {
    display: inline-block !important;
}
body#policyHeaderPage form#policyHeaderForm .page-title h1 {
    margin: 0 !important;
}
/* Payment Modal */
.container-form.modal.show {
    width: 100vw;
}
.container-form.modal.show .modal-dialog .modal-content .modal-header {
    border: none !important;
}
.container-form.modal.show .modal-dialog .modal-content .modal-header .btn-close {
    margin-top: 0 !important;
}
.container-form.modal.show .modal-dialog .modal-content .card {
    border: none !important;
}
.container-form.modal.show .modal-dialog .modal-content .card .card-title.card-sub-title{
    padding-top: 10px !important;
    padding-bottom: 25px !important;
}
.container-form.modal.show .modal-dialog .modal-content .card .card-title.card-sub-title span{
    font-size: 24px !important;
}
.container-form.modal.show .modal-dialog .modal-content .card .card-body .card-title {
    padding-bottom: 0 !important;
}
.container-form.modal.show .modal-dialog .modal-content .card .card-body .card-title span{
    font-size: 20px !important;
}
/* Motor */
.fastQuoteSummaryBlueBackgroundHeader {
    margin: 0 !important;
}
div#vehicleSearchModal .modal-dialog {
    width: 750px !important;
}
div#vehicleSearchModal .modal-dialog section#vehicle-search-form form .col-form-label {
    text-align: left !important;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#thirdPartyRow,
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#propertyDamageExcessRow,
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#excessSgpRow,
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#allClaimsExcessSgpRow,
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#comprehensiveExcessRow{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemHeading {
    width: 16%;
    padding: 0;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemColumnContainer {
    width: 84%;
    padding: 0;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemColumnContainer .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemColumnContainer .row .item{
    width: 16.66666666666667% !important;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#comprehensiveExcessRow td.itemColumnContainer .row .item {
    width: 12.5% !important;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#propertyDamageExcessRow td.itemColumnContainer .row .item{
    width: 11.11111111111111% !important;
}
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#thirdPartyRow td.itemColumnContainer .row .item,
form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#allClaimsExcessSgpRow td.itemColumnContainer .row .item{
    width: 25% !important;
}
.MVA26 .ofSILoss {
    padding-left: 15px !important;
}
.MPA09 #iconContainer_MPA09,
.MVY09 #iconContainer_MVY09,
.MVA09 #iconContainer_MVA09 {
    position: absolute;
    top: 4px;
    left: calc(33% + 4px);
    width: auto;
}
#multiLineEdit_MVA09,
#multiLineEdit_MPA09,
#multiLineEdit_MVY09 {
    margin: 5px 0 !important;
}
#multiLineDisplay_MVA09,
#multiLineDisplay_MPA09,
#multiLineDisplay_MVY09 {
    padding-top: 5px;
    padding-left: 5px;
}
.fast-quote-body.MVA .popover,
.risks-body.MVA .popover {
    width: auto !important;
}
table#driversList tbody tr {
    border-bottom: 0;
}
.policy-review-MVA table#breakdown-table-1001.riskprembreakdown thead tr th:last-of-type .riskreferred {
    justify-content: flex-end;
}

[id*="multiLineForm_"] .modal-header{
    justify-content:flex-start;
}
[id*="multiLineForm_"] .modal-footer,
[id*="multiLineForm_"] .modal-footer .col-sm-6{
    margin: 0 !important;
}
#vehicleSearchModal.vehicle-search-modal table#vehicle-search-results-table>tbody>tr{
    border-bottom-color: transparent !important;
}
.coverTypeTextThirdPartyAndTheft #qbeInput_coverTypeTextThirdPartyAndTheft {
    line-height: normal;
}
#coverTypeTextDiv:has(.coverTypeTextThirdPartyAndTheft) {
    text-align: center;
}
/* Travel HASE */
#HASE_container {
    padding-top: 10px;
}
#radioContainer_PHT60 .radio-inline:not(:first-child),
#radioContainer_PHT61 .radio-inline:not(:first-child),
#radioContainer_PHT63 .radio-inline:not(:first-child) {
    margin-left: 15px;
}
.form-group:has([id^="qbeInput_PHT"]:focus) .col-form-label,
.form-group:has([id^="qbeInput_PHT"]:active) .col-form-label {
    background: transparent;
}
#ccDetailsSections {
    padding-top: 20px;
}
#ccDetailsSections .cardExpiryContainer .cardExpiryLabel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#ccDetailsSections .cardExpiryContainer .cardExpiryDate {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-left: 4px;
}
#HASE-Travel-Payment #ccDetailsSections .form-group.PAY01 {
    display: flex;
}
#HASE-Travel-Payment #ccDetailsSections .PAY01 .col-form-label {
    padding-top: 0;
}
#HASE-Travel-Payment .cardExpiryContainer .cardExpiryDate select {
    font-size: 13px;
    width: unset;
    padding: 5px 20px 5px 5px;
}
#HASE-Travel-Payment #customerCurrentAccNumberSection {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ADDRESS DETAILS EDIT - Home / Residential Fire */
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM14,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM15,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM16,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM17,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM18,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM66,
#addressForm_situationAddress.address-modal.show #innerFormGroupDivCOMM29 {
    width: 60%;
}
/* Claim */
form#claimSearchForm.claim-search-form button#searchPolicyButton {
    order: 1;
}
form#claimSearchForm.claim-search-form button#showAllmyClaimsButton {
    order: 2;
}
/* Domestic Helper */
#commissionPremium-DMH #DMH-comission-div #applyToPremiumDiv {
    align-items: center;
}
#commissionPremium-DMH #DMH-comission-div #applyToPremiumDiv input#discountCheckBox {
    top: unset;
    transform: unset;
    left: unset;
}
#annualPremium-DMH #DMH-annualPremAdj-div .modal-body table#annual-premium-table-DMH>tbody>tr,
[class*="premium-breakdown-modal"] table[id*="annual-premium-table-"] tbody tr,
[class*="premium-breakdown-standalone-modal"] table[id*="annual-premium-table-"] tbody tr {
    border-color: transparent !important;
}
[id^="annual-premium-table"] .discountColumn {
    padding-right: 0;
}

form#dmhFastQuoteForm .card .fastQuoteSummaryBlueBackgroundHeader .col-12.col-md-2.fastQuoteSummaryPriceHeading.mobileCenter {
    padding: 0;
}
#commissionPremium-DMH #DMH-comission-div .modal-header .modal-title,
#annualPremium-DMH #DMH-annualPremAdj-div .modal-header .modal-title,
[class*="premium-breakdown-modal"] .modal-title,
[class*="premium-breakdown-standalone-modal"] .modal-title {
    margin-right: auto !important;
}

.logoutBox-2021 .modal-footer .btn {
     min-width: 80px !important;
}

#UWCoverSection .CoverSection label[for="CoverSection"] {
    background-color: transparent !important;
}

#manualReferList td.column-delete {
    vertical-align: middle;
}
#MPA-annualPremAdj-div .modal-footer .row [class^="col-"]:first-child {
    text-align: left;
}
#attachmentSection #file-display-table td,
#attachmentSection #file-display-table td.column-delete,
#attachmentSection #file-display-table td.view-attachment {
    vertical-align: middle;
}

/* FIXES LOGOUT MISALIGNMENT OF BUTTONS AFTER LONG IDLE - PERF-4604 ISSUE 9 */
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-CANCEL-2020,
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-OK-2020 {
    width: 80px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px !important;
    margin: 0;
}
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-CANCEL-2020 div.form-group.row.noButtonFace,
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-OK-2020 div.form-group.row.noButtonFace {
    margin-bottom: 0;
}
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-CANCEL-2020 div.form-group.row.noButtonFace #innerFormGroupDivnoButtonFace,
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-OK-2020 div.form-group.row.noButtonFace #innerFormGroupDivnoButtonFace {
    width: 100%;
    padding: 0;
}
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-CANCEL-2020 div.form-group.row.noButtonFace #innerFormGroupDivnoButtonFace input,
#DIALOG-MESSAGE-2020.logoutBox-2021 a#DIALOG-MESSAGE-OK-2020 div.form-group.row.noButtonFace #innerFormGroupDivnoButtonFace input {
    width: 35px;
    text-align: center;
    padding: 0;
    margin: 0;
}
.logoutBox-2021 .modal-footer .row .col-3:nth-child(2),
.logoutBox-2021 .modal-footer .row .col-3:nth-child(3){
    justify-content: center;
    align-items: center;
}
#DIALOG-MESSAGE-2020.logoutBox-2021.show .modal-dialog {
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

/* PAN Adjustment Modals */
#commissionPremium-PAN .footer-buttons .row [class^="col-"]:first-child,
#annualPremium-PAN .footer-buttons .row [class^="col-"]:first-child {
    text-align: left;
    padding-left: 0;
}
#commissionPremium-PAN .footer-buttons .row [class^="col-"]:last-of-type,
#annualPremium-PAN .footer-buttons .row [class^="col-"]:last-of-type {
    text-align: right;
    padding-right: 0;
}

#referralScreenForm select#referralEmailAddresses {
    height: auto !important;
}

#naw-modal.show .modal-dialog {
    width: 100%;
}
#naw-modal.show .modal-content {
    margin-bottom: 50px;
}
#naw-modal .modal-dialog .modal-header,
#naw-modal .modal-dialog .modal-footer {
    justify-content: flex-start;
}

.insuredMainDiv .insuredDiv .insuredDetailsHeader {
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.insuredMainDiv .insuredDiv .insuredDetailsHeader button {
    max-height: 24px;
}

/* Policy Header */
.displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer{
    margin-top: 0 !important;
    display: flex !important;
    align-items: stretch !important;
}

#nonBIZRenewalPopup .modal-dialog {
    --bs-modal-width: 650px !important;
    top: -20px;
}
#nonBIZRenewalPopup .modal-dialog .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5) !important;
}
#nonBIZRenewalPopup .modal-dialog .modal-header {
    justify-content: start !important;
    border-radius: 0 !important;
}
#nonBIZRenewalPopup .modal-body .row .col-md-10 .action-buttons {
    display: flex;
    justify-content: end !important;
}
#nonBIZRenewalPopup .modal-body .row .col-md-2,
#nonBIZRenewalPopup .modal-body .row .col-md-10 {
    margin-top: 10px !important;
}
#nonBIZRenewalPopup .modal-body .row .col-md-10 .action-buttons a:first-child{
    margin-right: 5px !important;
}
/* Personal Accident */
form#panFastQuoteForm .col-form-label {
    background-color: transparent !important;
}
/* Travel & Travel Prestige */
div#sob-modal .modal-header {
    justify-content: flex-start;
}
div#cov-modal {
    z-index: 1070 !important;
}
div#cov-modal .modal-dialog {
    width: 1500px;
    top: -30px !important;
}
div#cov-modal .modal-header,
div#cov-modal .modal-footer{
    justify-content: flex-start;
}
div#cov-modal .modal-footer{
    padding-bottom: 45px;
}
/* Footer */
div.footer2-bottom{
    z-index: 1071 !important;
}
@media only screen and (max-width: 1499px) {
    .modal#sob-modal .modal-dialog {
        width: 100%;
    }
}

/* PAN Adjustment Modals */
#commissionPremium-PAN .footer-buttons .row [class^="col-"]:first-child,
#annualPremium-PAN .footer-buttons .row [class^="col-"]:first-child {
    text-align: left;
    padding-left: 0;
}
#commissionPremium-PAN .footer-buttons .row [class^="col-"]:last-of-type,
#annualPremium-PAN .footer-buttons .row [class^="col-"]:last-of-type {
    text-align: right;
    padding-right: 0;
}

@media only screen and (max-width: 1200px){
    div.container.containerAdjustClass,
    div.container.containerAdjustClass2{
        margin-bottom: 10vh;
    }
    /* QUOTE - NEW QUOTE */
    /* Business Insurance Solution or Old Biz */
    form#underwritingCommonScreenForm .form-group.COMM04 .col-lg-4,
    form#underwritingCommonScreenForm .form-group.COMM35 .col-lg-4,
    div#EMBaccordionbody .form-group.EMB07 .col-lg-4,
    div#EMBaccordionbody .form-group.EMB19 .col-lg-4,
    div#EMBaccordionbody .form-group.EMB07 .offset-lg-4.col-lg-3,
    div#EMBaccordionbody .form-group.EMB19 .offset-lg-4.col-lg-3,
    #underwritingCommonScreenForm .form-group.COMM35E .col-lg-4 {
        width: 100%;
    }
    div#EMBaccordionbody .form-group.EMB07 .offset-lg-4.col-lg-3,
    div#EMBaccordionbody .form-group.EMB19 .offset-lg-4.col-lg-3{
        margin: 0;
    }
    form#underwritingCommonScreenForm .form-group.COMM04 .col-lg-8,
    form#underwritingCommonScreenForm .form-group.COMM35 .col-lg-8 {
        width: 66.66666667%;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit{
        display: flex;
        flex-wrap: wrap;
        align-items: end;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .x-separator{
        padding-top: 0;
        top: 10%;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .left-component .form-group [id*="innerFormGroupDiv"],
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .right-component .form-group [id*="innerFormGroupDiv"]{
        width: 91.66666667%;
    }
    #addressForm_situationAddress .modal-dialog .modal-footer .col-sm-6{
        width: 50%;
    }
    /* COVER SECTION */
    .col-wrapper-cover-section .form-group.CoverSection {
        margin-left: 25px;
    }
    /* POLICY REVIEW */
    .policy-review-BIZ .table.riskprembreakdown thead > tr > th.column-prem,
    .policy-review-BIZ .table.riskprembreakdown thead > tr > th.column-label{
        height: auto !important;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EEC a{
        width: 60%;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .collapse-toggle-EMP span.premium-label-EMP {
        width: 58%;
        display: flex;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EMB {
        width: 64%;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EGP{
        width: 62%;
        display: flex;
    }
    /* Med Doc Search */
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > label.col-lg-4.col-form-label{
        margin-right: 0;
    }
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2 {
        margin-left: 10px;
    }
    /* Policy Search */
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form .col-form-label {
        padding-left: 0;
        padding-right: 0;
        letter-spacing: -1px;
    }
    /* Manage Portfolio */
    .manage-portfolio-container {
        max-width: 100%;
    }
    /* Business Insurance Solution - Old Biz */
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-7,
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-5,
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-7 .row .col-lg-3,
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-5 .row .col-lg-3,
    #UWQuestionsBaseSection .questionPreamble .row .col-lg-7,
    #UWQuestionsBaseSection .questionPreamble .row .col-lg-5,
    #UWQuestionsBaseSection .questionPreamble .row .col-lg-7 .row .col-lg-3,
    #UWQuestionsBaseSection .questionPreamble .row .col-lg-5 .row .col-lg-3{
        width: 100%;
    }
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-7 .row .col-lg-3,
    #ClaimsQuestionsSection .questionPreamble .row .col-lg-5 .row .col-lg-3{
        width: 100%;
        padding-left: 0;
    }
    #UWQuestionsBaseSection .questionPreamble .row .col-lg-5 .row{
        padding-left: 15px;
        padding-right: 15px;
    }
    section#risk-accordion .form-group .float-start.offset-lg-4 {
        margin-left: 0 !important;
        float: unset !important;
        width: 100% !important;
        padding: 0 !important;
    }
    #addressForm_situationAddress .modal-dialog .modal-footer .col-sm-6{
        width: 50%;
    }
    table.table.riskprembreakdown th.column-label,
    table.table.riskprembreakdown td.column-label {
        width: 200px;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .left-component .form-group [id*="innerFormGroupDiv"]{
        width: 89%;
    }
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit .right-component,
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component{
        top: 0 !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component{
        margin-top: 26px !important;
    }
    /* Motor */
    .motor-quick-quote-content .FSTQTM03 div#innerFormGroupDivFSTQTM03.col-lg-3.col-11 {
        width: 100%;
        margin-top: 8px;
    }
    .motor-quick-quote-content .FSTQTM03 #iconContainer_FSTQTM03{
        left: 300px;
        right: unset;
    }
    .motor-quick-quote-content #optionalCovers .col-lg-5.col-12.col-form-label {
        text-align: left !important;
        padding-left: 0 !important;
    }
    .motor-quick-quote-content #optionalCovers .col-form-label h4{
        padding-left: 0 !important;
    }
    #MPAaccordionbody .form-group .col-lg-1.col-11,
    #MPAaccordionbody .form-group .col-lg-2.col-11,
    #MVYaccordionbody .form-group .col-lg-1.col-11,
    #MVYaccordionbody .form-group .col-lg-2.col-11,
    #MVAaccordionbody .form-group .col-lg-1.col-11,
    #MVAaccordionbody .form-group .col-lg-2.col-11 {
        width: 25%;
    }
    .MPA09 #iconContainer_MPA09,
    .MVY09 #iconContainer_MVY09,
    .MVA09 #iconContainer_MVA09 {
        left: 360px;
        top: 5px;
    }
    .MPA09 .mobileAdjustmentMutipleLine,
    .MVA09 .mobileAdjustmentMutipleLine,
    .MVY09 .mobileAdjustmentMutipleLine {
        margin-left: 5px;
    }

    /* eWallet Pool Inquiry */
    form#walletSearchForm.wallet-search-form-container [class*="offset-"] {
        margin-left: 0 !important;
    }
    form#walletSearchForm.wallet-search-form-container div#wallet-search-results-table_wrapper {
        overflow: auto;
    }
    /* Travel & Travel Prestige */
    #cov-modal .modal-dialog {
        width: 100% !important;
        transform: translate(-50%, 100px) !important;
    }
}
@media only screen and (max-width: 1199px){
    /* Auto Renewal Inquiry Report & Manage Agent Accounts */
    .auto-renewal-inquiry-container .card .card-body .autoRenewalPolicyInquiryField .autorenewalInquirySearchPolicyNumber .col-form-label,
    .auto-renewal-inquiry-container .card .card-body .autoRenewalPolicyInquiryField .autorenewalInquirySearchPolicyNumber #innerFormGroupDivautorenewalInquirySearchPolicyNumber,
    .account-email-override-container .accountEmailOverrideField .aeoSearchAccNo .col-form-label,
    .account-email-override-container .accountEmailOverrideField .aeoSearchAccNo #innerFormGroupDivaeoSearchAccNo {
        width: 91.66666667%;
    }
    .auto-renewal-inquiry-container .card .card-body .autoRenewalPolicyInquiryField .autorenewalInquirySearchPolicyNumber .col-form-label,
    .account-email-override-container .accountEmailOverrideField .aeoSearchAccNo .col-form-label {
        text-align: center;
    }
    .auto-renewal-inquiry-container .card .card-body .autoRenewalPolicyInquiryField .autorenewalInquirySearchPolicyNumber #innerFormGroupDivautorenewalInquirySearchPolicyNumber,
    .account-email-override-container .accountEmailOverrideField .aeoSearchAccNo #innerFormGroupDivaeoSearchAccNo {
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 1139px){
    /* Personal Accident */
    /* Policy Review */
    table.table.riskprembreakdown td.column-prem,
    table.table.riskprembreakdown th.column-prem {
        width: 13%;
    }
}
@media only screen and (max-width: 1025px){
    /*  SETTINGS  */
    /*  Add Notification Message  */
    .effectiveTime .col-lg-7, .expiryTime .col-lg-7 {
        width: 100%;
    }

    /* POLICY SERVICINNG */
    /* Create Cover Note */
    .coverNoteDetailsEffDate .input-group{
        width: 100%;
    }

    div#coverNoteTerm .col-md-6 .row {
        align-items: end;
    }

    div#coverNoteSchedule .row .col-md-6 .coverNoteDetailsVehicleCodeSelect .col-lg-8 {
        width: 100%;
    }

    div#coverNoteSchedule .row .col-md-6 .coverNoteDetailsVehicleCodeSelect .col-lg-8 .col-lg-9 {
        width: 100%;
    }

    /* Marine Document Search */
    div#g400Search-accordion div#PolicySearchByCustomer .col-lg-7 button.btn {
        margin-left: 0;
    }

    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > label, div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > label,
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > div#innerFormGroupDivtableColumn, div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2,
    div#innerFormGroupDivG400D05 {
        width: 100% !important;
    }

    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col.form-group{
        align-items: center;
    }

    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn,
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection{
        margin: 0;
        padding: 0;
    }

    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2{
        margin-left: unset;
    }

    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn{
        margin-bottom: 5px
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > div#innerFormGroupDivtableColumn,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection > div#innerFormGroupDivsortDirection,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 {
        padding-right: 15px;
        padding-left: 15px;
        --bs-gutter-x: 0;
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 {
        --bs-gutter-x: 0;
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group {
        margin: 0;
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2{
        padding-left: 15px;
    }
    /* QUOTE - NEW QUOTE */
    /* Travel HK & MIL */
    div#insured-persons div#dynamic-insuredPersons .baseline-left.row span,
    div#insured-persons div#dynamic-insuredPersons .baseline-left.row span.insuredPersonsCaption02.bold-ghost-text.notRequiredGhostText.col-form-label{
        width: 100%;
    }
    div#insured-persons div#dynamic-insuredPersons .baseline-left.row span.insuredPersonsCaption02.bold-ghost-text.notRequiredGhostText.col-form-label span#qbeInput_insuredPersonsCaption02 {
        padding-top: 7px;
        padding-left: 0;
    }
    div#TopUpsBaseSection div#TopUpsSection .form-group div#checkboxContainer_newTopUps {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    div#TopUpsBaseSection div#TopUpsSection .form-group div#checkboxContainer_newTopUps .col-md-6,
    div#TopUpsBaseSection div#TopUpsSection .form-group div#checkboxContainer_newTopUps .col-md-3 {
        width: 100%;
    }
    div#TopUpsBaseSection div#TopUpsSection .form-group div#checkboxContainer_newTopUps .col-md-3 {
        display: none;
    }
    div#TopUpsBaseSection div#TopUpsSection .top-up-help-wrapper span.topUpsHelp.col-form-label{
        margin:0;
        margin-left: -5px;
    }
    div#TopUpsBaseSection div#TopUpsSection .top-up-help-wrapper span.topUpsHelp.col-form-label span#qbeInput_topUpsHelp {
        padding: 0;
        width: auto;
    }
    #clientDetailsBody #clientDetailsForm .form-group{
        width: 100%;
    }
    #clientDetailsBody #clientDetailsForm .client-details-section .row .col-lg-5 {
        width: 52%;
    }
    /* Business Insurance Solution - Old Biz */
    div#BIZriskaccordion .table-wrapper {
        padding: 0;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .left-component .form-group [id*="innerFormGroupDiv"]{
        width: 91.66666667%;
    }
    .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        align-items: flex-start !important;
        width: 100%;
    }
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]){
        height: 95px !important;
    }
    /* Package Quote */
    body.quote-options.bodyAdjustClass2 .container.containerAdjustClass2{
        overflow-x: hidden;
        overflow-y: auto;
    }
    /* COVER SECTION */
    div#ClaimsQuestionsBaseSection div#ClaimsQuestionsSection{
        padding: 0 5px;
    }
    .policy-review-BIZ div.policyreview table.riskprembreakdown th.column-label,
    .policy-review-BIZ div.policyreview table.riskprembreakdown td.column-label{
        width: 430px;
    }
    table.table.riskprembreakdown[id*="breakdown-"] th div[id*="divMinimumPremiumApplied"]{
        width: 100%;
    }
    .policy-review-BIZ .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span[class*="premium-label-"],
    .policy-review-BIZ .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span[class*="premium-label-"] a{
        width: auto;
    }
    /* CLIENT DETAILS */
    #clientDetailsBody .container.containerAdjustClass,
    #clientDetailsBody .container.containerAdjustClass2 {
        margin-bottom: 15vh;
    }
    /* MARINE ASSURED */
    body.bodyAdjustClass2{
        margin-bottom: 12vh
    }
    div#paymentsTab .box3 .boxSearchPanel {
        margin: 0 auto;
    }
    #policyHeaderPage form#policyHeaderForm{
        padding-top: 0;
    }
    /* Med Doc Search */
    form#g400DocumentSearchForm, .intermediary-bulk-import-container {
        padding-top: 1em;
        margin-bottom: 8em;
    }
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2 {
        margin-left: 0;
    }
    /* SME, PAN & Travel Packages */
    .pan-package-list-container form#packageUploadForm .btn-back,
    .travel-package-list-container form#packageUploadForm .btn-back {
        width: 10%;
    }
    .pan-package-list-container form#packageUploadForm .btn-sync,
    .pan-package-list-container form#packageUploadForm .upload-field,
    .travel-package-list-container form#packageUploadForm .btn-sync,
    .travel-package-list-container form#packageUploadForm .upload-field{
        width: 35%;
    }
    .pan-package-list-container form#packageUploadForm .btn-upload,
    .travel-package-list-container form#packageUploadForm .btn-upload {
        width: 20%;
    }
    #UWQuestionsBaseSection .baseline-left,
    #ClaimsQuestionsBaseSection .baseline-left {
        margin-left: 0;
        padding: 0 5px;
    }
    /* Policy Search */
    form#quotePolicySearchForm,
    form#walletSearchForm{
        padding-top: 8px !important;
        padding-bottom: 110px !important;
    }
    /* View All Reports */
    section#content.view-all-reports-content,
    section#content.mil-reports-content,
    section#content.agent-portfolio-content,
    section#content.client-soa-content,
    section#content.employee-comp-attach-content,
    section#content.cover-note-report-content,
    section#content.policy-marine-report-content,
    section#content.ccba-reports-content,
    section#content.agent-soa-content,
    section#content.motor-issued-quotes-content,
    section#content.cover-note-standalone-content,
    section#content.auto-renewal-report-content,
    section#content.b2c-reports-content,
    section#content.policy-renewal-status-content,
    section#content.issue-quotes-policies-content,
    .auto-renewal-inquiry-container,
    section#content.banner-form-content,
    section#content.notification-content {
        padding-top: 5px;
    }
    /* Claims */
    form#claimSearchForm.claim-search-form .button-claims {
        margin-left: auto !important;
        padding: 0;
        width: 35%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    form#claimSearchForm.claim-search-form button#searchPolicyButton {
        order: 2;
    }
    form#claimSearchForm.claim-search-form button#showAllmyClaimsButton {
        order: 1;
    }
    /* Manage B2B2C Sharing */
    body.agent-campaign-body .device-menu{
        margin-top: -70px;
    }
    body.agent-campaign-body .footer2-bottom-mobile {
        position: relative !important;
    }
    /* Auto Renewal Inquiry Report */
    .auto-renewal-inquiry-container .card .card-body .autoRenewalPolicyInquiryField .autorenewalInquirySearchPolicyNumber #innerFormGroupDivautorenewalInquirySearchPolicyNumber{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 993px) {
    .reportsPage form#searchForm,
    .reportsPage form#searchForm > .row {
        margin-left: 0;
    }
    .reportsPage form#searchForm .col-form-label + div[class^="col-"],
    .manageDocumentsPage .col-form-label + div[class^="col-"] {
        padding-left: 0;
    }
    .autoRenewalPolicyInquiry .autorenewalInquirySearchPolicyNumber,
    #account-email-override-form .accountEmailOverrideField {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .autoRenewalPolicyInquiry .autorenewalInquirySearchPolicyNumber .col-form-label,
    #account-email-override-form .accountEmailOverrideField .col-form-label{
        padding-top: 0;
    }
}

@media only screen and (max-width: 992px){
    /* COVER SECTION */
    .sect-wrapper-cover-section .baseline-left{
        margin: 0;
        width: 100%;
        padding: 0 20px;
    }
    .sect-wrapper-cover-section .baseline-left .row{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .col-wrapper-cover-section,
    .col-wrapper-legend{
        width: 100%;
    }
    .col-wrapper-cover-section,
    .col-wrapper-legend{
        margin-top: 15px;
    }
    .col-wrapper-cover-section .form-group div#checkboxContainer_CoverSection .checkbox label.checkBoxLabel{
        padding: 0;
    }
    /* INTERESTED PARTY */
    div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty {
        padding: 0 30px;
    }
    div#IP01 div#interestedParty-main-div .control-group .controls{
        text-align: center;
    }
    div#IP01 form#InterestedPartyTypeRiskForm div#interestedPartySearch .col-lg-7 button{
        margin-left: 0;
    }
    div#interestedParty-main-div form#InterestedPartyTypeRiskForm .control-group .controls {
        margin: 0 auto;
    }
    /* Medical Document Search */
    div#g400Search-accordion div#DocumentSearchResult .accordion-inner{
        position: relative !important;
        overflow: hidden !important;
    }
    div#g400Search-accordion div#DocumentSearchResult .accordion-inner > div {
        overflow: scroll !important;
        overflow-y: hidden !important;
        border: 1px solid #ddd;
    }
    #g400-search-results-table{
        width: auto !important;
        min-width: 1000px;
        table-layout: auto;
    }
    #g400-search-results-table th,
    #g400-search-results-table td {
        white-space: nowrap;
    }
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col {
        margin: 0 !important;
    }
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection > div#innerFormGroupDivsortDirection > select#qbeInput_sortDirection,
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2 > select#qbeInput_sortDirection2 {
        margin: 0;
    }
    div#g400Search-accordion div#DocumentSearchResult .accordion-sort.accordion-heading {
        width: auto;
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.tableColumn > div#innerFormGroupDivtableColumn,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-1.form-group > .form-group.sortDirection > div#innerFormGroupDivsortDirection,
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.sortDirection2 > div#innerFormGroupDivsortDirection2{
        padding: 0
    }
    div#g400Search-accordion div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group{
        margin-bottom: 5px !important;
    }
    /* MARINE ASSURED */
    .vesselSearchWrapper div#searchVesselModal .modal-dialog.modalWide {
        --bs-modal-width: 80% !important;
        padding-bottom: 12vh !important;
    }
    /* Marine Document Search */
    div#quoteOptionPackageA .accordion-inner.form-horizontal {
        padding-bottom: 20px;
    }
    div#quoteOptionPackageA  .form-group.CONF30b.textOnlyForTextarea textarea.form-control.textOnlyForTextarea{
        padding-bottom: 20px;
        background: transparent !important;
    }
    div#quoteOptionPackageA .riskLabel label.marineSummaryShippingDetailsLabel.static-label {
        float: unset !important;
        width: 40%;
    }
    div#quoteOptionPackageA .riskLabel .col-lg-6.fieldValue {
        width: 60%;
        padding-left: 0 !important;
    }
    /* Auto-Renewal Policy Inquiry */
    #paymentTokenDetailsModal .modal-dialog .modal-body form#updatePaymentTokenForm .col-lg-6:last-child {
        margin-left: unset !important;
    }
    /* Client Payment Portal */
    form#clientPaymentSummaryForm .baseline-left .checkbox {
        position: relative !important;
    }
    /* Home */
    [id*="commissionPremium-"] input#discountCheckBox {
        left: unset;
    }
    /* Motor */
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemColumnContainer .row .item{
        width: 25% !important;
    }
    .FSTQTM03 #iconContainer_FSTQTM03{
        right: 0 !important;
    }
    form#underwritingCommonScreenForm:has(input[value*="MPA"]) section.insurance-details-buttons-container .col-md-8 .action-buttons,
    form#underwritingCommonScreenForm:has(input[value*="MVY"]) section.insurance-details-buttons-container .col-md-8 .action-buttons,
    form#underwritingCommonScreenForm:has(input[value*="MVA"]) section.insurance-details-buttons-container .col-md-8 .action-buttons {
        text-align: right!important;
    }
    /* Business Insurance Solution or OLD BIZ*/
    section#risk-accordion div#riskHeadingEMP .form-group .float-start.offset-lg-4{
        padding: 0!important;
    }
    section#risk-accordion div#riskHeadingEFG div#dynamic-employee .form-group .float-start.offset-lg-4{
        padding: 0 5px !important;
    }
    section.insurance-details-buttons-container .col-4 .back-buttons,
    section.customer-details-buttons-container .col-4 .back-buttons{
        text-align: left !important;
    }
    section.insurance-details-buttons-container .col-8 div#isQuoteChoicesAvailable,
    section.customer-details-buttons-container .col-8 .action-buttons{
        text-align: right !important;
    }
    /* View All Reports */
    section#content.agent-portfolio-content .col-form-label,
    section#content.employee-comp-attach-content .col-form-label,
    section#content.issue-quotes-policies-content .col-form-label,
    section#content.policy-renewal-status-content .col-form-label,
    section#content.cover-note-report-content .col-form-label,
    section#content.policy-marine-report-content .col-form-label,
    section#content.agent-soa-content .col-form-label,
    section#content.motor-issued-quotes-content .col-form-label,
    section#content.cover-note-standalone-content .col-form-label {
        padding-left: 15px;
    }
    section#content.employee-comp-attach-content .offset-lg-4.col-lg-12,
    section#content.employee-comp-attach-content .col-lg-5 .form-group.row .offset-lg-4.col-lg-1,
    section#content.issue-quotes-policies-content form#searchForm .col-lg-5 .offset-lg-4.col-lg-10,
    section#content.policy-renewal-status-content form#searchForm .offset-lg-4.col-lg-10,
    section#content.cover-note-report-content .offset-xl-5.col-xl-6.col-lg-12,
    section#content.b2c-reports-content .offset-lg-4.col-lg-1,
    section#content.policy-marine-report-content .offset-lg-6.col-lg-2,
    section#content.ccba-reports-content .offset-lg-4.col-lg-1,
    section#content.motor-issued-quotes-content .offset-lg-4.col-lg-10.my-2 {
        padding-left: 0;
    }
    div#searchAccountModal.search-account-modal .col-form-label {
        text-align: left;
    }
    div#searchAccountModal.search-account-modal div#searchAccountDiv {
        text-align: center !important;
    }
    /* Claim */
    form#claimSearchForm.claim-search-form #search-claim-section [class*="col-lg"],
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section [class*="col-lg"] {
        width: 100%;
        flex: 0 0 100%;
    }
    form#claimSearchForm.claim-search-form #search-claim-section .CLAIMSSEARCH02 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .CLAIMSSEARCH12 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .CLAIMSSEARCH09 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .CLAIMSSEARCH10 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .CLAIMSSEARCH04 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .CLAIMSSEARCH05 .col-form-label,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .col-md-4 .form-group [id*="innerFormGroupDiv"] {
        padding-left: 15px;
    }
    form#newClaimPolicySearchForm.new-claim-policy-search-form [class*="col-lg"] {
        width: 95%;
        flex: 0 0 95%;
        margin: 0 10px;
    }
    /* B2B2C Sharing */
    form#agentCampaignForm .footer2-bottom-mobile{
        font-weight: 400 !important;
    }
    .autoRenewalPolicyInquiry .autorenewalInquirySearchPolicyNumber .col-form-label + div,
    #account-email-override-form .accountEmailOverrideField .col-form-label + div {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    /* Renewal Quote Details */
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer{
        margin-top: 18px;
    }

}

@media only screen and (max-width: 860px){
    /* Motor */
    #MPAaccordionbody .form-group .col-lg-1.col-11,
    #MPAaccordionbody .form-group .col-lg-2.col-11,
    #MPAaccordionbody .input-group.col-11.col-lg-3,
    #MVYaccordionbody .form-group .col-lg-1.col-11,
    #MVYaccordionbody .form-group .col-lg-2.col-11,
    #MVYaccordionbody .input-group.col-11.col-lg-3,
    #MVAaccordionbody .form-group .col-lg-1.col-11,
    #MVAaccordionbody .form-group .col-lg-2.col-11,
    #MVAaccordionbody .input-group.col-11.col-lg-3 {
        width: 91.66666667%;
    }
    /* Claims */
    form#claimSearchForm.claim-search-form .button-claims {
        width: 47%;
    }
}
@media only screen and (max-width: 835px){
    /* eWallet Pool Inquiry */
    form#walletSearchForm .accordion-inner.scrollableTable {
        overflow: auto;
    }
    /* Policy Header */
    form#policyHeaderForm:has(input[value*="GMB"]) #policyDocuments .data-content.row {
        gap: 12px 0 !important;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-transactionType {
        order: 1;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-effectiveDate {
        order: 2;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-issueDate {
        order: 3;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents{
        order: 4;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col{
        order: 5;
        margin-left: auto;
        padding: 0 !important;
        justify-content: space-between;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 {
        width: 100% !important;
        flex: 0 0 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 10px;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100:last-child{
        padding-bottom: 0;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 .th-companyName{
        width: 45% !important;
        padding-left: 0;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 .th-documentType{
        width: 55% !important;
        padding-left: 0
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col:before{
        display: none;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col .actions-icon-container{
        width: 45% !important;
        margin: 0  auto !important;
    }
}
@media only screen and (max-width: 821px){
    /* INTERESTED PARTY */
    #IP01.modal .modal-dialog {
        margin-bottom: 20vh;
    }
    div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty #interestedPartySearch .col-lg-7 {
        text-align: center;
    }
    div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty .form-group .col-form-label {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    /* Policy Search */
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form .col-form-label {
        letter-spacing: 0;
        width: 100%;
        max-width: 100%;
    }
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form .col-md-6,
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form div#innerFormGroupDivCANVES01 {
        width: 100%;
        max-width: 100%;
    }
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form div#innerFormGroupDivCANVES01{
        padding: 0;
        margin-bottom: 8px;
    }
    .vesselSearchWrapper section#vessel-search-results div#vessel-search-found-results {
        border-color: transparent !important;
    }
    /* QUOTE - NEW QUOTE */
    /* Travel HK & MIL */
    #clientDetailsBody #clientDetailsForm .client-details-section .row .col-lg-5 {
        width: 100%;
    }
    /* SME, PAN & Travel Packages */
    .sme-package-list-container form#packageUploadForm .btn-back,
    .pan-package-list-container form#packageUploadForm .upload-field,
    .travel-package-list-container form#packageUploadForm .upload-field{
        width: 40%;
    }
    .sme-package-list-container form#packageUploadForm .upload-field,
    .sme-package-list-container form#packageUploadForm .btn-upload {
        width: 30%;
    }
    .pan-package-list-container form#packageUploadForm .btn-back,
    .travel-package-list-container form#packageUploadForm .btn-back{
        width: 15%;
    }
    .pan-package-list-container form#packageUploadForm .btn-back a,
    .travel-package-list-container form#packageUploadForm .btn-back a{
        margin: 0;
    }
    .pan-package-list-container form#packageUploadForm .btn-sync,
    .travel-package-list-container form#packageUploadForm .btn-sync{
        width: 25%;
    }
    .pan-package-list-container form#packageUploadForm .btn-upload,
    .travel-package-list-container form#packageUploadForm .btn-upload{
        width: 20%;
    }
    /* Motor */
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr td.itemColumnContainer .row .item,
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#thirdPartyRow td.itemColumnContainer .row .item,
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#allClaimsExcessSgpRow td.itemColumnContainer .row .item,
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#propertyDamageExcessRow td.itemColumnContainer .row .item,
    form#mvaFastQuoteForm div#fastQuoteSummary .fastQuoteSummaryBorder .productDetails.MVAFastQuoteTableContainer.fastQuoteProductDetails table tbody tr#comprehensiveExcessRow td.itemColumnContainer .row .item{
        width: 100% !important;
    }
}
@media only screen and (max-width: 769px){
    /* POLICY SERVICINNG */
    /* Marine Document Search */
    #g400Search-accordion.accordion#DocumentSearchResult .accordion-text-label.accordion-heading{
        padding: 0;
    }

    #g400Search-accordion.accordion #DocumentSearchResult .accordion-sort.accordion-heading{
        margin: 0;
        padding: 15px;
    }
    /* INTERESTED PARTY */
    div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty {
        padding: 0 20px;
    }
    form#InterestedPartyTypeRiskForm div#interestedPartySearch .col-lg-7 button {
        margin-left: 0;
    }
    div#IP01 div#interestedParty-main-div div#dynamic-InterestedParty .control-group .controls{
        text-align: center;
    }
    /* SELECT PLAN */
    div#TopUpsBaseSection div#TopUpsSection .baseline-left.row {
        margin-left:0;
        padding: 0 12px;
    }
    div#TopUpsBaseSection div#TopUpsSection .form-group div#checkboxContainer_newTopUps{
        padding: 0;
    }
    div#TopUpsBaseSection div#TopUpsSection .topUpsCaption {
        margin-left: 0;
    }
    /* QUOTE - NEW QUOTE */
    /* Travel Prestige */
    .sub-navigation-content .ptrCoverSection .col-md-9 .CoverType div#radioContainer_CoverType{
        width: 100%;
    }
    .insurance-details-main-wrapper .form-group section .row div#GENPAGE-LINK,
    .insurance-details-main-wrapper .form-group section .row div#INSLONGNAME-LINK,
    .insurance-details-main-wrapper .form-group section .row div#policyClause-COUNT{
        width: 25% !important;
    }
    .topUps-main-wrapper .form-group div#checkboxOffset_topUps{
        width: 100%;
    }
    .topUps-main-wrapper .form-group div#checkboxContainer_topUps{
        width: 91.66666667%;
    }
    .topUps-main-wrapper .form-group div#iconContainer_topUps {
        width: 8.33333333%;
    }
    .topUps-main-wrapper .form-group div#checkboxContainer_topUps .col-md-6{
        padding: 0;
    }
    /* Business Insurance Solution - Old Biz */
    table.riskprembreakdown[id^="breakdown-"] th div span#premiumBreakdown{
        margin-left: 6px;
    }
    form#underwritingCommonScreenForm div#UWCoverSection{
        margin-top: 0;
    }
    form#underwritingCommonScreenForm  div#UWCoverSection .form-group.CoverSection {
        padding-left: 12px;
    }
    div#BIZriskaccordion .accordion-body{
        padding-left: 15px;
        padding-right: 15px;
    }
    div#BIZriskaccordion div#collapseGeneralProperty .form-group,
    div#BIZriskaccordion div#dynamic-employee .form-group,
    div#BIZriskaccordion div#EGPaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#ELIaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#EITaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#EECaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#EFGaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#EPRaccordionbody .accordion-item .accordion-body .col-md-12,
    div#BIZriskaccordion div#EPRaccordionbody div#checkboxContainer_EPR07 .checkbox label label{
        padding: 0;
    }
    div#BIZriskaccordion div#dynamic-employee .form-group .col-11,
    div#BIZriskaccordion div#dynamic-employee .col-form-label,
    div#BIZriskaccordion div#EMBaccordionbody .form-group .col-11,
    div#BIZriskaccordion div#EMBaccordionbody .col-form-label,
    div#BIZriskaccordion div#EMOaccordionbody .form-group .col-11,
    div#BIZriskaccordion div#EMOaccordionbody .col-form-label,
    div#BIZriskaccordion div#EITaccordionbody .form-group .col-11,
    div#BIZriskaccordion div#EITaccordionbody .col-form-label{
        padding-left: 5px;
    }
    div#BIZriskaccordion .table-wrapper table.riskprembreakdown.scrollablePremium{
        margin-left: 35%;
    }
    div#BIZriskaccordion div#EMBaccordionbody .accordion-item{
        padding-left: 12px;
        padding-right: 12px;
    }
    div#BIZriskaccordion div#EPRaccordionbody div#checkboxContainer_EPR07 .checkbox{
        padding-left: 20px;
    }
    form#underwritingCommonScreenForm .form-group.COMM04 .col-lg-8,
    form#underwritingCommonScreenForm .form-group.COMM35 .col-lg-8{
        width: 100%;
    }
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .x-separator{
        left: 47%;
        transform: translateX(-50%);
    }
    /* POLICY REVIEW */
    table.riskprembreakdown[id^="breakdown-"] th div{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    .policy-review-BIZ div.policyreview table.riskprembreakdown th.column-label,
    .policy-review-BIZ div.policyreview table.riskprembreakdown td.column-label{
        width: 425px;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EPR a,
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EMB a{
        margin-left: 8px;
    }
    /* CLIENT DETAILS */
    #clientDetailsBody .container.containerAdjustClass,
    #clientDetailsBody .container.containerAdjustClass2 {
        margin-bottom: 12vh;
    }
    /* MARINE ASSURED */
    .vesselSearchWrapper div#searchVesselModal .modal-dialog.modalWide {
        --bs-modal-width: 100% !important;
    }
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form .form-group.CANVES01 [id*="innerFormGroupDiv"] {
        padding-left: 0;
        margin-bottom: 12px;
    }
    .vesselSearchWrapper div#searchVesselModal section#vessel-search-form .col-form-label {
        text-align: left;
        padding-left: 0;
    }
    /* Claim */
    form#claimSearchForm.claim-search-form #search-claim-section .col-md-4,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .col-md-8,
    form#claimSearchForm.claim-search-form #advance-search-claim #advance-search-claim-section .col-md-4,
    form#newClaimPolicySearchForm.new-claim-policy-search-form [class*="col-md"] {
        width: 100%;
        flex: 0 0 100%;
    }
    form#newClaimPolicySearchForm.new-claim-policy-search-form [class*="col-md"] {
        margin: 0;
    }
}

@media only screen and (max-width: 750px) {
    div#vehicleSearchModal .modal-dialog {
        width: calc(100% - 20px) !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 630px) {
    .modal .modal-dialog{
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 576px){
    /* POLICY SERVICINNG */
    /* Marine Document Search */
    div#DocumentSearchResult > .accordion-sort.accordion-heading > .a-col-2.form-group > .form-group.tableColumn2 > div#innerFormGroupDivtableColumn2 > select#qbeInput_tableColumn2{
        margin-bottom: 8px;
    }
    #checkboxContainer_PG4007-REPEAT-0 {
        width: 90%;
    }
    /* Manage Portfolio */
    #portfolio_advanced_search_popup,
    #renewal_advanced_search_popup,
    #payment_advanced_search_popup {
        max-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    @supports (-webkit-touch-callout: none) and (not (translate: none)) {
        #portfolio_advanced_search_popup .modal-dialog,
        #renewal_advanced_search_popup .modal-dialog,
        #payment_advanced_search_popup .modal-dialog {
            padding-bottom: 60px;
        }
    }
    #portfolio_advanced_search_popup #customerSearchTypeRadioDiv .radioItemContainer .design {
        width: 18px;
        height: 18px;
    }
    #portfolio_advanced_search_popup .dateSelect,
    #renewal_advanced_search_popup .dateSelect,
    #payment_advanced_search_popup .dateSelect {
        height: auto !important;
    }
    #portfolio_advanced_search_popup .modal-dialog,
    #renewal_advanced_search_popup .modal-dialog,
    #payment_advanced_search_popup .modal-dialog {
        padding-bottom: 0 !important;
    }
    /* QUOTE - NEW QUOTE */
    /* Travel Prestige */
    .insurance-details-main-wrapper .form-group section .row div#GENPAGE-LINK,
    .insurance-details-main-wrapper .form-group section .row div#INSLONGNAME-LINK,
    .insurance-details-main-wrapper .form-group section .row div#policyClause-COUNT{
        width: 100% !important;
    }
    /* COVER SECTION */
    .col-wrapper-legend .sub-navigation-content {
        width: 100% !important;
    }
    /* POLICY REVIEW */
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EPR{
        margin-left: 8px;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EMB{
        margin-left: 0;
        width: 80%;
    }
    .scrollableReviewPremium.policyreview table.table.riskprembreakdown .accordion-toggle span.premium-label-EPR a{
        margin-left: 0;
    }
    /* QUOTE - NEW QUOTE */
    /* Business Insurance Solution or Old Biz */
    form#underwritingCommonScreenForm .form-group.COMM04 .col-lg-8,
    form#underwritingCommonScreenForm .form-group.COMM35 .col-lg-8{
        width: 100%;
    }
    section.customer-details-buttons-container .col-8 .action-buttons,
    section.policy-review-buttons-container .col-8 .action-buttons{
        text-align: right !important;
    }
    section.customer-details-buttons-container .col-8 .action-buttons{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: flex-end
    }
    section.customer-details-buttons-container .col-4 .back-buttons a{
        margin-bottom: 2px;
    }
    section.customer-details-buttons-container .col-8 .action-buttons:not(#make-payment-action-group) a{
        width: auto;
        margin-left: 15px;
        margin-bottom: 2px;
    }
    section.customer-details-buttons-container .col-8 .action-buttons .btn-group a{
        position: relative;
    }
    section.customer-details-buttons-container .col-8 .action-buttons .btn-group:not(#make-payment-action-group) a.dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translate(-50%, -50%);
    }
    section.customer-details-buttons-container .col-8 .action-buttons .btn-group a span{
        white-space: normal;
    }
    section.insurance-details-buttons-container a,
    section.customer-details-buttons-container a{
        padding: 6px 10px !important;
    }
    .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        align-items: flex-start !important;
        height: 115px !important;
        width: 100%;
    }
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit .right-component{
        top: 0 !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component{
        top: 0 !important;
        margin-top: 26px !important;
    }
    /* Package Quote */
    div.container.containerAdjustClass2{
        margin-bottom: 12vh;
    }
    /* BREADCRUMB */
    ul.breadcrumb {
        margin-left: auto;
        display: block;
    }
    ul.breadcrumb li.breadcrumb-item {
        display: inline-block;
    }
    /* SEARCH CUSTOMER */
    table.responsive th:first-child {
        display: block;
        position: relative;
        z-index: 0;
    }
    table.responsive th:first-child:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #fafafa;
        z-index: 1;
    }
    /* MODAL */
    .modal .modal-dialog{
        transform: translate(-50%, 63px) !important;
        padding-bottom: 12vh !important;
    }
    #DIALOG-MESSAGE-2020 .modal-footer{
        width: 100% !important;
    }
    /* GENERAL PAGES */
    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label,
    div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label{
        margin-left: 0;

    }
    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > #iconContainer_GEN02,
    div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > #iconContainer_GEN03 {
        width: 4%;
    }
    /* MARINE ASSURED */
    div#paymentsTab div#managePaymentsDiv {
        margin-bottom: 27vw;
    }
    /* MEDICAL DOCUMENT SEARCH */
    div#g400Search-accordion div#DocumentSearchResult .accordion-inner{
        overflow: unset !important;
    }
    div#g400Search-accordion div#DocumentSearchResult .accordion-inner > div {
        overflow: unset !important;
        overflow-y: unset !important;
    }
    /* Customisation Maintenance */
    #customisations-usage-modal.modal.show .modal-dialog {
        margin-bottom: 0rem !important;
    }
    /* Policy Search */
    form#quotePolicySearchForm div#policySearch-accordion .accordion-inner.scrollableTable {
        border-color: transparent !important;
        padding-left: 0;
        padding-right: 0;
    }
    /* Auto-Renewal Policy Inquiry */
    #paymentTokenDetailsModal > .modal-dialog {
        --bs-modal-width: 90% !important;
    }
    /* SME, PAN & Travel Packages */
    .sme-package-list-container form#packageUploadForm .btn-back,
    .sme-package-list-container form#packageUploadForm .upload-field,
    .sme-package-list-container form#packageUploadForm .btn-upload,
    .pan-package-list-container form#packageUploadForm .btn-back,
    .pan-package-list-container form#packageUploadForm .btn-sync,
    .pan-package-list-container form#packageUploadForm .upload-field,
    .pan-package-list-container form#packageUploadForm .btn-upload,
    .travel-package-list-container form#packageUploadForm .btn-back,
    .travel-package-list-container form#packageUploadForm .btn-sync,
    .travel-package-list-container form#packageUploadForm .upload-field,
    .travel-package-list-container form#packageUploadForm .btn-upload{
        width: 100%;
    }
    .sme-package-list-container form#packageUploadForm .btn-back {
        order: 3;
    }
    .sme-package-list-container form#packageUploadForm .upload-field {
        order: 1;
        margin-bottom: 10px;
    }
    .sme-package-list-container form#packageUploadForm .btn-upload {
        order: 2;
        margin-bottom: 10px;
    }
    .pan-package-list-container form#packageUploadForm .btn-back,
    .travel-package-list-container form#packageUploadForm .btn-back{
        order: 4;
    }
    .pan-package-list-container form#packageUploadForm .btn-back .back-buttons,
    .travel-package-list-container form#packageUploadForm .btn-back .back-buttons{
        margin: 0;
    }
    .pan-package-list-container form#packageUploadForm .btn-sync,
    .travel-package-list-container form#packageUploadForm .btn-sync{
        order: 1;
        margin-bottom: 10px;
    }
    .pan-package-list-container form#packageUploadForm .upload-field,
    .travel-package-list-container form#packageUploadForm .upload-field{
        order: 2;
        margin-bottom: 10px;
    }
    .pan-package-list-container form#packageUploadForm .btn-upload,
    .travel-package-list-container form#packageUploadForm .btn-upload{
        order: 3;
        margin-bottom: 10px;
    }
    .sme-package-list-container form#packageUploadForm .btn-upload,
    .pan-package-list-container form#packageUploadForm .btn-upload,
    .travel-package-list-container form#packageUploadForm .btn-upload{
        display: flex;
        align-items: start;
        justify-content: flex-start;
    }
    /* eWallet Pool Inquiry */
    form#walletSearchForm .accordion-inner.scrollableTable {
        padding-top: 18px !important;
        padding-bottom: 12px !important;
    }
    /* Policy Header */
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col{
        justify-content: unset;
        margin: unset;
        align-items: stretch;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col .actions-icon-container{
        width: unset !important;
        margin: 0 !important;
        padding: 0 30px !important;
        min-width: unset !important;
        height: unset !important;
        text-decoration: none;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col .icon-subtitle{
        min-width: 60px !important;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 .th-companyName,
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 .th-documentType{
        width: 100% !important;
    }
    /* View All Reports */
    section#content.employee-comp-attach-content .offset-lg-4.col-lg-12,
    section#content.issue-quotes-policies-content form#searchForm .col-lg-5 .offset-lg-4.col-lg-10,
    section#content.policy-renewal-status-content form#searchForm .offset-lg-4.col-lg-10,
    section#content.cover-note-report-content .offset-xl-5.col-xl-6.col-lg-12,
    section#content.b2c-reports-content .offset-lg-4.col-lg-1,
    section#content.policy-marine-report-content .offset-lg-6.col-lg-2,
    section#content.ccba-reports-content .offset-lg-4.col-lg-1,
    section#content.motor-issued-quotes-content .offset-lg-4.col-lg-10.my-2 {
        padding-left: 15px;
    }
    /* Claim */
    form#claimSearchForm.claim-search-form .button-claims {
        width: 100%;
    }
    /* Motor */
    .MPA09 #iconContainer_MPA09,
    .MVY09 #iconContainer_MVY09,
    .MVA09 #iconContainer_MVA09{
        left: unset;
        right: -12px;
    }
    /* Manage B2B2C Sharing */
    body.agent-campaign-body .device-menu{
        margin-top: -62px;
    }
    /* Auto Renewal Report */
    body.bodyAdjustClass2.reportsPage.modal-open div#searchAccountModal table.responsive thead tr{
        display: flex;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.bodyAdjustClass2.reportsPage.modal-open div#searchAccountModal table.responsive thead tr th:first-child{
        width: 50%;
        order: 2;
    }
    body.bodyAdjustClass2.reportsPage.modal-open div#searchAccountModal table thead tr th:last-child{
        width: 50%;
        order: 1;
    }
    /* Commission Modal */
    div[id*="commissionPremium-"] .modal-footer .row{
        justify-content: space-between;
        margin: 0;
    }
    div[id*="commissionPremium-"] .col-md-6,
    div[id*="commissionPremium-"] .col-6{
        width: 40% !important;
    }
    div[id*="commissionPremium-"] .col-md-6 a,
    div[id*="commissionPremium-"] .col-6 a{
        margin-bottom: 5px !important;
        margin-top: 0 !important;
    }
    /* Policy Header */
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer{
        margin-top: 0;
    }
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer .col-6.data-table-icon-content.cursor {
        width: 38%;
        margin: 0 !important;
    }
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer .col-6.data-table-icon-content.cursor img{
        height: 20px;
        width: 20px;
    }
    #nonBIZRenewalPopup .modal-dialog {
        --bs-modal-width: 100% !important;
        width: 100% !important;
        top: 0.8% !important;
    }
    #nonBIZRenewalPopup .modal-body .row .col-md-10 .action-buttons {
        flex-wrap: wrap !important;
        justify-content: start !important;
    }
    #nonBIZRenewalPopup .modal-body .row .col-md-10 .action-buttons a:first-child{
        margin-right: 68px !important;
    }
    #nonBIZRenewalPopup .modal-body .row .col-md-10 {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 525px) {
    .MPA09 #iconContainer_MPA09,
    .MVY09 #iconContainer_MVY09,
    .MVA09 #iconContainer_MVA09 {
        left: unset;
        right: 0;
    }
}
@media only screen and (max-width: 492px){
    div#quoteOptionPackageA .riskLabel label.marineSummaryShippingDetailsLabel.static-label {
        width: 25%;
    }
    div#quoteOptionPackageA .riskLabel .col-lg-6.fieldValue {
        width: 75%;
    }
    /* Business Insurance Solution - Old Biz */
    .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 111px !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component{
        margin-top: 26px !important;
    }
    /* Policy Header */
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents,
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .policy-details-content-documents .row.offsetRowMargin.adjW100 .th-documentType{
        margin: 0;
    }
    form#policyHeaderForm:has(input[value*="GMB"]) div#policyDocuments .th-actions-col{
        margin-bottom: 20px;
    }
    form#policyHeaderForm .accordion #documents-data #policyDocuments .expander-icon {
        top: 8%;
    }
    /* B2B2C Sharing */
    #qbeInput_agentCommission20_Y {
        margin-left: calc(100% + -30px);
    }
}
@media only screen and (max-width: 450px){
    div.fastQuoteSummaryBlueBackgroundHeader {
        padding-left: 0;
    }
}
@media only screen and (max-width: 435px){
    /* Business Insurance Solution - Old Biz */
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 160px !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 118px !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit .right-component{
        margin-top: 46px !important;
    }
    .insurance-details-buttons-container div[class*="col-md"] > .action-buttons,
    .customer-details-buttons-container div[class*="co-md"] > .action-buttons,
    .risk-details-buttons-container div[class*="co-md"] > .action-buttons {
        float: unset;
        width: unset;
    }
    .insurance-details-buttons-container .back-buttons.text-start,
    .insurance-details-buttons-container .action-buttons,
    .customer-details-buttons-container .back-buttons.text-start,
    .customer-details-buttons-container .action-buttons,
    .risk-details-buttons-container .back-buttons.text-start,
    .risk-details-buttons-container .action-buttons {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .risk-details-buttons-container {
        padding-bottom: 20px;
    }
    /* B2B2C Sharing */
    #qbeInput_agentCommission20_Y {
        margin-left: calc(100% + -32px);
    }
    /* Policy Header */
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer .col-6.data-table-icon-content.cursor,
    form#policyHeaderForm .accordion #documents-data #policyDocuments .data-content.row .documents-iconContainer .data-table-icon-content {
        width: 50%;
    }
}
@media only screen and (max-width: 431px){
    div#EMBaccordionbody [id*="accordion"] [id*="dynamic-"] .form-group.si-per-unit .right-component .form-group .col-form-label{
        padding-right: 20px;
    }
    /* INTERESTED PARTY */
    #IP01.modal .modal-dialog {
        margin-bottom: 12vh;
    }
    /* Business Insurance Solution - Old Biz */
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 135px !important;
    }
}
@media only screen and (max-width: 426px){
    /* Business Insurance Solution - Old Biz */
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 135px !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 135px !important;
    }
}
@media only screen and (max-width: 415px){
    div#GeneralPageFormDiv > .form-group > .form-group.GEN02 > label,
    div#GeneralPageFormDiv > .form-group > .form-group.GEN03 > label{
        width: 90%;
    }
}
@media only screen and (max-width: 376px){
    /* Customisation Maintenance */
    #customisations .well.well-sm .col-lg-1 {
        width: 14px !important;
    }
    #customisations .well.well-sm .col-lg-4.col-11 {
        width: 90% !important;
        padding-left: 8px;
    }
    /* Commission Modal */
    .displayQuoteDetails #documents-data #documentDiv .data-content.row .documents-iconContainer .col-6.data-table-icon-content.cursor {
        width: 50%;
    }
    /* B2B2C Sharing */
    #qbeInput_agentCommission20_Y {
        margin-left: calc(100% + -36px);
    }
}
@media only screen and (max-width: 361px){
    /* Business Insurance Solution - Old Biz */
    #dynamic-machinery #collapseMachinery .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 150px !important;
    }
    #dynamic-electronic #collapseElectronic .form-group.si-per-unit:has(.right-component .validationError[style*="display: block"]) {
        height: 170px !important;
    }
    /* B2B2C Sharing */
    #qbeInput_agentCommission20_Y {
        margin-left: calc(100% + -40px);
    }
}
@media only screen and (min-device-width: 550px) and (max-device-width: 1024px){
    #loginFooter {
        position: fixed !important;
    }
}
/* FOOTER STYLES */
#PrivacyPolicyModal[aria-modal="true"].fade,
#PrivacyPolicyModal[aria-modal="true"] .fade,
#TermsAndConditionsModal[aria-modal="true"].fade,
#TermsAndConditionsModal[aria-modal="true"] .fade {
    opacity: 1;
}
#PrivacyPolicyModal[aria-modal="true"],
#TermsAndConditionsModal[aria-modal="true"] {
    background: rgba(0,0,0,0.7)
}
#PrivacyPolicyModal[aria-modal="true"] .modal-dialog .modal-content,
#TermsAndConditionsModal[aria-modal="true"] .modal-dialog .modal-content {
    margin-top: 80px;
    margin-bottom: 50px;
}
#PrivacyPolicyModal[aria-modal="true"] .modal-dialog {
    max-width: 600px;
}
#TermsAndConditionsModal[aria-modal="true"] .modal-dialog {
    max-width: 900px;
}
#PrivacyPolicyModal .modal-body .nav.nav-tabs,
#TermsAndConditionsModal .modal-body .nav.nav-tabs {
    margin-bottom: 20px;
}
#PrivacyPolicyModal .modal-body .nav-tabs li,
#TermsAndConditionsModal .modal-body .nav-tabs li {
    margin-bottom: -1px;
    color: #555;
    padding: 0 !important;
    border-bottom: 1px solid #fafafa !important;
}
#PrivacyPolicyModal .modal-body .nav-tabs li.active,
#TermsAndConditionsModal .modal-body .nav-tabs li.active {
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#PrivacyPolicyModal .modal-body .nav-tabs li a,
#TermsAndConditionsModal .modal-body .nav-tabs li a {
    color: #555;
    padding: 8px 16px;
    display: block;
    outline: none;
    box-shadow: none;
    text-decoration: underline;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
#PrivacyPolicyModal .modal-body .nav-tabs li a:hover,
#PrivacyPolicyModal .modal-body .nav-tabs li a:focus,
#TermsAndConditionsModal .modal-body .nav-tabs li a:hover,
#TermsAndConditionsModal .modal-body .nav-tabs li a:focus{
    text-decoration: none;
}
#PrivacyPolicyModal .tab-content ul,
#PrivacyPolicyModal .tab-content ol,
#PrivacyPolicyModal .tab-content ul li,
#PrivacyPolicyModal .tab-content ol li {
    white-space: normal !important;
}
#PrivacyPolicyModal .modal-dialog,
#TermsAndConditionsModal .modal-dialog,
#ClientCharterModal .modal-dialog {
    margin: 0 auto 100px auto;
}

/* PRODUCT SELECT STYLES */
.quote-tabs > li {
    padding: 0.4em 0;
}
.quote-contents .product-sub-category-label {
    display: flex;
}
.nav.nav-tabs .nav-item {
    padding: 0;
}
.nav.nav-tabs .nav-item .nav-link {
    padding: 15px;
    border: 0;
}
.nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid var(--blue2);
    color: var(--blue2);
}
.main-graphic.main-graphic-commerciaDiv + hr {
    opacity: 1;
}
.newToolTip,
.newToolTip2 {
    min-width: 30px;
}
#sme-instant-products .newToolTip2 .toolTipSize2 {
    left: calc(50% + 2px) !important;
    transform: translateX(-50%);
}

.table {
    --bs-table-bg: transparent;
}

tbody, td, tfoot, th, thead, tr {
    border: 0;
}

.hidden {
    display: none!important
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px;
    margin-left: -20px;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

p {
    margin: 0 0 10px;
}

.accordion-group .accordion-item {
    border: 0;
    background-color: transparent;
}

.btn-sm {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.total-prem {
    background-color: transparent !important;
}

#collapseDHWRiskPremToggle {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

.accordion-button {
    box-shadow: none !important;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#discountCheckBox {
    margin-top: 10px;
    margin-left: -10px;
}

.card {
    margin-bottom: 20px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

textarea.form-control {
    height: auto;
}

.withTooltip .hide[id^="iconContainer_"] {
    display: none;
}
table#insuredList tbody td {
    vertical-align: middle;
}
table.riskprembreakdown[id^="breakdown-"] th div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
i.bi-plus-circle,
i.bi-dash-circle{
    margin-right: 5px;
    color: #009ae4;
}
div#isNextChoiceAvailable.removeFloat,
div.back-buttons.removeFloat {
    margin-left: -15px;
    margin-right: -15px;
}

#wallet-search-results-table_wrapper table#wallet-search-results-table th,
#wallet-search-results-table_wrapper table#wallet-search-results-table td {
    vertical-align: middle;
}

/* Home Journey Styles */
#increaseLimitsModal .modal-dialog {
    --bs-modal-width: 50%;
}
#ClaimsQuestionsBaseSection .row {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
#UWQuestionsSection,
#ClaimsQuestionsSection .label_COMM23 {
    padding: 0;
}

/* Travel Journey Styles */
.TravelCoverTypeContainer {
    display: flex;
}
#TopUpsBaseSection #checkboxContainer_newTopUps {
    display: flex;
}
#TopUpsBaseSection .table-bordered {
    border: 1px solid #ddd;
}

/* Motor Journey Styles */
#MVAAnnualPremiumLink,
#MVACommissionRateLink {
    margin-top: 0;
    margin-bottom: 0;
}
td.fastQuoteSummaryPriceHeading {
    line-height: unset;
}
.fastQuoteSummaryPriceHeading #priceAmount {
    color: #fff;
}
.MPA03.form-group,
.MVY03.form-group,
.MVA03.form-group,
.FSTQTM03.form-group {
    position: relative;
}
.MPA03 #iconContainer_MPA03,
.MVY03 #iconContainer_MVY03,
.MVA03 #iconContainer_MVA03,
.FSTQTM03 #iconContainer_FSTQTM03 {
    position: absolute;
    top: 0;
    right: calc(25% - 15px); /* col-4 - col-1 + icon width */
    z-index: 10;
    width: 25px;
}
.MPA71 + #btnEditExcessX01,
.form-group.MPA09,
.form-group.MVY09,
.form-group.MVA09 {
    position: relative;
}
#innerFormGroupDivMPA26,
#innerFormGroupDivMPA30 {
    padding-left: 0;
}
#mvaFastQuoteForm .fast-quote-bottom-buttons [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.MVAFastQuoteTableContainer #iconsTable {
    border-bottom:0;
    min-width: 450px;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.MVAFastQuoteTableContainer #iconsTable td.itemHeading {
    width: 25%;
}
.MVAFastQuoteTableContainer #iconsTable td.itemColumnContainer {
    width: 75%;
}

/* DOMESTIC HELPER Journey Styles */
#dmhFastQuoteForm .fast-quote-bottom-buttons [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}
#DMHAnnualPremiumLink,
#DMHCommissionRateLink {
    margin-top: 0;
    margin-bottom: 0;
}

/* FAST QUOTE - BLUE BOX -- START */
#fastQuoteSummary .fastQuoteSummaryBlueBackgroundHeader {
    padding-left: 0;
}
#fastQuoteSummary div[class^="blueBG-"] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
#fastQuoteSummary .fastQuoteSummaryPriceHeading {
    margin-top: 0;
    margin-bottom: 0;
    line-height: unset;
}
#fastQuoteSummary .premium-pricing {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}
#fastQuoteSummary .premium-pricing .premium-price:empty {
    display: none;
}

/* Client Details / Interested Parties - customer lookup table */
#client-search-results-table.table-striped > tbody > tr {
    border: 0;
}

/* Referral Info */
#referralScreenForm .row {
    padding-left: unset;
}
#referralInfo #referralScreenForm .row.main-row {
    padding: 0 7%;
}
/* Cancellation on Policy Header */
#qbeInput_CANCEL02.form-select {
    background-color: #f7f8f9;
    height: 30px;
}

/* PRIVACY POLICY modal */
#personalInformationCollectionStatementContent .listFormat {
    padding-left: 20px;
}

@media (max-width: 767px) {
    #fastQuoteSummary .fastQuoteSummaryBlueBackgroundHeader {
        justify-content: center;
    }
    #fastQuoteSummary .blueBG-Premium,
    #fastQuoteSummary .blueBG-Links {
        width: 60%;
    }
    #campaignSearchForm .actionButtons .addCampaignButton > div {
        display: flex;
        margin-top: 10px;
    }
}
@media (max-width: 470px) {
    #fastQuoteSummary .blueBG-PlanName {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    #fastQuoteSummary .blueBG-PLanName > div {
        width: 100%;
        gap: 10px;
        display: flex;
        justify-content: center;
    }
    #HSR-comission-div .modal-footer .col-6 a,
    #HSR-comission-div .modal-footer .col-md-6 a,
    #HPK-comission-div .modal-footer .col-6 a,
    #HPK-comission-div .modal-footer .col-md-6 a,
    #HPW-comission-div .modal-footer .col-6 a,
    #HPW-comission-div .modal-footer .col-md-6 a,
    #HPK-annualPremAdj-div .modal-footer .col-6 a,
    #HPK-annualPremAdj-div .modal-footer .col-md-6 a,
    #HSR-annualPremAdj-div .modal-footer .col-6 a,
    #HSR-annualPremAdj-div .modal-footer .col-md-6 a,
    #HPW-annualPremAdj-div .modal-footer .col-6 a,
    #HPW-annualPremAdj-div .modal-footer .col-md-6 a {
        margin: 5px 0;
    }
    .home-details-label-top h4 {
        width: 180px;
    }
    .risk-liability-wells .well:first-child .home-details-label-top > span {
        width: 130px;
    }
}
/* FAST QUOTE - BLUE BOX -- END */

/* Manage Portfolio */
body.bodyAdjustClass2.myPortfolio .manage-portfolio-container .titleContainer {
    margin-bottom: 40px;
}
body.bodyAdjustClass2.myPortfolio .manage-portfolio-container .titleContainer .page-title {
    padding-top: 0;
}
.manage-portfolio-container .tabPane button {
    color: #717d93;
}
.manage-portfolio-container .btn-close {
    opacity: 0.75;
}
.manage-portfolio-container #btnSearchCustomer.fa{
    color: #343a40;
}
.modal-close-wrapper{
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}
#bank-transfer-form .modal-title {
    width: 100%;
    font-weight: 500;
}
#bank-transfer-modal .modal-title,
#add-policy-number-modal .modal-title,
#client-email-modal .modal-title,
#client-mobile-modal .modal-title,
#client-combo-modal .modal-title,
#bank-transfer-detail-modal .modal-title,
#refund-commission-modal .modal-title,
#contact-finance-modal .modal-title,
#payment-detail-modal .modal-title{
    width: 100%;
    font-weight: 500;
}
#DIALOG-MESSAGE-2021 .modal-body .row img,
#DIALOG-ERROR-2021 .modal-body .row img{
    width: 45px;
    height: 45px;
    padding: 0;
    margin: 0 auto;
}
/* Policy Header Bootstrap fixes */
#policyHeaderTabs .data-content.row {
    --bs-gutter-x: 0;
}

/* Policy Header Bootstrap fixes */
#policyHeaderTabs .data-content.row {
    --bs-gutter-x: 0;
}
#policyHeaderPage .fa.fa-chevron-down,
#policyHeaderPage .fa.fa-chevron-up,
#renewalHeaderPage .fa.fa-chevron-down,
#renewalHeaderPage .fa.fa-chevron-up {
    color: #003DA5;
}
#correspondenceScreenForm .accordion-inner .dl-horizontal {
    display: flex;
    gap: 10px;
}

/* REDBOOK Vehicle Search fixes */
#searchRedbookModal .modal-dialog {
    --bs-modal-width: 100% !important;
}

/* Vietnam Policy Header - Old Policy Header */
.oldPolicyHeader .nav-tabs .nav-link {
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;
}
.oldPolicyHeader .nav-tabs .nav-link.active {
    border: 1px solid #ddd;
    border-bottom: none !important;
    color: var(--black) !important;
    background-color: #FAFAFA;
}
.oldPolicyHeader .dl-horizontal {
    display: flex;
    flex-wrap: wrap;
}
.oldPolicyHeader .dl-horizontal dt {
    text-align: right;
}
.oldPolicyHeader .dl-horizontal dd {
    width: calc(100% - 210px);
}
#endorsementPopup .modal-body .manualColAdj .ENDORSE01 label[class^="col"],
#endorsementPopup .modal-body .manualColAdj .ENDORSE02 label[class^="col"] {
    width: 33.33%;
}
/* MODAL Z-index cover for ASK QBE */
#agent-payment-type-modal,
#agent-payment-qrcode-modal,
#agent-payment-email-modal,
#client-payment-modal,
#issue-credit-sms-modal,
#walk-in-payment-modal,
#PrivacyPolicyModal,
#TermsAndConditionsModal,
#portfolio_advanced_search_popup,
#renewal_advanced_search_popup,
#payment_advanced_search_popup {
    z-index: 1068;
}
#sob-modal.doc-pop-up {
    z-index: 1070;
    top: -21px !important;
}
#sob-modal.doc-pop-up .modal-footer {
    justify-content: start;
    padding-bottom: 25px;
}
.paymentConfirmationFromTo {
    padding-left: 0;
    margin-right: 5px;
}

@media (max-width: 1200px) {
    label[class^="col"].empty-label-div,
    div[class^="col"].empty-label-div {
        display: none;
    }
    label[class^="col"].empty-label-div + div[class^="col"],
    div[class^="col"].empty-label-div + div[class^="col"] {
        width: 100%;
    }
    .table.riskprembreakdown thead > tr > th.column-prem,
    .table.riskprembreakdown thead > tr > th.column-label {
        height: 49px;
    }
    .MPA03 #iconContainer_MPA03,
    .MVY03 #iconContainer_MVY03,
    .MVA03 #iconContainer_MVA03,
    .FSTQTM03 #iconContainer_FSTQTM03 {
        top: 30px;
        right: 56.7%;
    }
}

@media (max-width: 1024px) and (min-width: 491px) {
    .container.containerAdjustClass section,
    .container.containerAdjustClass {
        padding-top: 1px;
    }
    #productSelectMainDiv {
        padding-top: 30px;
    }
}

@media (max-width: 1024px) {
    #PrivacyPolicyModal .modal-dialog,
    #TermsAndConditionsModal .modal-dialog,
    #ClientCharterModal .modal-dialog {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
    #main-container-tablet.MYS_VNM_MAC #renew-tablet-mobile .renewalNotifications-blockArticles.renewalNotifications-articles,
    #main-container-tablet.MYS_VNM_MAC #bottompart-mobile .renewalNotifications-blockArticles.renewalNotifications-articles {
        height: auto !important;
    }
    label[class^="col"].empty-label-div,
    div[class^="col"].empty-label-div {
        display: none;
    }
    label[class^="col"].empty-label-div + div[class^="col"],
    div[class^="col"].empty-label-div + div[class^="col"] {
        width: 100%;
    }
    .fast-quote-review div.page-heading {
        margin-top: 28px;
    }
    .fastQuoteSummaryPriceHeading #planText {
        font-size: 30px;
    }
    /* RISKS Page Modals */
    #CLAUSE.modal,
    #ADDCLAUSE.modal,
    #clauseWording.modal,
    #CustomerSearchModal.modal,
    #IP01.modal,
    #RiskPremiumRatesModal.modal,
    #RenewalNotesModal.modal,
    #GeneralPageModal.modal {
        top: 70px;
    }
    #CLAUSE.modal .modal-header,
    #ADDCLAUSE.modal .modal-header,
    #clauseWording.modal .modal-header,
    #CustomerSearchModal.modal .modal-header,
    #IP01.modal .modal-header,
    #RiskPremiumRatesModal.modal .modal-header,
    #RenewalNotesModal.modal .modal-header,
    #GeneralPageModal.modal .modal-header {
        border-top-right-radius: var(--bs-modal-inner-border-radius);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
    }
    body.bodyAdjustClass2 {
        margin-bottom: 0;
    }
    .oldPolicyHeader #policyHeaderForm {
        padding-top: 1px;
    }
}
@media (max-width: 992px) {
    #excessDetails .row [class^="col-"] div,
    #excessDetails .row [class^="col-"] span,
    #excessDetails .row [class^="col-"] label {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    div[class^="col-md"] > .action-buttons {
        text-align: right;
    }
}
@media (max-width: 991px) {
    #fastQuoteSummary div[class^="blueBG-"] {
        justify-content: center;
    }
    .fast-quote-review div.page-heading {
        margin-top: 48px;
    }
    #interestedParty .controls {
        margin-left: unset;
        width: 100%;
        text-align: right;
        padding-right: 60px;
    }
    .FSTQTM03 #innerFormGroupDivFSTQTM03,
    .MPA03 #innerFormGroupDivMPA03 {
        width: 91.67%;
    }
    .MPA03 #iconContainer_MPA03,
    .MVY03 #iconContainer_MVY03,
    .MVA03 #iconContainer_MVA03,
    .FSTQTM03 #iconContainer_FSTQTM03 {
        top: 40px;
        right: 25px;
    }
    .motor-quick-quote-content .FSTQTM03 #iconContainer_FSTQTM03 {
        right: 30px !important;
        left: unset !important;
    }
    div[id^="excessDetails"] .row > div[class^="col-"] {
        width: 100%;
    }
    .MVA03 #innerFormGroupDivMVA03,
    .MVY03 #innerFormGroupDivMVY03 {
        width: 91.66%;
    }
}

@media (max-width: 835px) {
    #lapsePopup .btn-round.confirmLapse {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    #ClaimsQuestionsSection h3 {
        margin-top: 30px;
    }
    div[class^="col-md"] > .action-buttons,
    div[class^="col-md"] > .action-buttons .pull-right {
        text-align: unset;
        float: none;
    }
    .oldPolicyHeader .dl-horizontal dt {
        width: 40%;
        padding-right: 10px;
    }
    .oldPolicyHeader .dl-horizontal dd {
        width: 60%;
    }
    .motor-quick-quote-content .FSTQTM03 #iconContainer_FSTQTM03 {
        right: 3% !important;
    }
    .MPA03 #iconContainer_MPA03,
    .MVY03 #iconContainer_MVY03,
    .MVA03 #iconContainer_MVA03,
    .FSTQTM03 #iconContainer_FSTQTM03 {
        right: 10px;
    }
}

@media (max-width: 576px) {
    .pan-fast-quote.fast-quote-body .sub-navigation-content {
        padding: 0;
    }
    #DIALOG-MESSAGE-ALERT.modal .modal-dialog,
    #DIALOG-MESSAGE-CONFIRM.modal .modal-dialog,
    #DIALOG-MESSAGE-ALERT-2020.modal .modal-dialog,
    #DIALOG-MESSAGE-2021.modal .modal-dialog,
    #DIALOG-ERROR-2021.modal .modal-dialog,
    #DIALOG-MESSAGE-B2C-2020.modal .modal-dialog,
    #DIALOG-MESSAGE-2020.modal .modal-dialog,
    #DIALOG-SUCCESS-2020.modal .modal-dialog,
    #DIALOG-MESSAGE-ALERT.modal .modal-dialog,
    #DIALOG-MESSAGE-CONFIRM.modal .modal-dialog,
    #changeExpiredPasswordModal.modal .modal-dialog,
    #MYPORTFOLIO-DIALOG-MSGALERT.modal .modal-dialog,
    #renewalMaintainEmailPopup.modal .modal-dialog,
    #lapsePolicyPopup.modal .modal-dialog,
    #client-email-modal.modal .modal-dialog,
    #client-mobile-modal.modal .modal-dialog,
    #client-combo-modal.modal .modal-dialog,
    #payment-detail-modal.modal .modal-dialog,
    #bank-transfer-modal.modal .modal-dialog,
    #bank-transfer-detail-modal.modal .modal-dialog,
    #add-policy-number-modal.modal .modal-dialog,
    #contact-finance-modal.modal .modal-dialog,
    #refund-commission-modal.modal .modal-dialog {
        transform: translate(-50%, 63px) !important;
        padding-bottom: 0 !important;
    }
    #MYPORTFOLIO-DIALOG-MSGALERT.modal .modal-dialog .modal-content,
    #renewalMaintainEmailPopup.modal .modal-dialog .modal-content,
    #lapsePolicyPopup.modal .modal-dialog .modal-content,
    #changeExpiredPasswordModal.modal .modal-dialog .modal-content,
    #client-email-modal.modal .modal-dialog .modal-content,
    #client-mobile-modal.modal .modal-dialog .modal-content,
    #client-combo-modal.modal .modal-dialog .modal-content,
    #payment-detail-modal.modal .modal-dialog .modal-content,
    #bank-transfer-modal.modal .modal-dialog .modal-content,
    #bank-transfer-detail-modal.modal .modal-dialog .modal-content,
    #add-policy-number-modal.modal .modal-dialog .modal-content,
    #contact-finance-modal.modal .modal-dialog .modal-content,
    #refund-commission-modal.modal .modal-dialog .modal-content {
        height: calc(100vh - 63px);
    }
    #DIALOG-ERROR-2021.modal .modal-dialog .modal-body,
    #DIALOG-MESSAGE-2021.modal .modal-dialog .modal-body {
        flex: 0;
    }
    #portfolio_advanced_search_popup .modal-content,
    #renewal_advanced_search_popup .modal-content,
    #payment_advanced_search_popup .modal-content,
    #DIALOG-MESSAGE-ALERT.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-CONFIRM.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-ALERT-2020.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-2021.modal .modal-dialog .modal-content,
    #DIALOG-ERROR-2021.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-B2C-2020.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-2020.modal .modal-dialog .modal-content,
    #DIALOG-SUCCESS-2020.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-ALERT.modal .modal-dialog .modal-content,
    #DIALOG-MESSAGE-CONFIRM.modal .modal-dialog .modal-content {
        height: auto;
    }
    .fast-quote-bottom-buttons > .col-8 {
        padding-left: 10px;
    }
}

@media screen and (max-width: 490px) {
    .tailor-cover #risk-accordion .accordion-inner .accordion-summary span:empty,
    .tailor-cover #risk-accordion .accordion-inner .accordion-summary sup:empty {
        display: none;
    }
    .tailor-cover #risk-accordion .accordion-inner .accordion-summary span {
        margin-left: 5px;
    }
    .tailor-cover #risk-accordion .accordion-inner .accordion-summary {
        margin-right: 0;
    }
}

@media (max-height: 480px) {
    #radioContainer_COMM59Revamp .radio-2020-item-container .radio-2020-item {
        flex-direction: column;
    }
    #radioContainer_COMM59Revamp .radio-2020-item-container span.radio-2020-item-label {
        margin-top: 5px;
        margin-left: 0;
    }
}

@media (max-width: 450px) {
    .fast-quote-review div.page-heading {
        margin-top: 58px;
    }
    /* Interested Parties */
    .bottomMarginPopupAdjustmentContainer {
        margin-bottom: 40px;
    }
    #innerFormGroupDivMVA03 textarea,
    #innerFormGroupDivMVY03 textarea{
        min-height: 60px;
    }
}