/* Sweet Alert overrides */

.swal2-icon.swal2-success .placeholder{
 	border-color: #ff4e00 !important;
}

.swal2-icon.swal2-success {
	border-color: #ff9566 !important;
}

.swal2-icon.swal2-success .line{
	background-color: #ff4e00 !important;
}

.swal2-icon.swal2-info {
	color: #ff4e00 !important;
    border-color: #ff4e00 !important; 
}

.swal2-icon.swal2-warning {
    color: #ff4e00 !important;
    border-color: #ff4e00 !important;	
}


.swal2-icon.swal2-error {
    border-color: #ff4e00 !important;
}


.swal2-icon.swal2-error .line {
    background-color: #ff4e00 !important;
}

.swal-loading{
	background-color: #ff4e00 !important;
	border-color: #ff4e00 !important;
	color: #ff4e00 !important;
}
/* site */

@font-face {
  font-family: 'MarkelSans';
  src: url(../webximage/MarkelSans-Regular.otf);
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
}

@font-face {
  font-family: 'MarkelSansMed';
  src: url(../webximage/MarkelSans-Medium.otf);
  font-weight: normal;
  font-style: normal;
}


* {
  font-family:'MarkelSans','Tahoma','SenticoSansDT', 'sans-serif';
}

html,body{
    height:100%;
}

body {
    background: #f4f2eb;
    color: #424242;    
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#ctl00_header + .container {
	min-height: 760px !important;
}


@media(min-width:992px) {
	div#ctl00_Image-Banner.image-banner {
	min-height: 690px !important;
	}
}

.form-panel > [style="padding: 10px"] {
    display:none;
}

.w-33 {
    width:33.3% !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.overflow-hidden { 
	overflow:hidden; 
}

.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
}

.navbar {
     padding:0;
	 color: #424242!important;
}

.hiddenZone, .hide, #ctl00_webxProgressOverlay_Heading {
    display:none;
}

.bg-overlay {
    background: #0000008c;
}

/* row spacing for non class zones that are more than 1 rows. Typically forms */
.WebXZone > .row:not(:first-child) {
    margin-top: .5rem;
}

/* Jumbotron match zone padding */
.jumbotron{
    padding: 1.5rem 1.5rem;
}

/* WebXZone panelling */
.WebXZone {
    margin-bottom:1rem;
    padding: 1.5rem;
    border-radius: 2px;
    box-shadow: 0px 5px 5px 0px #00000008;
    background: #fff;
    border:1px solid rgba(0,0,0,.125);
    overflow:initial;
}

/* WebXZone heading */
.webxzoneheading{
    color: var(--light);
    background-color: #424242;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-left: .25rem;
	margin-right: .25rem;
    margin-bottom: 0;
    display: inline-block;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

/* WebXZone fields */

.webxzonefields .CellWrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.webxzonefields h6{
    margin-bottom: 0;
	text-align: right;
}

.webxzoneheading h1, .webxzoneheading h2, .webxzoneheading h3, .webxzoneheading h4, .webxzoneheading h5, .webxzoneheading h6{
    margin-bottom: 0;
}

.webxform .form-control {
  margin-bottom: 1rem;
}

/* cant add class "form-control" postcode dropdown. So here is a copy */
.webxDropdownlist {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.webxRadiobuttonlist > label {
    margin-right:1rem;
}


/* should really be able to add classes to form element */
form[action*="WebXMenu"],form[action*="/Menu"] {
    height:100%;
}

/* hide useless div on menu page */
form[action*="WebXMenu"] div[id*="_Panel"] + div[style="padding: 10px"],
	form[action*="/Menu"]  div[id*="_Panel"] + div[style="padding: 10px"] {
	  display: none;
}

/* tab styling */
[class*=webXtabButton].selected {
    opacity: .8;
}

.table thead th {
   border-top:0!important;
}

/* Default table padding & alignment */
.table {
    margin-bottom:0!important;
}

.table td, .table th {
    padding: 0.3rem!important;
    vertical-align: middle!important;
}

/* Default grid buttons to small */
.table .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.rounded .table thead th {
    border-top:0;
}

/* table responsive */
.table-responsive > .row {
    margin:0;
}

.table-responsive > .row > [class*="_cell"]{
    padding:0;
}

.table-responsive table td > div, .table-responsive table th > div  {
    overflow:visible !important;
}


/* grid text align */
th[align="right"], td[align="right"] {
    text-align:right;
}

th[align="left"], td[align="left"] {
    text-align:left;
}

/* nav logo md */
@media(max-width:992px){
    #ctl00_header img{
        position:absolute;
        top:0px;
        right:0px;
        z-index:1;
    }
}

.chat {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: auto !important;
    z-index:4000;
}
/* login */

.login-header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}


div#mkschemebanner{
	height: 0px;
}

div#mkschemebanner:not(.d-none){
	color: #fff;
	font-size: 0.7em;
	background-color: #246c7b!important;
	height: 30px;
	padding: 6px;
	top: 0px;
	text-align: center;
	overflow: hidden;
	z-index: 4000;
	display: block;
}

#ctl00_header{
	display: block !important;
	z-index:2000 !important;	
}

#ctl00_header > .login-header {
    top:30px !important;
	clear: both !important;
	background: #f4f2eb !important;
	min-height: 46px !important;
	height: 46px  !important;
	border-bottom: 1px solid #a39990;
    z-index:2000 !important;	
}

#mklogo{
	clear: both !important;
	position: relative !important;
	float: left !important;
	padding: 13px 20px 15px 20px !important;
	height: 46px !important;
}

