/*** main styling ***/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

a{
color: #000;
}

*{
font-family: 'Open Sans';
}

div[class*=row] {
min-width: 100%;
margin-top: 1%;
}

p, .webxLabel{
font-size: 12px;
margin: 10px 0;
}

img{
border: none;
}

#ctl00_border_sides {
float: left;
width: 990px;
position: relative;
top:10px;
}

#ctl00_content_text{
/*position: relative;
*/ /*Disabled - this prevents the navigation menu working in IE 7 and earlier*/margin: 20px;
}

#ctl00_border_bottom {
width: 140px;
background-color:#FFFFFF;
clear: both;
vertical-align: text-bottom;
font-size: 12px;
}

#ClientLogo {
position: relative;
left: 560px;
top: -10px;
}

#AgentLogo {
position: relative;
height: 64px;
top: 5px;
float: left;
}

img#ClientLogo {
display: none;
}

.WebXNavigation ul.AspNet-Menu{
cursor: pointer;
}

.WebXZone {
display: initial;
}

input[type="submit"], input[type="button"], #mainmenu_link_holder a, a.btn080, a.btn090, a.btn100, a.btn110, a.btn120, a.btn130, a.btn140, a.btn150, a.btn160, a.btn170, a.btn180, a.btn190, a.btn200, input.btn080, input.btn090, input.btn100, input.btn110, input.btn120, input.btn130, input.btn140, input.btn150, input.btn160, input.btn170, input.btn180, input.btn190, input.btn200, input.postcode_lookup, input.btnSummary, a.btnSummary, #ctl00_ContentPlaceHolder1_btnInsertTestData, .grid button {
outline: 0 !important;
border: none;
background-repeat: repeat-x;
text-align: center;
height: 26px;
line-height: 22px;
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
cursor: pointer;
}

a.btnSummary, input.btnSummary, btnSummaryGrey, input.btnSummaryGrey, button.btnSummary{
width: 150px;
display: block;
margin-top: 5px;
margin-left: auto;
margin-bottom: 5px;
margin-right: auto}

.WebXNavigation ul.AspNet-Menu li{
/*background-color: #003366;
*/}

.WebXNavigation ul.AspNet-Menu li a, .WebXNavigation ul.AspNet-Menu li span{
color: #636363;
padding: 2.5px 0;
}

.WebXNavigation .AspNet-Menu-Horizontal {
position: relative;
top: -19px;
z-index: 300;
float: right;
/*width: 700px;
*/}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu{
}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul{
left: 0;
top: 100%;
margin-top:0px;
}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li {
text-align: left;
padding: 0px 10px;
border-left: 2px solid #000066 ;
}

ul.AspNet-Menu, ul.AspNet-Menu ul {
display: block;
margin: 0;
padding: 0;
position: relative;
}

ul.AspNet-Menu li {
float: left !important;
height: 1% !important;
float: left;
list-style: none outside none;
position: relative;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span {
height: 1% !important;
display: block;
text-decoration: none;
}

ul.AspNet-Menu ul {
display: none;
visibility: visible !important;
}

ul.AspNet-Menu ul {
position: absolute;
visibility: hidden;
}

ul.AspNet-Menu, ul.AspNet-Menu ul {
display: block;
margin: 0;
padding: 0;
}

ul.AspNet-Menu li {
list-style: none outside none;
float: left !important;
height: 1% !important;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span {
height: 1% !important;
}

ul.AspNet-Menu ul {
visibility: visible !important;
}

ul.AspNet-Menu ul {
display: none;
}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li:first-child {
border: none;
}

#ctl00_navigation {
position: relative;
top: -35px;
font-size: 15px;
background: none;
margin: 0 auto;
width: 1000px;
}

#ctl00_quote_content {
width: 956px;
margin: 30px 20px 20px 15px;
font-size: 12px;
}

.grid{
border-collapse: collapse;
font-size: 12px;
margin-bottom: 12px;
word-break: break-word;
}

.grid td{
padding: 4px;
background-color:#FFFFFF;
border: solid 1px#000;
color:#000;
}

.debug{
position: absolute;
top: 0px;
right: 0px;
}

.label{
color: #000;
text-decoration: none;
font-size: 10px;
}

.field{
color: #5C3A3B;
text-decoration: none;
font-size: 12px;
}

.Title1, .Title1Inline{
font-size: 13.5px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
display: inline;
}

.SidebarLabel{
font-size: 11px;
font-weight: bold;
word-break: break-word;
}

.SidebarField{
font-size: 11px;
}

.webxLabel{
}

.label{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
word-break: break-word;
}

footer {
background-color: #efefef;
overflow: hidden;
margin-top: 60px;
overflow: hidden;
height: 120px;
}

footer div.wrap-container {
margin: auto;
width: 990px;
position: relative;
/* background: orange;
 */}

.contentmin {
min-height: 710px;
}

ul.FooterLeftAlign {
/* float: left;
 */margin-left: 0px;
padding-left: 0px;
}

Footer li {
display: inline-block;
margin-right: 20px;
margin-top: 16px;
/* position: relative;
 */}

footer a {
color: #A094A0;
font-weight:bold;
text-decoration: none;
}

ul.FooterRightAlign {
/* float: right;
 */text-align: right;
}

.FooterTop {
/* display: table-header-group;
 *//* float: left;
 */display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1rem;
}

.FooterBottom {
/* display: block;
 */display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.FooterLeftAlign img {
width: 18px;
}

.Instagram, .Linkdin, .Twitter, .YouTube, .Facebook {
position: relative;
display: inline-block;
margin-right: 20px;
}

.Instagram .InstagramHover {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}

.Linkdin .LinkdinHover {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}

.Twitter .TwitterHover {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}

.YouTube .YouTubeHover {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}

.Facebook .FacebookHover {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}

div#ctl00_footer {
box-shadow: 10px 10px 10px 10px #525252;
}