#mkarrow{
	transform: rotate(180deg);
	height: 36px;
	margin-bottom: 20px;
	margin-left: -3px;
}

.LoginWrapper {
	top: 42px;
    background: #f4f2eb !important;
    width: 100%;
    position: relative;
    z-index: 100;
    height: 100%;

	grid-template-columns: 50% 50%;
    display: grid;
    grid-template-areas:
    "login-hero login"
    "login-footer login-footer";
	overflow: auto;
}

@media(max-width:992px) {


	div#mkschemebanner:not(.d-none){
		color: #fff;
		background-color: #246c7b!important;
		height: auto;
		top: 0px;
		background-color: #246c7b!important;
		overflow: wrap;
		min-height: 30px;
		color: #fff;
		padding: 4px;
		text-align: center;
		z-index: 4000;
		display: block;
		
	}
	
	
	#ctl00_header > .login-header {
		clear: both;
		background: #f4f2eb !important;
		height: 46px  !important;
		border-bottom: 1px solid #a39990;
		z-index:2000 !important;	
	}
		
	#mklogo{
		margin-top: 0px !important;
		position: relative !important;
		float: left !important;
		padding: 13px 20px 15px 20px !important;
		height: 46px !important;
	}

    #ctl00_header > .login-header {
        position:static;
    }

    .LoginWrapper > .login-header {
        position:static;
    }

	
	div#login_container {
		/*width: 80%;*/
		/*max-width: 400px;*/
		margin:auto;
	}			

    .LoginWrapper {
		top: 60px;
        grid-template-columns:100%;
		grid-template-areas:
		"login-hero"
		"login"
		"login-footer";
    }

    .LoginWrapper > .login {
        align-items:start;
		margin-right: 10px !important;
    }

    .login-hero {
        background-size: 100% auto !important;
        background-position: top !important;
    }
	
	.login-hero-inner {
		margin-left: 20px;
    }
}

@media (max-width: 576px) { 
	div#mkschemebanner{
		display: none;
	}
}

div#ctl00_ContentPlaceHolder1_pnlChangePasswordReq, .LoginWrapper br[style="clear: both"] {
    display: none;
}

div#Login-SubmitPanel {
    overflow: visible;
}

div#Login-PasswordRecoveryPanel {
    margin-top:0px;
    padding: 0px;
	float:left;
}

/*
div#Login-PasswordRecoveryPanel {
    color: #bf3b00;
	text-decoration: underline;
    font-size:1em;
}
*/

div.AspNet-Login-PasswordPanel{
	margin-top: -10px;
}

.AspNet-Login > div label {
    width:100%;
}

.AspNet-Login > #ctl00_ContentPlaceHolder1_FailureTextContainer {
    height:50px;
	clear:both;
	float: right;
	display:block;
}


form[action^="./Login"] {
    overflow: hidden;
    background-size: 1200px auto;
    background-position-x: center;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-repeat: no-repeat;
    background-position-y: 91px;
}

div.login.bg-light{
	margin-top: 50px;
	margin-bottom: 30px;
}

div#login_container {
    max-width: 580px;
	margin-left: 0px;
}

div#login_container:before{
    content:"Sign in to your account";
    font-size:1rem;
    display:block;
    /*width:100%;*/
    text-align:left;
    margin-bottom:40px;
    color:#665d55 !important;
}


.LoginWrapper > .login {
	grid-area: login;
    display: flex;
    flex-direction:column;
}

.login-wrap{
	margin:auto;
	width: 500px;
	margin-left: 20px;
	height: 470px;
}

@media(max-width:992px){

    .login-wrap {
		margin:auto;
		width: 100% !important;
		max-width: 500px  !important;
		align-items: center;
		justify-content: center;
		min-height: 456px;
		height: auto;
    }
}

@media(max-width:576px){

    .login-wrap {
		margin:auto;
		margin-right: 10px;
		margin-left: 10px;
		max-width: 500px;
		align-items: center;
		justify-content: center;
		padding-right: 10px !important;
    }
}

.login-hero {
	margin-top: 20px;
	grid-area: login-hero;
    background: #f4f2eb !important;
    display: flex;
	flex-direction:column;
    align-self: center;
    justify-content: center;
	border-right-style: solid;
	border-width: 1px;
	border-color: #a39990;
	height: 470px;
}

.login-hero-inner{
	align-self: end;
    justify-content: center;
	margin-right: 30px;
	max-width: 500px;
	min-height: 470px !important;
}

@media(max-width:992px) {

	.login-hero {
		height: auto !important;
		border: none;
	}

    .login-hero-inner {
		align-self: center;
		justify-content: center;
		margin-right: 20px;
		min-height: 470px !important;
		max-height: auto !important;
    }
}

@media (max-width: 576px) { 
    
	.login-hero-inner {
		align-self: center;
		justify-content: center;
		margin-right: 10px;
		margin-left: 10px;
		height: auto !important;
    }
}


.login-footer {
	 grid-area: login-footer;
	 margin-top: auto;
	 width: 100%;
}



.LoginWrapper > .login-header > .inner-login-header:before {

}

/* agent override / news */

table.override_agent_controls_container {
    margin-top:2rem;
}

table.override_agent_controls_container, table.override_agent_controls_container *{
    display:block;
    width:100% !important;
}

table.override_agent_controls_container span {
    font-weight:bold;
}

.override_agent_button_container {
    margin-top:1rem;   
}

.override_agent_button_container, #news_proceed {
    text-align: right;
}

.override_agent_button_container #ctl00_ContentPlaceHolder1_btnUseAgentIDContinue {
    float:right;
    margin-left:.5rem;
}

.twoFactorPnl {
width:420px;
}

.left{ 
	margin-left: 0px
}

.left-10{ 
	margin-left: -10px
}

.mkupper{
	margin-top: 8px;
	padding-top:0px;
	padding-bottom:0px;	
	font-size: 2em;
	font-variant: bold;
	line-height: normal;
	clear: both;
	color: #424242!important;
}

.mklower{
	clear: both;
	margin-top: 16px;
	font-size: 0.8em;
	color: #665d55!important;
}

.mklower a{
	color: #bf3b00; 
	text-decoration: underline;
}



@media(max-width:992px) {
	
	.mkupper{ 
		font-size: 1.8em;
	}	
}

@media (max-width: 576px) { 

	.mkupper{ 
		font-size: 1.4em;
		content: 'Welcome to the Markel UK broker e-trading system'
	}	
}

.login-hero-inner > div > i{
	font-size: 2.6em;
	padding-bottom: 16px;
}

a[href*="public/PasswordRecovery"] {
    padding-top: 4px;
	color: #424242 !important;
	text-decoration: underline;
	float: right;
}

.LoginButton{
	float: right;
	width: 100px !important;
	
}

.LoginButton:hover {
    background-color: #890d27 !important;
    opacity: 1 !important;
}


.register-wrap{
	margin:auto;
	clear: both;
	padding-top: 20px;
	border-top: 1px solid #a39990;
}

@media(max-width:992px) {
	
	.register-wrap{
		clear: both;
		padding-top: 20px;
		border-top: 1px solid #a39990;
	}
	
	.login-footer{
		margin-top:30px;
	}
}


@media (max-width: 576px) { 
	.register-wrap{
		clear: both;
		margin:auto;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		border-top: 1px solid #a39990;
	}
}



.register-wrap > a{
	float: left;
    color: #424242;
	text-decoration: underline;
	margin-top:38px;
	margin-bottom:6px;
}

.mkreg{
	display: none;
}

/*
.mkreg {
    color: #424242;
	background-color:#dbd6d3;
	float:right;
	padding:10px;
}

.mkreg > a {
    color: #424242 !important;
	text-decoration: underline;
}

*/

.login-hero-inner > a{
    color: #424242;
	text-decoration: underline;
	float: left;
	margin-top:20px;
}

.AspNet-Login-UserPanel > #ctl00_ContentPlaceHolder1_UserNameLabel{
	font-size: 0.8em;
	margin-bottom: -6px;
	color:#665d55 !important;
}

.AspNet-Login-PasswordPanel > #ctl00_ContentPlaceHolder1_PasswordLabel{
	font-size: 0.8em;
	margin-bottom: -6px;
	color:#665d55 !important;
}

.Login-CaptchaPanel{
	display: none;
}


div.LoginWrapper > div.login-footer > footer > div > div > div.footer-secondary > div.clearfix > div > div.clearfix{
	padding-bottom: 40px !important;
}
/* bootstrap button overrides */

.btn-primary {
    background-color:#424242!important;
    border-color:#a39990!important;
	border-radius: 2px !important;
}

.btn-outline-primary {
    background-color:transparent!important;
    border-color:#a39990!important;
	border-radius: 2px !important;
}

.btn-secondary {
    background-color:#424242!important;
    border-color:#424242!important;
	border-radius: 2px !important;
}

.btn-outline-secondary {
    background-color:transparent!important;
    border-color:#424242!important;
	border-radius: 2px !important;
}

.btn-success {
    background-color:#28a745!important;
    border-color:#28a745!important;
	border-radius: 2px !important;
}

.btn-outline-success {
    background-color:transparent!important;
    border-color:#28a745!important;
	border-radius: 2px !important;
}

.btn-danger {
    background-color:#a23434!important;
    border-color:#a23434!important;
	border-radius: 2px !important;
}

.btn-outline-danger {
    background-color:transparent!important;
    border-color:#a23434!important;
	border-radius: 2px !important;
}

.btn-warning {
    background-color:#ffc107!important;
    border-color:#ffc107!important;
	border-radius: 2px !important;
}

.btn-outline-danger {
    background-color:transparent!important;
    border-color:#ffc107!important;
	border-radius: 2px !important;
}

.btn-info{
    background-color:#12363e!important;
    border-color:#12363e!important;
	border-radius: 2px !important;
}

.btn-outline-info {
    background-color:transparent!important;
    border-color:#12363e!important;
	border-radius: 2px !important;
}

.btn-light {
    background-color:var(--light)!important;
    border-color:var(--light)!important;
	border-radius: 2px !important;
}

.btn-outline-light {
    background-color:transparent!important;
    border-color:var(--light)!important;
	border-radius: 2px !important;
}

.btn-dark {
    background-color:var(--dark)!important;
    border-color:var(--dark)!important;
	border-radius: 2px !important;
}

.btn-outline-dark {
    background-color:transparent!important;
    border-color:var(--dark)!important;
	border-radius: 2px !important;
}

.btn-white {
    background-color:#fff!important;
    border-color:#fff!important;
	border-radius: 2px !important;
}

.btn-outline-white {
    background-color:transparent!important;
    border-color:#fff!important;
	border-radius: 2px !important;
}

.btn:hover {
    opacity:.8!important;
}

.btn.disabled, .btn:disabled{
    opacity: .65!important;
}
/* bootstrap background overrides */