.Sidebar {
MARGIN: 30px 10px 0px;
padding: 10px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px#e8e8e8;
box-shadow: 0px 0px 10px 0px #525252;
}

footer{
background-color: #efefef;
}

footer a {
color:#A094A0;
}

.grid th{
padding: 4px;
background-color: #000066;
border: solid 1px #000;
color: #fff;
}

input[type="submit"], input[type="button"], .grid button{
background-color:transparent;
border-radius: 3px;
border: #000066 1px solid;
color: #000066;
height:50px;
padding: 0 15px;
}

.WebXNavigation ul {
background: none repeat scroll 0 0 #e6e6e6;
}

body {
background: #ffffff;
font-family: 'Open Sans';
font-size: 12px;
padding: 0;
margin: 0;
background-image: url(../webximage/test.jpg);
background-image: url(../webximage/ZurichBackground.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

h1, .H1, .h1{
color: #000066;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .H2, .H3, .H4, .H5, .H6, .H3Indent{
color: #003399;
}

h1, .h1, .H1{
font-size: 20px;
margin: 0 0 2px 0;
/*display: inline-block;
*/}

h3, .h3, .H3{
font-size: 14px;
font-weight: bold;
}

#ctl00_wrapper {
width: 990px;
position: relative;
background: rgba(255, 255, 255, 0.9) !important;
margin: 0 auto;
top: 30px !important;
box-shadow: 0px 0px 10px 0px #525252;
/*z-index:1;*/
min-height: 540px;
border: solid 3px #000066;
border-radius: 15px;
min-height: 650px;
}

#ctl00_header {
height: 50px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px #525252;
}

div#ctl00_languages {
position: absolute;
width: 980px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: right;
/*padding-right: 51px;*/
top: 1px;
z-index: 1000;
}

.Sidebar input[type="submit"], .Sidebar input[type="button"] {
    width: 100% !important;
    word-wrap: break-word;
    white-space: break-spaces;
    height: auto !important;
    padding: 13px 15px !important;
}

textarea{
font-family: 'Open Sans';
font-size: 12px;
}

label{
padding: 4px;
}

.webxError{
margin: 0;
padding: 0;
padding-left: 12px;
list-style-type: none;
display: inherit;
}

.hideField{
display: none !important;
}

.ProgressZone {
text-align: center;
}

.hasDatepicker {
padding: 5px;
}

.Hints {
cursor: pointer;
width: 21px;
}

.hintscolumn1 {
position: absolute;
left: 327px;
}

.hintscolumn2 {
position: absolute;
left: 652px;
}

.WebXNavigation ul.AspNet-Menu li:hover a, .WebXNavigation ul.AspNet-Menu li:hover span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover span, .WebXNavigation ul.AspNet-Menu li:hover li:hover a, .WebXNavigation ul.AspNet-Menu li:hover li:hover span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul a:hover, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover {
color: #000066;
/*padding: 6px 0;
*/}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul li{
text-align: left;
width: 200px;
padding: 0 0 0 6px;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
float: left !important;
}

ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
visibility: visible !important;
}

ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul {
display: block;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
float: none;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span {height: 1% !important;margin: 5px;}

li.AspNet-Menu-Leaf {
border-left: none !important;
}

input:disabled, input[type="radio"]:disabled, input[type="checkbox"]:disabled, input:disabled + label, select[disabled], textarea:disabled {
cursor: not-allowed;
background: rgb(235, 235, 228);
}

.webxTextbox{
width: 300px;
font-size: 12px;
padding: 5px;
margin: 1px;
}

.webxDropdownlist, table.nocssgrid.DynamicGrid select, .vergrid select{
font-family: 'Open Sans';
font-size: 12px;
padding: 5px;
margin: 1px;
}

.webxDropdownlist {
width: 312px;
}

.webxCheckbox{
}

.activebreadcrumb{
border-top: solid 1px #000066;
border-bottom: solid 1px #000066;
padding: 0px 0px 5px 0px;
}

.nonactivebreadcrumb{
border-top: solid 1px #000066;
border-bottom: solid 1px #000066;
padding: 0px 0px 5px 0px;
opacity: 0.2;
}

.breadcrumb{
margin-top: -20px;
margin-bottom: 25px;
}

.notavailablebreadcrumb{
cursor: no-drop;
}

.availablebreadcrumb{
text-decoration:none;
}

.WebXNavigation ul.AspNet-Menu li:hover ul a, .WebXNavigation ul.AspNet-Menu li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul a,.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul a,.WebXNavigation ul.AspNet-Menu li:hover li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span{
color: #4e4e4e;
}

.WebXNavigation ul.AspNet-Menu li:hover li:hover a {
color: #ffffff;
}

.AspNet-Menu-Leaf:hover{
background-color: #003399;
margin-right: 0px;
width: 186px;
}

.MandatoryTags{
display: inline;
color: #ff0000;
}

h2, .h2, .H2{
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
/*display: inline-block;
*/}

input[type="submit"]:hover, input[type="button"]:hover, .grid button:hover, input[type="submit"]:disabled {
background-color: #000066;
color: #ffffff;
}

table.productsgrid td:nth-child(1) {
color: #000066;
font-size:20px;
font-weight: bold;
}

table.productsgrid td {
border: none !important;
/*padding: 0px 20px 0px 20px*/}

table.productsgrid th {
display: none !important;
}

table.productsgrid td {height: 0px;}

.productindentgrid {
border-collapse:separate !important;
text-indent: 35px;                    
}

table.productindentgrid  input[type="submit"] {Width:180px !important; margin-left: 190px !Important;}

.productindentgrid td {font-size: 15px !important;}

table.productsgrid td {
border: solid 1px #000;
border-style: solid none;
height: 0px !important;
}

table.productsgrid td:first-child {
border-left-style: solid;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

table.productsgrid td:last-child {
border-right-style: solid;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}

table.productsgrid input[type="submit"] {Width:180px;margin-left: 122px;}

.ProductsZone > div {
margin-top:0;
}

.webxTab{
color: #000;
/*width: 220px;*/
min-width: 220px;
font-size: 14px;
height: 38px;
border: none;
display: block;
text-decoration: none;
line-height: 26px;
text-align: center;
display: inline;
position: relative;
margin-right: 2px;
margin-left: 2px;
top: 2px;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-bottom: 2px solid #b9b9b9;
background-color: #003399;
}

.tabBorder{padding-top: 5px;padding-bottom: 15px;padding-left: 14px;padding-right: 14px;    margin: 25px -12px;background-color: #ffffff;border-radius: 0px 10px 10px 10px;-moz-border-radius: 0px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;margin-top: -10px;margin-left: -10px;box-shadow: 2px 1px 10px 1px rgba(0,0,0,0.3);}

.tabBorderMidScroll{
overflow-y: scroll;
overflow-x: hidden;
height: 350px;
}

button[class*=webXtab] {
border:none;
text-align: center;
line-height: 38px;
cursor: default;
text-decoration: none;
font-size: 14px;
background-color: #000066;
color: white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 38px;
/*width: 190px;*/
min-width: 190px;
margin: 0 auto;
display: inline-block;
border-bottom: 2px solid #b9b9b9;
cursor: pointer;
margin-right:2px;
padding-left: 10px;
padding-right: 10px;
}

button[class*=webXtab].selected {
background-color: #003399;
color: white;
}

.smallbuttonheight, table.nocssgrid.DynamicGrid input[type="submit"], .SubsidiariesGrid input[type="submit"], .ProgramSummaryGrid input[type="submit"] {
height: 26px !important;
min-height: 26px !important;
white-space: break-spaces;
height: auto !important;
}

input.postcode_lookup{
width: 100px;
height: 25px;
line-height: 23px;
}

a.btn080, input.btn080{
width: 80px;
}

a.btn140, input.btn140, #mainmenu_link_holder a, input.postcode_lookup{
width: 140px;
}

select.postcode_lookup{
padding: 5px;
margin: 1px;
width: 310px;
float:none;
}

select.postcode_lookup {
padding: 0 !important;
margin-top: 5px;
}

.PostcodeZoneHeight {
/*Height: 100px;
*/}

input#ctl00_ContentPlaceHolder1_ctl07_SSLControl_PostCodeLookup_btnLookup {
width: 414px;
}

select#ctl00_ContentPlaceHolder1_ctl07_SSLControl_PostCodeLookup_ddlAddress {
position: relative;
top: 1px;
}