.bg-primary, .badge-primary {
    background-color:#424242 !important;
}

.bg-secondary, .badge-secondary {
    background-color:#424242 !important;
}

.bg-success, .badge-success {
    background-color:#28a745 !important;
}

.bg-danger, .badge-danger {
    background-color:#a23434 !important;
}

.bg-warning, .badge-warning {
    background-color:#ffc107 !important;
}

.bg-info, .badge-info {
    background-color:#12363e !important;
}

.bg-light {
    background-color:#f4f2eb !important;
}

.badge-light {
    background-color:var(--light) !important;
}

.bg-dark, .badge-dark {
    background-color:var(--dark) !important;
}

.bg-white, .badge-white {
    background-color:#fff !important;
    color:#424242;
}

.bg-tertiary {
    background:#246c7b;
}
/* bootstrap text-colour overrides */

.text-primary {
    color:#424242 !important;
}

.text-secondary {
    color:#424242 !important;
}

.text-success {
    color:#28a745 !important;
}

.text-danger {
   color:#a23434 !important;
}

.text-warning {
    color:#ffc107 !important;
}

.text-info{
    color:#12363e !important;
}

.text-light {
    color:var(--light) !important;
}

.text-dark {
    color:var(--dark) !important;
}

.text-white {
    color:#fff !important;
}

.text-tertiary {
    color:#246c7b;
}

.alert-info{
    /*background:#d9d5d1;
    border-color:#1b515c;*/
	
	background: #246c7b;
	border-color:#246c7b;
	color: #fff;
}
/* bootstrap components */



.jumbotron {

    background-color:var(--jumbotron) !important;

}



.breadcrumb {

    background-color:#e9ecef !important;

}



/*

.rounded-left-0 {

    border-top-left-radius: 0!important;

    border-bottom-left-radius: 0!important;

}



.rounded-right-0 {

    border-top-right-radius: 0!important;

    border-bottom-right-radius: 0!important;

}



.rounded-bottom-0 {

    border-bottom-left-radius: 0!important;

    border-bottom-right-radius: 0!important;

}



.rounded-top-0 {

    border-top-left-radius: 0!important;

    border-top-right-radius: 0!important;

}

*/

/*

@media (min-width: 768px) {

	.rounded-md-left {

		border-top-left-radius: 0.25rem!important;

		border-bottom-left-radius: 0.25rem!important;

	}



	.rounded-md-right {

		border-top-right-radius: 0.25rem!important;

		border-bottom-right-radius: 0.25rem!important;

	}



	.rounded-md-bottom {

		border-bottom-left-radius: 0.25rem!important;

		border-bottom-right-radius: 0.25rem!important;

	}



	.rounded-md-top {

		border-top-left-radius: 0.25rem!important;

		border-top-right-radius: 0.25rem!important;

	}



	.rounded-md-left-0 {

		border-top-left-radius: 0!important;

		border-bottom-left-radius: 0!important;

	}



	.rounded-md-right-0 {

		border-top-right-radius: 0!important;

		border-bottom-right-radius: 0!important;

	}



	.rounded-md-bottom-0 {

		border-bottom-left-radius: 0!important;

		border-bottom-right-radius: 0!important;

	}



	.rounded-md-top-0 {

		border-top-left-radius: 0!important;

		border-top-right-radius: 0!important;

	}

}

*/



.flex-fill{

flex: 1 0 auto;

}
/* bootstrap media query sm/md class extensions */



/* sm */

/* properties taken from Bootstrap */

@media(min-width:576px){

    .rounded-sm {

        border-radius:0!important;

    }

    .bg-light-sm {

        background-color:var(--light)!important;

    }

    .h-sm-100 {

        height:100%;

    }

    .position-sm-absolute {

        position:absolute;

        z-index:1;

    }

    .w-sm-auto {

        width:auto !important;

    }

}



@media(max-width:575px){

    .hero-background:not(.jumbotron) {

        background:#424242;

    }

    .width-sm-100, .w-sm-100 {

        width:100%;

    }

    .btn-group .btn {

        font-size:.75rem;

    }

}



@media(min-width:768px){

    .h-md-100 {

        height:100%;

    }

}



/* sm show rotate hint for grids */



@media(max-width:575px){

    .table-responsive {

        position:relative;

    }

    .table-responsive:after {

        position:absolute;

        top:-10px;

        right:20px;

        content: "\f10b";

        font-family: "Font Awesome 5 Pro";

        font-size:2em;

     transform:rotateZ(90deg);

        color:#33394b;

    }



    .table-responsive:before {

        position:absolute;

        top:5px;

        right:60px;

        content: "rotate to see more";

        font-size:.6em;

        font-weight:bold;

    }

}
/* custom classes */



.min-height-400 {

    min-height:400px;

}

.min-height-300 {

    min-height:300px;

}

.min-height-250 {

    min-height:250px;

}

.max-width-400 {

    max-width:400px;

}

.w-90 {width:90%;}

.w-80 {width:80%;}

.w-70 {width:70%;}

.w-60 {width:60%;}

.w-50 {width:50%;}

@media(max-width:720px){

    .w-md-50 {

        width:50%!important;

    }

}

.w-40 {width:40%;}

.w-30 {width:30%;}

.w-20 {width:20%;}

.w-10 {width:10%;}



.w-auto {width:auto;}



.datePicker {
    margin-right: 10px;
    float: left;
    width: auto;
}



.d-flex-soft {

    display:flex;

}



.border-light {

    border: 1px solid #d1d1d1 !important;

}
/* dropzone document uploader */