span.btn100_grey, span.btn120_grey, span.btn140_grey, span.btn100Grey, span.btn120Grey, span.btn140Grey, span.btnGrey,a.btn100_grey, a.btn120_grey, a.btn140_grey, a.btn100Grey, a.btn120Grey, a.btn140Grey, a.btnGrey,input.btn100_grey, input.btn120_grey, input.btn140_grey, input.btn100Grey, input.btn120Grey, input.btn140Grey, input.btnGrey,btnSummaryGrey, input.btnSummaryGrey{
background-image: none;
background-color: #AAAAAA;
text-align: center;
height: 26px;
line-height: 22px;
text-decoration: none;
color:#FFFFFF;
font-size: 12px;
cursor: default;
}

a.btn110, input.btn110{
width: 110px;
}

a.btn120, input.btn120{
width: 120px;
}

.TermsNotAgreed{
color: #ffffff !important;
background-color: #000066 !important;
cursor: not-allowed !important;
}

.additionalInfo{
color: #000;
text-decoration: none;
font-size: 12px;
}

a{
color: #000;
}

*{
font-family: 'Open Sans';
}

button:focus {
outline:0 !important;
}

textarea{
font-family: 'Open Sans';
font-size: 12px;
}

#ctl00_border_sides {
float: left;
width: 990px;
position: relative;
top:10px;
}

#ctl00_border_bottom {
width: 140px;
background-color:#FFFFFF;
clear: both;
vertical-align: text-bottom;
font-size: 12px;
}

.ui-widget-overlay {
opacity: .8;
filter: Alpha(Opacity=30);
z-index: 1000;
position: fixed;
background: #aaaaaa;
width: 100%;
height: 100%;
bottom: 0;
}

a.btnSummary, input.btnSummary, btnSummaryGrey, input.btnSummaryGrey, button.btnSummary{
width: 150px;
display: block;
margin-top: 5px;
margin-left: auto;
margin-bottom: 5px;
margin-right: auto}

.WebXNavigation .AspNet-Menu-Horizontal {
position: relative;
top: -19px;
z-index: 300;
float: right;
/*width: 700px;
*/}

.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li {
text-align: left;
padding: 0px 10px;
border-left: 2px solid #000066 ;
}

a.btn100, input.btn100{
width: 100px;
}

a.btn180, input.btn180{
width: 180px;
}

#ctl00_quote_content {
width: 956px;
margin: 30px 20px 20px 15px;
font-size: 12px;
}

.grid{
border-collapse: collapse;
font-size: 12px;
margin-bottom: 12px;
}

.grid td{
padding: 4px;
background-color:#FFFFFF;
border: solid 1px#000;
color:#000;
}

.webxDropdownlist, table.nocssgrid.DynamicGrid select{
font-family: 'Open Sans';
font-size: 12px;
padding: 5px;
margin: 1px;
}

.ui-dialog-title, .ui-widget-header{
color: #FFFFFF;
 /* this will be the colour of the text. In this case white */background: #000066;
 /* the background colour of the popup box header. In this case Dark Blue */border-color: #003399;
 /* the border colour of the popup box header. In This case Dark Blue. */}

.Sidebar {
MARGIN: 30px 10px 0px;
padding: 10px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px#e8e8e8;
box-shadow: 0px 0px 10px 0px #525252;
}

footer{
background-color: #efefef;
}

footer a {
color:#A094A0;
}

.grid th{
padding: 4px;
background-color: #000066;
border: solid 1px #000;
color: #fff;
}

input[type="submit"], input[type="button"], .grid button, button{
background-color:transparent;
border-radius: 3px;
border: #000066 1px solid;
color: #000066;
height:50px;
}

input[type="submit"]:hover, input[type="button"]:hover, .grid button:hover, input[type="submit"]:disabled, button:hover {
background-color: #000066;
color: #ffffff;
}

.WebXNavigation ul {
background: none repeat scroll 0 0 #e6e6e6;
}

body {
background: #ffffff;
font-family: 'Open Sans';
font-size: 12px;
padding: 0;
margin: 0;
background-image: url(../webximage/test.jpg);
background-image: url(../webximage/ZurichBackground.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

h1, .H1, .h1{
color: #000066;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .H2, .H3, .H4, .H5, .H6, .H3Indent{
color: #003399;
}

h1, .h1, .H1{
font-size: 20px;
margin: 0 0 2px 0;
/*display: inline-block;
*/}

h2, .h2, .H2{
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
/*display: inline-block;
*/}

h3, .h3, .H3{
font-size: 14px;
font-weight: bold;
}

#ctl00_wrapper {
width: 990px;
position: relative;
background: rgba(255, 255, 255, 0.9) !important;
margin: 0 auto;
top: 30px !important;
box-shadow: 0px 0px 10px 0px #525252;
/*z-index:1;*/
min-height: 540px;
border: solid 3px #000066;
border-radius: 15px;
min-height: 650px;
}

#ctl00_header {
height: 75px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px #525252;
}

#ctl00_loginheader {
height: 77px;
/*width: 90px;
position: relative;
margin-left: auto;
margin-right: auto;*/
}

#ctl00_content_left{
width: 325px;
margin: 0 6px;
padding-top: 10px;
float: left;
}

#ctl00_ContentPlaceHolder1_ValidationSummary1{
overflow: hidden;
color: Red;
margin-left: 0px;
margin-top: 30px;
}

.AspNet-Login{
width: 323px;
height: 109px;
padding: 12px 12px 5px 5px;
background-color: transparent;
position: relative;
/*margin-top: 20px;*/
}

/*.AspNet-Login-SubmitPanel{
margin-left: 218px;
}*/

.AspNet-Login-PasswordRecoveryPanel{
/*margin-left: 4px !important;
margin-top: 20px !important;
color: #000066  !Important;*/
position: absolute;
    top: 225px;
}

.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label{
color: #000;
/* font-weight: bold;
 */}

.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label {
color:#2F2F2F;
font-family: 'Open Sans';
}

/*#ctl00_loginheader h1 {
right: 114px;
position: relative;
}*/

/*a#ctl00_ContentPlaceHolder1_PasswordRecoveryLink {
margin-left: 140px;
position: absolute;
top: 111px;
}*/

#ctl00_LoginInfo{
margin-top: 107px;
margin-left: 30px;
position: relative;
display: inline-block;
}

#ctl00_LoginInfo ul{
list-style:none;
}

#ctl00_LoginInfo ul p{
color: #000066 ;
width: 14px;
margin:0;
display:inline-block;
font-size: 18px;
}

/*.AspNet-Login-SubmitPanel{
margin-top: 15px !important;
margin-left: 0px !important;
overflow:hidden !important;
float: none !important;
width:75%;
}*/

.AspNet-Login-PasswordPanel, AspNet-Login-UserPanel{
overflow: hidden !important;
margin-top: 5px;
}

.LoginButton{
position: relative !important;
float: right !important;
}

/*#ctl00_ContentPlaceHolder1_pnlChangePasswordReq{
float: right !important;
margin-right: 10px !important;
padding-left: 0px !important;
}*/

/*.LoginPassword{
margin-left: 3px;
}*/

.LoginWrapper{
min-height: 400px !important;
margin-top: 50px !important;
}

/*.AspNet-Login input {
float:right;
padding-top:1px;
}*/

label#ctl00_ContentPlaceHolder1_UserNameLabel, #ctl00_ContentPlaceHolder1_PasswordLabel {
color: #003399;
font-size: 14px;
font-weight: bold;
}
input#ctl00_ContentPlaceHolder1_UserName, input#ctl00_ContentPlaceHolder1_Password {
width: 90%;
font-size: 12px;
padding: 5px;
    margin-top: 6px;
    margin-bottom: 1px;
}

input#ctl00_ContentPlaceHolder1_LoginButton {
    width: 95%;
    float: left !important;	
	margin-bottom: 8px;
}

#ctl00_content_rightMenuPage{
/*width: 571px;
*/margin: 20px 0 20px 0;
float: right;
margin-top: 70px;
margin-right: 65px;
}

#home_banner{
background: transparent;
clear: both;
margin: 0 0 40px;
position: relative;
}

#home_banner img{
display: block;
}

#home_banner .arrow{
background: url(../webximage/Arrow.png) no-repeat;
display: none;
height: 82px;
/*left: -59px;
*/overflow: hidden;
padding: 19px 0 0 14px;
position: absolute;
top: 110px;
width: 44px;
z-index: 2;
background-size: 105px;
}

#home_banner .arrow a{
display: block;
overflow: hidden;
padding: 64px 0 0;
height: 0px;
width: 100%;
}

#home_banner .next {
background-position: -58px 0;
left: auto;
padding: 19px 14px 0 0;
right: -10px;
}

#home_banner li{
float: left;
width: var(--menuImagesSectionTextWidth);
}

#home_banner ul{
list-style: none;
}

#home_banner .carousel{
height: var(--menuImagesSectionHeight);
overflow: hidden;
z-index: 100;
}

#home_banner .carousel div{
position: relative;
}

#home_banner .carousel p{
font-size: 14px;
box-sizing:border-box;
padding:10px;
height: 138px;
position: absolute;
top: 280px;
width: 571px;
}

div[id=home_banner] .arrow{
background-image: url(../webximage/Arrow.png) !important;
}