.dropzone {

    border: 1px solid #e6e6e6;

    border-radius: 0px;

    background: #fff;

    box-shadow:0px 5px 10px 0px #00000014;

    margin-bottom:30px;

}

.dz-button {

    color:#88a4b1 !important;

    font-size:20px !important;

}

.dz-description {

    width:100%;

}

.dz-description > span {

    display:block;

}

.dz-description > input {

    display:block;

    width:100% !important;

    max-width: 100%;

    cursor:text !important;

}



.dz-preview.dz-image-preview {

    width: 100%;

    margin: 0px !important;

}



.websure-doc-ddl-container {

    width:100%;

    max-width:400px;

    margin-bottom:20px;

}



.dropzone-upload-container {

    margin-bottom:20px;

}



.documentuploader-uploaded > button {

    margin-left:10px;

}



.dz-preview.dz-image-preview {

    position: relative;

}



.dz-filename {

    position: absolute;

    top: 5%;

    left: 5%;

    z-index: 2000;

    background: #ffffffb5;

    overflow: hidden;

    white-space: pre-wrap;

    width: 90%;

    font-size: 9px;

    word-break: break-all;

    padding: 3px;

    border-radius: 0px;

    font-weight: bold;

    text-align: center;

}



.dz-details {

}



span[data-dz-size] {

    position: relative;

    z-index: 2001;

}



.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {

        background-color: rgb(255, 255, 255) !important;

}



.dropzone .dz-preview .dz-details .dz-size {

        margin-top: 10px;

        }



.alert.alert-success.documentuploader-uploaded {

    background-color: #f7f7f7;

    border-color: #c1c1c1;

}



.HighlightedRow {

    background: #bdbdbd !important;

}



.dz-preview.dz-image-preview {

    max-width:120px;

}



.dz-preview.dz-image-preview {

    margin-right: 20px !important;

}


/* radio buttons and checkboxes */



table.radiobuttons, table.radiobuttons tbody, table.radiobuttons tbody > tr, table.radiobuttons tbody > tr > td {

    display:block;

}

table.radiobuttons td label {

    margin:0;

}

table.radiobuttons td {

    position:relative;

    padding: 10px;

}

table.radiobuttons td > label {

    position:relative;

}

table.radiobuttons td > input[type=radio] {

    transition:box-shadow .3s ease-in-out, border .3s ease-in-out;

    -webkit-appearance:none;

    appearance: none;

    width:20px;

    height:20px;

    background: #fff;

    /* border:1px solid #6c757d; */

    border-radius:4px;

    position:absolute;

    top:0;

    left:0;

    width: 100%;

    height: 100%;

}

table.radiobuttons td, table.radiobuttons td * {

    cursor:pointer;

}

table.radiobuttons td > input[type=radio]:not(:checked) {

    background: #e9ecef;

}

table.radiobuttons td > input[type=radio]:not(:checked) + label {

    color:#424242;

}

table.radiobuttons td > input[type=radio]:focus {

    outline:none;

    border:none;

}

table.radiobuttons td > input[type=radio]:checked {

    background: #424242;

    /* border:2px solid #794ca0; */

    opacity:1;

    box-shadow: 0px 0px 10px 0px #0000001a;

}

table.radiobuttons td > input[type=radio] + label{

    color: #fff;

    display:flex;

    align-items:center;

}

table.radiobuttons td > input[type=radio]:checked + label{

    font-weight:500;

}

table.radiobuttons td > input[type=radio] + label:before{

    content:"";

    display:inline-block;

    width:20px;

    height:20px;

    background-color: #fff;

    border-radius:20px;

    margin-right: 10px;

}

table.radiobuttons td > input[type=radio]:checked + label:before{

    content:"";

    display:inline-block;

    width:20px;

    height:20px;

    background-color: #fff;

    border: 2px solid #fff;

    box-shadow: inset 0px 0px 0px 4px #33394b;

    border-radius:20px;

}

table.radiobuttons tr {

    border-radius:4px;

    /* overflow: hidden; */

}

table.radiobuttons tr + tr {

    margin-top: 10px;

}



table.radiobuttons td:first-child:nth-last-child(2),

table.radiobuttons td:first-child:nth-last-child(2) ~ td {

    display:inline-block !important;

    width:calc(50% - 10px);

}

table.radiobuttons td:first-child:nth-last-child(2) {

    margin-right:20px;

}



/* checkbox */



/* checkbox */



input[type=checkbox] {

    appearance:none;

    width:20px;

    height:20px;

    background:#e9ecef;

    border-radius:3px;

    border:1px solid #424242;



}

input[type=checkbox]:checked {

    background:url(../webximage/check-solid.svg);

    background-size:60% 60%;

    background-repeat:no-repeat;

    background-position:center;

    border:1px solid var(--dark);

    background-color:#424242;

}

input[type=checkbox]:focus {

    outline:none;

}



.webxCheckbox {

    display: flex;

    align-items: center;

    justify-content: left;

}



.webxCheckbox > label {

    margin: 0;

    margin-right: .5rem;

}






/* animations */

@keyframes fadeAcross {

   60% {

    opacity:1;

   }

  100% {

    margin-left:100%;

    opacity:0;

  }

}

.fadeAcross {

    animation:fadeAcross 3s infinite ease-out;

    margin-left:-50%;

}
/*** Risk Profile Summary Labels ***/



.riskRatingLabel {

     padding: 5px 15px;

    display: inline-block;

    height: 35px;

    border-radius: 4px;

    font-weight: bold;

    width: 200px;

    height: 40px;

    text-align: center;

}