.TextCentre{
text-align: center;
}

.DocLoaderParent {
position: relative;
top: 115px;
min-height: 435px;
}

.DocLoader {
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid #106695;
width: 38px;
height: 38px;
-webkit-animation: spin 2s linear infinite !important;
animation: spin 2s linear infinite !important;
/* float: left;
 */animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
/* margin-top: 8px;
 */margin: 0 auto;
}

.hintscolumn3 {
position: absolute;
left: 866px;
}

table.nocssgrid.ssgrid.DynamicGrid select, .vergrid select {
width: 312px;
}

.vergridbind select {
	width: 227px;
}

table.nocssgrid.DynamicGrid, .vergrid {
margin-left: -4px !important;
margin-bottom: -12px !important;
}

table.nocssgrid.DynamicGrid th, .vergrid th {
background: transparent;
color: black;
border: none;
font-weight: normal;
text-align: left;
}

table.nocssgrid.DynamicGrid td, .vergrid td {
border: none;
padding-right: 0px !important;
}

tr#NewRecordButtonRow {
border: transparent;
float: left;
}

table.nocssgrid.DynamicGrid div Span.webxError {
color: #ff0000;
/*position: absolute;
*/margin-top: 9px;
}

table.nocssgrid {
margin-left: -5px;
margin-bottom: -12px !important;
}

table.nocssgrid th {
background: transparent;
color: black;
border: none;
font-weight: normal;
text-align: left;
}

table.nocssgrid td {
border: none;
padding-right: 15px;
}

table.nocssgrid.DynamicGrid select {
width: 195px;
}

table.nocssgrid.DynamicGrid td, .vergrid td {
background-color: transparent;
}

table.nocssgrid.DynamicGrid th, .vergrid th {
padding-left: 7px;
color: transparent !important;
}

table.nocssgrid.DynamicGrid {
margin-top: -27px;
}

.vergridquote, .vergridbind {
    margin-top: -12px !important;
}

table.nocssgrid.DynamicGrid > tbody > tr:nth-child(2) > td:last-child {
display: none !important;
}

.nocssgrid, .DynamicGrid{
width:100px;
}

.ddlAsyncEnabledFalseZone div:nth-child(2) span {
cursor: not-allowed !important;
width: 315px;
}

.ddlAsyncEnabledFalseControl, .vergridquote select {
background: rgb(235, 235, 228);
pointer-events: none;
}

/*.vergridbind > tbody > tr:nth-child(2) > td select:first-child {
  background: rgb(235, 235, 228);
  pointer-events: none;
}*/

.LargeLabel{
color: #000;
font-size: 13px;
text-decoration: none;
}

.grid button{
width: 100%;
}

.grid button{
width: 100%;
}

.slider {
height: 6px;
-webkit-appearance: none;
width: 100%;
/* height: 25px;
 */background: #d3d3d3;
outline: none;
/*opacity: 0.7;
*/opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
margin: 10px;
border-radius: 8px;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #000066;
cursor: pointer;
border-radius:15px;
}

.LargeLabelBold{
color: #000;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}

footer a:hover {
color: #000066;
}

.Instagram:hover .InstagramHover {
display: inline;
}

.Linkdin:hover .LinkdinHover {
display: inline;
}

.Twitter:hover .TwitterHover {
display: inline;
}

.YouTube:hover .YouTubeHover {
display: inline;
}

.Facebook:hover .FacebookHover {
display: inline;
}

.gridnocss button {
border: none;
letter-spacing: 1px;
position: relative;
display: inline-block;
vertical-align: middle;
min-width: 64px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 13.6px;
font-size: .85rem;
margin-top: 0;
margin-bottom: 0;
line-height: 1.4;
font-weight: 600;
padding: 15px 18px;
/* background-color: #009aa6 !important;
 */color: #fff;
border-radius: 4px;
box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.16);
text-align: center;
cursor: pointer;
width: 100%;
}

.gridnocss button{
background-color: transparent !important;
box-shadow: inset 0 -3px 0 0 transparent !important;
color: transparent !important;
height: 10px;
}

.gridnocss button:hover{
outline: #e5f5f6 solid 8px;
background-color: #e5f5f6 !important;
box-shadow: inset 0 -3px 0 0 transparent;
opacity: 0.5;
color: #e5f5f6 !important;
cursor: pointer;
}

.gridnocss{
border: 0px;
}

.gridnocss th{
display: none;
padding: 0px;
background: none;
}

.gridnocss tr{
border: none !important;
border-bottom: none;
background: none !important;
}

.gridnocss td{
/*padding: 0px 0px 0px 0px;
*/background: none !important;
padding-left: 0px !important;
border:none;
overflow: hidden;
}

.gridnocss td:nth-child(2) {
position: absolute;
left: 0;
}

.gridnocss td:first-child {
padding-left: 40px !important;
/*padding-top: 20px;
*/background: 0 0;
color: #009aa6 !important;
text-decoration: underline;
margin-bottom: 0;
}

.PDFIcon{
background-image: url("../webximage/pdf-itempng.png");
background-repeat: no-repeat !important;
background-size: 55px;
}

.search-zone span > span {
display:inline-block;
width:165px;
font-size:15px;
}

.search-zone2 span > span {
display:inline-block;
width:660px;
font-size:15px;
}

.search-zone input, .search-zone select{
box-sizing:border-box;
width:260px;
}

.search-zone input::placeholder{
text-transform:lowercase;
}

.search-zone {
background-color: #fbfbfb;
padding: 8px;
border: 1px solid #b7b7b7;
}

.search-zone2 {background-color: #fbfbfb;padding: 8px;border: 1px solid #b7b7b7;width: 650px;}

span[id$=SearchResults]{
width:100% !important;
}

.webxGrid, .webxGrid * {
/* display:block;
 */overflow:hidden;
/* box-sizing:border-box;
 */width:100%;
}

.webxGrid th, .webxGrid td {
/* float:left;
 */font-size:12px;
}

.webxGrid th{
white-space:nowrap !important;
}

.webxGrid td, .webxGrid th *, .webxGrid td * {
/*white-space:pre-wrap !important;
*/margin: 5px 0px;
}

.webxGrid td input {
width:100% !important;
}

[id$=_SSLControl_ClaimSearchResult] .webxGrid td input[type=submit],[id$=_SSLControl_ClientSearchResults] .webxGrid td input[type=submit],[id$=_SSLControl_PolicySearchResults],[id$=_SSLControl_grdDiaryNotes] .webxGrid td input[type=submit],[id$=_SSLControl_AddClaimResults] .webxGrid td input[type=submit] {
/*max-width:50px;*/
}

.webxGrid tbody > tr:first-child {
max-height:47px !important;
background-color: #808080;
}

.webxGrid tr td {
margin-top:-23px;
}

.webxGrid tbody > tr:first-child {
max-height:47px !important;
background-color: #ffffff !important;
padding-top:4px}

.webxGrid tbody > tr:last-child {
padding-bottom:20px;
}

.webxGrid tbody > tr:first-child th{
font-weight: bold;
color: #fff;
padding: 5px 0;
margin-top:-30px !important;
text-align: left;
}

.webxGrid tr td {
margin-top:-23px;
color: #003399;
}

.webxGrid tbody > tr:first-child * {
color: #7b7b7b;
}

.webxGrid tbody > tr:not(:first-child) {
height:74px;
}

.webxGrid tbody > tr {
border-top: 1px solid gainsboro}

.webxGrid tbody > tr:not(:first-child):nth-of-type(even) {
background: #fff;
;
}

.webxGrid tbody > tr:not(:first-child):nth-of-type(odd) {
background: #fff;
}

.webxGrid tbody > tr > *:first-child>*:not(a){
padding-left:7px;
}

.webxGrid tbody > tr > *:last-child>*:not(a){
padding-right:7px;
}

.float-right {
    display:block;
    float:right;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.FooterTop a {
   font-size: 14px;
}

ul.AspNet-Menu li:last-child {
    position: relative;
}
li.AspNet-Menu-Leaf a[href*="Logout"] {
    display: none;
}

/* fake awesome edit grid */

.fake-awesome-edit-grid input[type="submit"] {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><style>svg{fill:hsl(240deg 100% 20%)}</style><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/></svg>');
    background-size: auto 100%;
    background-repeat:no-repeat;
    background-color:transparent !important;
    color:transparent !important;
    border:none;
    height: auto;
    padding:0;
}
.fake-awesome-edit-grid input[type="submit"] :hover {
   background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><style>svg{fill:hsl(240deg 100% 30%)}</style><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/></svg>');
}
.ZoneBespoke > * {
margin-bottom: 15px; /* Adjust spacing as needed */
}

span.SSLZone_24_row_1_cell1 {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    border-radius: 10px; /* Rounded corners */
    font-size: 14px; /* Font size */
    display: inline-block; /* Ensures proper padding & shape */
    padding-block: inherit;
    padding: 0px 5px; !Important
}

input#ctl00_ContentPlaceHolder1_ctl06_SSLControl_btnAuthoriseAll {
background-color:#ffffff;
border-radius: 3px;
border: #000066 1px solid;
color: #000066;
height:50px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out; 
}

input#ctl00_ContentPlaceHolder1_ctl06_SSLControl_btnAuthoriseAll:hover {
    background-color: #000066;
    Color: #ffffff;
}

input#ctl00_ContentPlaceHolder1_ctl06_SSLControl_btnAuthReferralButton  {
background-color:#ffffff;
border-radius: 3px;
border: #000066 1px solid;
color: #000066;
height:50px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
    margin-left: -80px;
}

input#ctl00_ContentPlaceHolder1_ctl06_SSLControl_btnAuthReferralButton:hover {
    background-color: #000066;
    Color: #ffffff;
}

/*span#ctl00_ContentPlaceHolder1_ctl02_SSLControl_Status {
 background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    padding: 5px 10px;
    border-radius: 10px; /* Rounded corners */
    font-size: 12px; /* Font size */
    display: inline-block; /* Ensures proper padding & shape */
}*/

   span#ctl00_ContentPlaceHolder1_ctl03_SSLControl_Status {
 background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    padding: 5px 10px;
    border-radius: 10px; /* Rounded corners */
    font-size: 12px; /* Font size */
    display: inline-block; /* Ensures proper padding & shape */
}

p, .webxLabel{font-size: 12px;}

.SSLZone_27_row_1 {
    display: none;
}

input#ctl00_ContentPlaceHolder1_ctl06_SSLControl_btnAuthoriseAll:disabled {
  background-color: #ccc; /* Change to your desired color */
  color: #666; /* Change text color */
  cursor: not-allowed; /* Optional: change cursor */
  opacity: 0.6; /* Optional: reduce opacity */
}

.Iframebtn {
    margin-bottom: 4px;
}

p,.webxLabel.danger {
  font-size: 12px;
  margin: 10px 0;
}

/* Class to highlight row when Type = 'Refer' or 'Decline' AND DateMet is empty */
.highlight-empty-datemet {
    background-color: #f8d7da !important; /* Light red */
    border-color: #f5c6cb !important;
    color: #721c24 !important;
    font-size: 12px;
}

/* Ensure all text inside the row inherits the correct color */
.highlight-empty-datemet td {
    color: #721c24 !important; /* Ensure all text in the row is dark red */
}

/* Remove red background from the last column */
.highlight-empty-datemet td:last-child {
    background-color: transparent !important;
}

/* Ensure the button keeps a blue highlight */
.highlight-empty-datemet td:last-child input {
    background-color: #ffffff !important; /* White button */
    color: #000066 !important; /* Blue text */
    border: 1px solid #000066 !important; /* Blue border */
}