.riskRatingWide {

width:100%;

}



.risk-low {

    color: #366f19;

    border: solid 2px #8bca6c;

    background-color: #c0e6ad;

}



.risk-moderate {

    border: solid 2px #e6bf45;

    background-color: #f9e195;

    color: #947c30;

}



.risk-high {

    color: #8e3535;

    border: solid 2px #e07f7f;

    background-color: #ffadad;



}



.risk-severe {

    color: #000000;

    background-color: #da6565;

    border: 2px solid #ad3434;



}



.risk-unset {

   color: #505050;

    border: solid 2px #9e9e9e;

    background-color: #dadcd9;

}



.checkbox-addressSummary label {

    margin-right: 10px;

}



.right {

float:right;

}



.addLocInfoBtn {

margin-left: 30px;

}
/****** Branding Styling ************/

h1{
	font-size: 52px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #b12535;
}

.btn-primary.focus, .btn-primary:focus,.form-control:focus, .btn.focus, .btn:focus, btn:focus a {
    box-shadow: 0 0 0 0.1rem rgb(177 37 53 / 25%);
}


button[class*=webXtab].selected {
    background-color: #b71234 !important;
    color: white;
}

button[class*=webXtab] {
    border: none;
    text-align: center;
    cursor: default;
    text-decoration: none;
    height:60px;
    width: 190px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    margin-left:0px;
}

button[class*=webXtab]:hover,button[class*=webXtab]:focus,button[class*=webXtab]:active {
	box-shadow:none;
}

.btn-tertiary {
   background-color:#246c7b;
}

.bg-white {
    background-color: #f4f2eb !important;
}

.table.bg-white {
    background-color: #fff !important;
}

.badge-white {

    background-color:#fff !important;
    color:#424242
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow:none;
}


.btn-primary:hover {
	background-color:#5C5C5C !important;
	opacity: 1!important;
}




.menubar-inactive, .tab-inactive {
	background-color: #f4f2eb !important;
	color:#101010 !important;
	outline: 1px solid #a39990 !important;
}

.menubar-inactive:hover, .tab-inactive:hover{
	background-color:#ff9566 !important;
	color:#101010 !important;
	outline: 1px solid #a39990 !important;
	opacity: 1 !important;
}

.menubar-active, .tab-active{
	background-color:#fff !important;
	color:#101010 !important;
	outline: 1px solid #a39990!important;
}

.menubar-active:hover, .tab-active:hover{
	background-color:#ff9566 !important;
	color:#101010 !important;
	outline: 1px solid #a39990 !important;
	opacity: 1 !important;
}

.menu-WebXZone {
	border-radius:0px;
	outline: 1px solid #a39990!important;
    box-shadow: none !important;
}


.product-selection-table {

}

.product-selection-table thead {
	display:none !important;
}

.product-selection-table tbody tr td {
	border-top:0px !important;
}

.product-selection-table .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    /*border-radius: 0.3rem;*/
}

.btn-text-primary
{
	background-color:transparent;
	color: #bf3b00;
}

button[class*=webXtab], .btn, .dash-panel, .webxzoneheading,.modal-title {
    letter-spacing: 1.6px;
}


/** modal styling ***/

.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.new-policy-modal .modal-content .modal-body .WebXZone  {
    box-shadow: none !important;
    border: none !important;
}

form[action*="WebXMenu"], form[action*="/Menu"] {
    height: auto;
}

.new-policy-modal .modal-content .modal-header button  {
    color:white !important;
    opacity: 0.9;
}

/** Proposal Table styling **/
.Proposal-Issues-Table thead tr th div {
margin-bottom:25px !important;
}


.search-tab .inactive {
	border-color: #d5d2d2;
}

.cancel-confirm .modal-footer {
	display:none !important;
}

.cancel-confirm .WebXZone {
	padding-bottom: 0px;
}

table.radiobuttons td > input[type=radio]:checked + label:before {
    box-shadow: inset 0px 0px 0px 4px #bf3b00;
}

table.radiobuttons td > input[type=radio] + label:before {
    border: 2px solid  #bf3b00;
}

table.radiobuttons td > input[type=radio]:not(:checked) {
    background:none;
}


.three-option-rad tbody tr td {
	width:33%;
	display:inline-block !important;
}


.arrow-button {
	border: 2px solid  transparent;
}

.arrow-button:hover {
	border: 2px solid  #bf3b00;
	color:#bf3b00;
}

/*
.arrow-button .mkarr-i{
	font-size: 1em !important;
	max-height: 20px !important;
	font-size: 20px !important;
}

.arrow-button > .mkarr-i {  
	transition: font-size 0.35s ease;   
} 

.arrow-button:hover > .mkarr-i {  
	font-size: 1.6em !important;
	padding: 0px !important;
	margin-bottom: -10px;	
}
*/

#copyright > a {
   color:#bf3b00;
   text-decoration: underline;
}

a[href="Login"]{
    color:#bf3b00;
	text-decoration: underline;
}

a[href*="uk.markel.com"] {
    color:#bf3b00;
	text-decoration: underline;
}

a.arrow-button[href="https://uk.markel.com/customer-complaints"] {
    color:#bf3b00;
	text-decoration: none;
}

a[href*="mailto:ATEclaimsuk@markel.com"] {
    color:#bf3b00;
	text-decoration: underline;
}

h2#modalTitleId.swal2-title{
     font: MarkelSans !important;

}

div.swal2-modal > button{
     font: MarkelSans !important;
	 background-color:#424242 !important;
	 color:#fff !important;
}