/* Optional: Add hover effect to make the button interactive */
.highlight-empty-datemet td:last-child input:hover {
    background-color: #000066 !important; /* Blue button on hover */
    color: #ffffff !important; /* White text on hover */
    border: 1px solid #000066 !important; /* Slightly darker border */
    cursor: pointer;
}

.refer-status-highlight {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    padding: 5px 10px;
    border-radius: 10px; /* Rounded corners */
    font-size: 12px; /* Font size */
    display: inline-block; /* Ensures proper padding & shape */ 
}

.wrapper {
  width: 400px !important;
  position: relative !important;
  background: rgba(255, 255, 255, 0.9) !important;
  margin: 0 auto !important;
  top: 30px !important;
  box-shadow: 0px 0px 10px 0px #525252 !important;
  /* z-index: 1; */
  min-height: 350px !important;
  border: solid 3px #000066 !important;
  border-radius: 15px !important;
}

.timezone-text {
  display: block;
  margin-left: 10px; /* Adjust this number */
}

.hintscolumn4 {
  position: absolute;
  left: 650px;
  transform: translateY(-20px); /* moves it up */
}
/*** zurich styling ***/

/**** Temp Async Fix Enabled if does not work ***/

.ddlAsyncEnabledFalseZone div:nth-child(2) span {
    cursor: not-allowed !important;
    width: 315px;
}

.ddlAsyncEnabledFalseControl
{
    background: rgb(235, 235, 228);
    pointer-events: none;
}

/****Storage ****/
.StorageLocation {
    width: 302px;
    display: inline-block;
    vertical-align: top;
}
.StorageLocation select {
    width: 288px !important;
}

.StorageLocation input[type=submit] {
    width: 290px;
}

.StorageLocation input {
    width: 273px;
}

.StorageLocation .h2 {
    display: inline-block;
    margin-top: 20px;
    margin-bottom:10px;
}

.StorageLineNum {
display: none;
}

.StorageLocationFloat
{
    width: 325px;
    display: inline-block;
    vertical-align: top;
}
.StorageLocationRightColumn
{
    position: absolute;
    left: 360px;
}

table.storagegrid tr:not(:first-child) {
    height: 40px;
}
.selectedstoragebutton {
    background: #000066 !important;
    color: #ffffff !important;
}
.locationbuttons {
width: 313px !important;
}
.floatleft {
    float: left;
}
.storagehintsfloatright {
    float: right;
    margin-right: 10px;
}


/*** progress ***/

/**Main page loader overides**/
.MainDocLoaderParent > .DocLoader {
    height: 75px !important;
    width: 75px !important;
	margin-top: 40px;
}

.Webx-Progress-Overlay {
background: #ffffff !important;	
}
#AgentLogo, #ClientLogo
{
	z-index: 10000;
}
#ctl00_webxProgressOverlay_Heading {
font-size: 24px !important;
margin: 0 0 2px 0 !important;
color: #000066 !important;
}

.Webx-Progress-Overlay #ctl00_webxProgressOverlay_loading > * {
    border: none !important;
    background: transparent !important;
}

/**Standard loader page (Seperate page)**/
.DocLoaderParent {
    position: relative;
    top: 115px;
    min-height: 435px;
}
.DocLoader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #106695;
    width: 38px;
    height: 38px;
    -webkit-animation: spin 2s linear infinite !important;
    animation: spin 2s linear infinite !important;
    /* float: left; */
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* margin-top: 8px; */
    margin: 0 auto;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.DocLoaderText {
    padding-left: 30px;
    color: #106695;
    text-decoration: underline;
    font-size: 14.4px;
    font-size: .9rem;
    margin-bottom: 0;
    vertical-align: bottom;
    padding-top: 5px;
    /* height: 25px; */
    font-weight: bold;
}
.ClientSearchHeaderHelpText p
{
    font-size: 14px !important;
    font-weight: bold !important;
}
.overflow {
    width: 1000px;
    /* overflow: visible !important; */
    display: inherit;
}
/** Session time out fix for footer at the bottom of the screen **/
div#ctl00_wrapper .error_message_container {
    min-height: 665px;
}

.ProductPageVerticalAlignHeader
{
    margin-top: -90px;
    position: absolute;
}

.ProductPageVerticalAlignButton
{
    margin-top: -100px;
    position: absolute;
}

.CenteredFeaturedProducts {
    margin: 0px 0px 10px 0px;
}

.LeftRightGrid 
{
    display: table-cell;
}
.LeftGridFormating
{
    width: 90%;
}

.RightGridFormating
{
    width: 10%;
}

.FloatRight 
{
    float: right;
}

/***Change password at login checkbox always showing when changing password FIX***/
div#Login-SubmitPanel > #ctl00_ContentPlaceHolder1_pnlChangePasswordReq {
    display: block !important;
}

#ctl00_ContentPlaceHolder1_pnlChangePasswordReq {
    display: none;
}

/*** Zurich error screen styling ***/

.error_image_container {
    margin-top: 64px;
    margin-bottom: 15px;
}

.error_text_container H1 {
    font-size: 25px;
}

.error_text_container p {
    font-size: 15px;
    font-weight: bold;
}

.error_image_container img {
    width: 93px;
}

.error_text_container {
    line-height: 35px;
}

/****Client Policies grid -- Summary Page ****/

table.ClientPolicyGrid th div {
    white-space: normal !important;
}

table.ClientPolicyGrid input {
    width: 100% !important;
}

div#ctl00_ContentPlaceHolder1_FailureTextContainer {
    margin-top: 30px;
}

div#ctl00_ContentPlaceHolder1_pnlChangePassword {
    width: 323px!important;
}

table.nocssgrid.DynamicGrid.claimsgrid select:first-child {
width: 315px;
}

#ctl00_ContentPlaceHolder1_ctl11_reqtxtPremiumAmountControl {
    position: absolute;
    margin-left: -330px;
    margin-top: 35px;
}

#ctl00_LoginInfo {
margin-top: 107px;
margin-left: 30px;
position: relative;
display: inline-block;
width: 530px;
}