div.swal2-modal > button:hover{
     font: MarkelSans !important;
	 background-color:#5C5C5C !important;
	 color:#fff !important;
}

a.dz-remove{
   color:var(--rust) !important;
   text-decoration: underline !important;
}

a.dropdown-item:hover{
   background-color:#ff9566 !important;
}

a.dropdown-item:active{
   background-color:#ff4e00 !important;
}

#ctl00_footer{
  /*margin-top: auto;*/
  margin-top:  30px;
  margin-bottom: 0px;
  color: #dbd6d3;
} 

.markel-footer {
	max-height: 600px !important;
}

.markel-footer-links{
	clear: both !important;
}

.mksocmed{
	height: 30px !important;
}

.footer-li {
	grid-auto-flow: row;
}

.footer-li a{
	color: #dbd6d3;
	text-decoration: underline;
} 

.footer-copyright{
	color: #dbd6d3;
}

.markel-footer p{
	color: #dbd6d3;
}

@media (max-width:992px) { 
  img[src="/webximage/Markel_Lockup_Secondary_Positive.png"]{
	 margin-top: 10px !important;
  }
}


@media (max-width:767px) { 

  .mkwordmark{
	  text-align:center;
	  margin-bottom: 20px;
  }
  
  .mkwordmark > img{
	  display:inline-block;
  }

  .footer-li {
	display: inline-block;
	white-space: nowrap;
	display: block;
	clear: both !important;
	margin-right: 10px;
	min-width: 200px;
 } 
 
  .footer-copyright{
	clear: both !important;
	margin-left: -15px;
    margin-bottom: 20px;
 }
}

@media (min-width:768px) { 
  
   .footer-li {
	display: inline-block;
	white-space: nowrap;
	display: block;
	float:left;
	margin-right: 10px;
 }

   .footer-copyright{
	padding: 0px;
	clear: both !important;
	margin-left: -15px;
	margin-top: 20px;
    margin-bottom: 20px;
 }
}

.footer-primary{
	margin-top: 30px;
	background-color:#dbd6d3;
	font-size: .625rem;
	padding-top: 20px;
	padding-bottom: 20px;
	outline: 1px solid #a39990;	
}

.footer-secondary .container{
	padding-top:20px;
}

.footer-secondary{
	background-color:#424242;
    padding-bottom: 40px;
    margin-bottom: -40px;
	font-size: .625rem;
}

/*
@media screen and (max-width: 1480px) {
	
	.footer-secondary{
		background-color:#424242;
		padding-bottom: 50px;
		margin-bottom: -50px;
		font-size: .625rem;
	}
}
*/

.footer-secondary h2{
	color: #fff;
	/*font-family: MarkelSansMed !important;*/
	text-transform: uppercase !important;
	margin-bottom: -4px;
} 

.error_container > a{
    color: #bf3b00 !important;
	text-decoration: underline !important;
    font-size:1em;
}

table.product-selection-table .d-block:hover{
	background: #fff !important;	
}

.modal-header{
	background-color: #fff !important;
	
}

.modal-header .btn{
	colour: #424242 !important;
}



.menu-tab-wrapper > button:hover{
   border: 0px;
}

/*Password Reset*/
#changepassword_buttons {
	padding-bottom: 150px !important;	
}
#changepassword_buttons input{
	margin-top: 30px !important;  
}

/*Password Recovery*/
#passwordrecovery_buttons {
	padding-bottom: 150px !important;	
}
#passwordrecovery_buttons input{
	margin-top: 30px !important;  
}


/*Sub Menu*/
.mktabbtn{
	padding-top: 16px !important;
	padding-bottom: 16px !important;	
}

.outline{
	outline: 1px solid #a39990 !important;
	border-radius: 0;
}


.WebXZone:not(.modal-body > .WebXZone){	
	outline: 1px solid #a39990 !important;
    border-radius: 0;	
}

.webxError{
	color: #a23434 !important;
}

.form-control:active{
	color: #a23434 !important;
	border-radius: 2px !important;
}

.swal2-modal {
  font-family: 'MarkelSans' !important;
  border-radius: 2px !important;
}

.dz-button {
	color: #ff9566 !important;
}


.dz-button:hover {
	color: #bf3b00 !important;
}

/*Policy Menu*/
.navbar-dark{
	border: none!important;
}

.policymenu.menu-toggler.dropdown-toggle{
	background-color: #f4f2eb!important;
	color: #424242!important; 
	border: none!important;
	outline: 1px solid #a39990!important; 
	border-radius: 0px !important;
}

button.dropdown-toggle{
	min-width:150px;
}

span.dropdown-toggle{
	min-width:150px;
}

.navbar-dark .CellWrapper{
	background-color: #f4f2eb!important;
	border: none!important;
	outline: 1px solid #a39990!important; 
	border-radius: 0px !important;
}

.navbar-dark input[type=submit]{
	background-color: #f4f2eb!important;
	color: #424242!important; 
	border: none !important;
	outline: 1px solid #a39990!important; 
	border-radius: 0px !important;
}

.navbar-dark a{
	background-color: #f4f2eb!important;
	color: #424242!important; 
	border: none !important;
	outline: 1px solid #a39990!important;
	border-radius: 0px !important;	
}

.navbar-dark button{
	background-color: #f4f2eb!important;
	color: #424242!important; 
	border: none !important;
	outline: 1px solid #a39990!important; 
	border-radius: 0px !important;
}

.navbar-dark .dropdown-menu{
	padding: 0px!important;
	border: none !important;
	outline: 1px solid #424242!important; 
}


.navbar-dark input[type=submit].disabled{
	background-color: #fff!important;
	color: #424242!important; 
	opacity: 1 !important;
	box-shadow: none !important;
}

.navbar-dark a.disabled{
	background-color: #fff!important;
	color: #424242!important; 
	opacity: 1 !important;
	box-shadow: none !important;
}

.navbar-dark button.disabled{
	background-color: #fff!important;
	color: #424242!important; 
	opacity: 1 !important;
	box-shadow: none !important;
}

.navbar-dark input[type=submit]:hover{
	background-color: #ff9566!important;
	color: #424242!important; 
}

.navbar-dark a:hover{
	background-color: #ff9566!important;
	color: #424242!important; 
}

.navbar-dark button:hover{
	background-color: #ff9566!important;
	color: #424242!important; 
}

/*
.dropdown.show > button:active{
	box-shadow: none !important;
}
*/

.dropdown.show > .dropdown-toggle:active{
	box-shadow: none !important;
}

.dropdown.show > .dropdown-menu.show{
	box-shadow: none !important;
	border-color: #a39990 !important;
}

.dropdown-menu.show > .dropdown-item{
	background-color: #fff !important;
	color: #424242 !important;
	border: none !important;
	/*border-radius: 2px !important;*/
	box-shadow: none !important;
	outline: none !important;
	padding: 8px;	
}


.dropdown-menu.show > .dropdown-item:hover{
	background-color: #ff9566 !important;
}



/*
.dropdown-menu{
	border: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

.dropdown-menu > .dropdown-item{
	border: none !important;
	outline: 1px solid #424242!important; 
	border-radius: 0px !important;
	box-shadow: none !important;
}
*/
/** Dashboard Styling **/

.dashboard-tabs {
	margin-bottom:0px;
}

.dsh-panel-zone {
    width: 80%;
    margin: 1rem auto;
}

.dash-project-dropdown {
	width:95%;
	float:right;
}

.dash-project-info-popup{
	margin-top:5px;
	float:right;
}

/** Dashboard Panel Styling ***/
.dash-panel{
	color:black;
	display:block;
}


.panel-primary{ 
	background-color: #424242;
}

.panel-secondary{
	background-color: #424242;
}

.panel-dark { 
	background-color: var(--dark);
}

.panel-info { 
	background-color: #12363e;
}

.panel-success { 
	background-color: #28a745;
}


.panel-light{
	background-color: var(--light);
}

.panel-tertiary { 
	background-color: #246c7b;
}

.panel-breadcrumb{
	background-color: #e9ecef;
	color: inherit;
}

.panel-danger{ 
	background-color: #a23434;
}

.panel-warning{ 
	background-color: #ffc107;
}

.panel-jumbotron { 
	background-color: var(--jumbotron);
	color: inherit;
}

.panel-text {
	font-size:13pt !important;
}

.panel-quaternary {
	background-color: var(--quaternary);
}

.panel-quinary {
	background-color: var(--quinary);
}

.panel-senary {
	background-color: var(--senary);
}

.ssl-icon {
	display: block;
    height: 90px;
    margin: 5px auto;
    padding: 9px;
}

.project-icon-color {
	color: #246c7b;
}

.support-icon-color {
	color: #12363e;
}

.panel-client-scope {
	display:block;
}

.image-banner img {
	display:block;
	margin:0px auto;
	width:100%;
}

/*
.Panel-Test span,.Panel-Test span i {
	background-color: rgb(224 224 224 / 20%);
	color: black !important;
}
*/

.btn-tab {
	margin-right:-1px;
}


/*GG*/
.panel-outline {
	background-color: #f4f2eb;
	border: 1px solid #a39990;
	color:  #424242;
	border-radius: 2px !important;
}

/*DASHBOARD MENU*/
.panel-outline:hover{
   background-color:#fff !important;
   color:#424242 !important;
} 

/*DASHBOARD MENU*/
.panel-outline:active{
   background-color:#ff9566 !important;
   color:#424242 !important;
} 


span.mkicon {
    display: block;
    text-align:center;
	width: 100%;
	margin: 0 auto;
}

span.mkicon > img{
	height: 110px !important;
	max-height: 110px !important;
	margin-top: -10px !important;
	margin-bottom: -10px !important;
	display: block;
	width: 100%;
	margin: 0 auto;
}

div.modal-content{
	border-radius: 2px;
}

div.new-policy-modal .modal-content .modal-footer button.btn.btn-default{
	background-color: #424242 !important;
	color: #f4f2eb !important;
	border-radius: 2px;
}

div.new-policy-modal .modal-content .modal-footer button.btn.btn-default:hover{
	background-color: #5C5C5C !important;
	color: #f4f2eb !important;
}


/************ Media Tags *********************/

/** Logo Link Styling **/

/** Medium devices (tablets, 768px and up)**/
@media(min-width:768px){
	.menu-tab-zone {
		min-height: 340px;
	}

	.dashboard-tabs {
		margin-bottom: 0px;
		margin-top: -300px;
	}
}

.btn-dark:hover {
	background-color:#5b6065 !important;
	opacity:1 !important;
}


#ctl00_ContentPlaceHolder1_lblValidationMessage{
	color: #bf3b00 !important;
}

#ctl00_ContentPlaceHolder1_lblPasswordStrength{
	color: #bf3b00 !important;
}

#ctl00_ContentPlaceHolder1_FailedValidationList{
	color: #bf3b00 !important;
}