.referralgrid
{
     width: fit-content;
}

.referralgrid th > div
{
    white-space: inherit !important;
}

div.MTAPremium span{
text-align:center;
}

.Sidebar button {	
width: 100% !important;
cursor: pointer;
}

.hidegridfirstrow tr:nth-child(2) {
    display: none;
}

.hidelastcolumn th:last-of-type {
    display: none;
}

.hidelastcolumn tr td:last-of-type {
    border:none;
    broker: 0;
    background: transparent !important;

}

.font20bold {
    font-size: 20px !important;
    font-weight: bold;
}
.search-zone table.webxGrid th, .search-zone table.webxGrid th > div {
    overflow:visible !important;
}
.w-100 {
    width:100% !important;
}

.simple-layout .search-zone {
width: 895px;
}

.ButtonAlignRight span:nth-child(2) {
    text-align: right;
}

.SubsidiariesGrid input[type="submit"], .ProgramSummaryGrid input[type="submit"] {
   width: 100%;
   margin: 2px 0px;
}

.DisableControl {
    background: rgb(235, 235, 228);
    pointer-events: none;
}

.SidebarBespoke {
    margin-bottom: 30px;
    margin-right: 0px !important;
}

.ZoneFloatLeft
{
float: left;
}

.ZoneBespoke {
    width: 700px !important;
    display: block !important;
}

.ProgramSummaryGrid th > div {
    white-space: initial !important;
}


/* popup NEW*/

.iframe-popup-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.57);
    z-index: 5000;
    display:none;
    align-items:center;
    justify-content:center; 
}

.iframe-popup-container[style*="display: block"] {
    display:flex !important;  
}

.iframe-popup-container >.iframe-popup-inner-container {
    display:flex;
	flex-direction:column;
    width:800px;
    max-height: 550px !important;
    min-height:400px;
    margin:0px 0px 0px 0px;
    background:#f1f1f1;
    box-sizing:border-box;
    border-radius:5px;
}
.iframe-popup-container > .iframe-popup-inner-container > iframe {
	flex:auto;
}

iframe-popup-inner-container > .iframe-popup2 {
    padding:20px;
}

.iframe-popup-container > .exit {
	width:20px;
	height:20px;
	position:absolute;
	top:185px;
	left:calc(calc(calc(100% - 800px) / 2) + 770px);
	cursor:pointer;
}
.iframe-popup-container > .exit:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:#b3b3b3;
	transform:rotateZ(48deg);
	margin-top:calc(50% - 2.5px);
	position:absolute;
	border-radius:2px;
}
.iframe-popup-container > .exit:after {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:#b3b3b3;
	transform:rotateZ(-48deg);
	margin-top:calc(50% - 2.5px);
	position:absolute;
	border-radius:2px;
}
.iframe-popup-container > .exit:hover:before,.iframe-popup-container > .exit:hover:after {
	background:#999999;
}

.iframe-loading {
    position:fixed;
    z-index:5000;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
}
.iframe-loading:before {
    content:"";
    display:block;
    width: 150px;
    height: 20px;
    border-radius: 10px;
    margin: calc(25% - 100px) auto;
    background-image: linear-gradient(70deg, transparent 10px, #ffffff 0px, #ffffff 30px, transparent 0px), linear-gradient(#afafaf,hsla(0, 0%, 57%, 1));
    background-repeat: repeat-x;
    background-size: 51px 20px;
    animation:loading-bar 3s linear infinite;
}
@keyframes loading-bar {
  0%{
    background-position-x:0px, 0px;
  }
  100%{
    background-position-x:400px, 0px;
  }
}


.Iframe-Header .exit {
  position: relative;
  width: 25px;
  height: 25px;
  opacity: 0.3;
float: right;
    padding: 8px;
	cursor:pointer;
}
.Iframe-Header .exit:hover {
  opacity: 1;
}
 .Iframe-Header .exit:before, .Iframe-Header .exit:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 25px;
  width: 5px;
  background-color: #333;
}
.Iframe-Header .exit:before {
  transform: rotate(45deg);
}
.Iframe-Header .exit:after {
  transform: rotate(-45deg);
}

.Iframe-Header {
width:100%;
height:35px;
}

.iframe-popup2 {
    width: calc(100% - 40px);
    height: 100%;
        padding: 0px 20px 20px;
}

.iframe-popup2 body {
padding:20px;
}


.Iframe-search-textbox {
width:189px;
}

.iframe-grid-min-height {
min-height:200px;
}

.scrolling-grid {
    width: 100%;
    max-height: 350px;
    overflow-y: scroll;
    border-bottom: solid 1px grey;
    border-top: solid 1px grey;
}

.grid-scroll {
       overflow-y: auto;
    max-height: 400px;
    width: 100%;
}

input[type="submit"].btn-no-bottom-margin {
margin-bottom:0px;
}

.simple-layout {
    padding: 0px 30px;
}




/* info popup (no bootstrap) */

.modal {
   display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#0000009e;
    z-index:4001;
}

.modal-dialog {
    background: #fff;
    margin: 50px auto;
    width: 100%;
    max-width: 475px;
    padding: 20px;
    border-radius: 4px;
}

.modal-header {
    display: flex;
    padding-bottom:20px;
}
.modal-body:before {
    content:"";
    display:block;
    border-top:1px solid #e8e8e8;
    margin-bottom:20px;
    margin-left:-20px; 
    margin-right:-20px;
}

.modal-title {
    flex: auto;
    margin: 0;
    font-size:25px;
}

.modal-header button.close {
    border: none;
    background: none;
    padding: 0;
    height: auto;
    font-size: 20px;
    color:#000 !important;
    width: auto !important;
}
.modal-footer {
    overflow: visible;
    text-align:right;
}
.modal-footer:before {
    content:"";
    display:block;
    border-top:1px solid #e8e8e8;
    margin-bottom:20px;
    margin-left:-20px; 
    margin-right:-20px;
}





