.container {
/*width:980px;*/
border:1px solid #000000; 
height: auto !important;
background:#ffffff;

}

.outer_shell{
margin:0 0 0 0;
background:#F5F5F5;
margin-left:-15px;
margin-right:-15px;
}

.main_shell{
padding:15px 15px 15px 15px;
}


#leftHeader{
	text-align:left;
	}	
	
#rightHeader{
	text-align:right;
	}	

.remove_row_padding{
margin:15px 15px 15px 15px;
}

.row {
  /*margin-bottom: 20px;*/
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {
 /* padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.2);*/
}


.color_spacer	{ background-color: #263878; height:1px; margin-left:-15px; margin-right:-15px;}

.table_header	{ background-color: #263878; padding: 6px 6px 6px 6px}


body				{FONT-WEIGHT:normal;FONT-SIZE:14PX;FONT-FAMILY:arial,verdana,helvetica;COLOR:#000000;TEXT-DECORATION: none; margin-top: 20px;}*/
table				{FONT-WEIGHT:normal;FONT-SIZE:14PX;FONT-FAMILY:arial,verdana,helvetica;COLOR:#000000;TEXT-DECORATION: none}

	.cellbacklight	    {BACKGROUND-COLOR:#FFF4D2;TEXT-DECORATION: none}
	.mdarkred				{COLOR:#990000}	
/*TEXT*/
A:hover					{font-family: Arial, Helvetica,Verdana, sans-serif;COLOR: #003366;text-decoration: underline;font-weight: bold }
A						{font-family: Arial, Helvetica,Verdana, sans-serif;COLOR: #003366;text-decoration: underline;font-weight: bold}
.font_claimNumber		{FONT-SIZE:26PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none; COLOR:#FF0000}	
.font_cellheaderLarge    	{FONT-SIZE:24PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none}
.font_cellheader    	{FONT-SIZE:18PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none}
.font_stress    		{FONT-SIZE:16PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none;font-weight: bold}
.font_sizeup    		{FONT-SIZE:16PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none;}
.font_subText  		  	{FONT-SIZE:12PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none}
.font_headline			{FONT-WEIGHT:bold;FONT-SIZE:20PX;FONT-FAMILY:century gothic, verdana, helvetica, sans-serif;COLOR:#263878;TEXT-DECORATION: none}
.color_red				{COLOR:#FF0000}	
.mtextb     			{FONT-WEIGHT:bold;FONT-SIZE:14PX;FONT-FAMILY:arial,verdana,helvetica;COLOR:#000000;TEXT-DECORATION: none}
.font_table_header	{ FONT-SIZE:16PX;FONT-FAMILY:arial,verdana,helvetica;TEXT-DECORATION: none; COLOR:#FFFFFF}

.formInputDisabled	{font-family:verdana;sans-serif;font-size:10px;font-weight:normal;background:#ffffff;color:#ffffff;border-width:0px;border-style:solid;}	
.formInput	{font-family:verdana;sans-serif;font-size:12px;font-weight:bold;background:#ffffff;color:#000000;border-width:1px;border-style:solid;}	
.formInputDisabled	{font-family:verdana;sans-serif;font-size:12px;font-weight:normal;background:#ffffff;color:#000000;border-width:0px;border-style:solid;}	
.formButtonDisabled	{font-family:verdana;sans-serif;font-size:10px;font-weight:normal;background:#ffffff;color:#FFFFFF;border-width:0px;border-style:solid;}	
.formButton	{font-family:verdana;sans-serif;font-size:10px;font-weight:normal;background:#263878;color:#FFFFFF;border-width:1px;border-style:solid;}	
.messageTable     {background-color: #FFC6C6; border-color: #FF0000; border-width: 1px 1px 1px 1px; border-style: solid; padding: 5px 5px 5px 5px;}
.tableBorder	{border: 1px solid #999999;BACKGROUND-COLOR:#ffffff;}
.dashedBorder	{border: 1px dashed #999999;BACKGROUND-COLOR:#ffffff;}

.mtextlightlargeb   {FONT-WEIGHT:bold;FONT-SIZE:16PX;FONT-FAMILY:arial,verdana,helvetica;COLOR:#FFFFFF;TEXT-DECORATION: none}

.error, .warning, .success {
	padding: 10px 10px 10px 36px;
	margin: 10px 0;
	border: solid 1px;
}
.error {
	border-color: #DF8F8F;
	background: #FFD7D7 url('../../../assets/siteimages/error.jpg') no-repeat 10px 14px;
}

.warning {
	border-color: #E6DB55;
	background: #FFFBCC url('~/Content/assets/siteimages/warning.jpg') no-repeat 10px 14px;
}

.success {
	border-color: #ACDBAD;
	background: #ECFAE3 url('../../../Content/assets/siteimages/success.jpg') no-repeat 10px 14px;
}

.cssButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#666566;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.cssButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background-color:#dfdfdf;
	TEXT-DECORATION: none;
	color:#666566;
}.cssButton:active {
	position:relative;
	top:1px;
	TEXT-DECORATION: none;
	color:#666566;
}

input, textarea {   
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Arial, Verdana, sans-serif;  
    width: 200px;  
    background: #FFFFFF;
	 box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;   
	color:#000;
    }  
	
.input-med {   
    width: 250px;  
    }  		
.input-large {   
    width: 300px;  
    } 

.input-strong {
	font-weight:bold;
	font-size:20px;
}
	
  
textarea {   
    width: 400px;  
    max-width: 400px;  
    height: 100px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
    }  
  

.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #cccccc;  
    border: 0;  
    font-size: 16px;  
    color: #FFFFFF;  
	 -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    }  

  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
    }  
  
  
.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
    }  

/*

Removed becasue some users could not check the check boxes

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../assets/siteimages/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../assets/siteimages/check_radio_sheet.png) -19px top no-repeat;
}


Added below for fix
*/

input[type="checkbox"] {
    padding: 2px;  
    border: none;  
    outline: 0;  
    width: 20px;  
    background: #FFFFFF;
	font: normal 20px/100% Arial, Verdana, sans-serif; 

}

/* Fix end */
input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#000;
    font-family:Arial, sans-serif;
    font-size:15px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../assets/siteimages/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../assets/siteimages/check_radio_sheet.png) -57px top no-repeat;
}

.css-drop {
   width: 240px;
   height: 31px;
   overflow: hidden;
   background: url(../assets/siteimages/down_arrow_select.png) no-repeat right #fff;
   border: 1px solid #ccc;
   color:#000;
   float:left;
   }
.css-drop select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 15px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 31px;
   -webkit-appearance: none;
   color:#000;
   }
   .css-drop select:focus {
   outline: none;

}

.css-drop-large {
   width: 480px;
   height: 31px;
   overflow: hidden;
   background: url(../assets/siteimages/down_arrow_select.png) no-repeat right #fff;
   border: 1px solid #ccc;
   color:#000;
   float:left;
   }
.css-drop-large select {
   background: transparent;
   width: 506px;
   padding: 5px;
   font-size: 15px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 31px;
   -webkit-appearance: none;
   color:#000;
   }
   .css-drop-large select:focus {
   outline: none;

}

.css-drop-small {
   width: 140px;
   height: 31px;
   overflow: hidden;
   background: url(down_arrow_select.png) no-repeat right #fff;
   border: 1px solid #ccc;
   color:#000;
   float:left;
   }
.css-drop-small select {
   background: transparent;
   width: 168px;
   padding: 5px;
   font-size: 15px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 31px;
   -webkit-appearance: none;
   color:#000;
   }
   .css-drop-small select:focus {
   outline: none;

}

.btn-green {
    color: #fff;
    background-color: #29916c;
    border-color: #29916c;
}

    .btn-green:hover {
        color: #fff;
        background-color: #258361;
        border-color: #24805f;
    }

    .btn-green:focus, .btn-green.focus {
        color: #fff;
        background-color: #268864;
        border-color: #237e5d;
    }

        .btn-green:focus.fs--shadow, .btn-green.focus.fs--shadow {
            box-shadow: 0 0 1px 2px rgba(41, 145, 108, 0.4);
        }

    .show > .btn.btn-green.dropdown-toggle, .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active {
        background-color: #237c5b;
        border-color: #207254;
        color: #fff;
    }

    .btn-green.disabled, .btn-green:disabled {
        background-color: #29916c;
        border-color: #29916c;
    }

.btn-outline-green {
    color: #1a7f5b;
    border-color: #63a88f;
    background-color: transparent;
}

    .btn-outline-green:hover {
        color: #fff;
        background-color: #29916c;
        border-color: #29916c;
    }

    .btn-outline-green:focus.fs--shadow, .btn-outline-green.focus.fs--shadow {
        box-shadow: 0 0 1px 2px rgba(41, 145, 108, 0.4);
    }

    .show > .btn.btn-outline-green.dropdown-toggle, .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #29916c;
        border-color: #29916c;
    }

        .show > .btn.btn-outline-green.dropdown-toggle.fs--shadow:focus, .btn-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus, .btn-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus {
            box-shadow: 0 0 1px 2px rgba(41, 145, 108, 0.4);
        }

    .btn-outline-green.disabled, .btn-outline-green:disabled {
        border-color: #63a88f;
        color: #1a7f5b;
    }

.btn-light-green {
    color: #1b7454;
    background-color: #dff3ec;
    border-color: #97d8c1;
}

    .btn-light-green:hover {
        color: #1a6e50;
        background-color: #d0ede3;
        border-color: #88d3b8;
    }

    .btn-light-green:focus, .btn-light-green.focus {
        color: #196a4d;
        background-color: #c4e9dc;
        border-color: #7dcfb2;
    }

    .show > .btn.btn-light-green.dropdown-toggle, .btn-light-green:not(:disabled):not(.disabled):active, .btn-light-green:not(:disabled):not(.disabled).active {
        color: #18664a;
        background-color: #b7e4d4;
        border-color: #72cbab;
    }

.btn-lighter-green {
    color: #1d7b59;
    background-color: #eff9f5;
    border-color: #a6deca;
}

    .btn-lighter-green:hover {
        color: #1b7454;
        background-color: #e6f6f0;
        border-color: #8ad4b9;
    }

    .btn-lighter-green:focus, .btn-lighter-green.focus {
        color: #1b7152;
        background-color: #e3f5ee;
        border-color: #84d2b6;
    }

    .show > .btn.btn-lighter-green.dropdown-toggle, .btn-lighter-green:not(:disabled):not(.disabled):active, .btn-lighter-green:not(:disabled):not(.disabled).active {
        color: #1a6e50;
        background-color: #dff3ec;
        border-color: #7dcfb2;
    }

.btn-a-green:not(:disabled):not(.disabled):active,
.btn-a-green:not(:disabled):not(.disabled).active,
.show > .btn.btn-a-green.dropdown-toggle {
    color: #fff;
    background-color: #258361;
    border-color: #24805f;
}

    .btn-a-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
    .btn-a-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
    .show > .btn.btn-a-green.dropdown-toggle.fs--shadow:focus {
        box-shadow: 0 0 1px 2px rgba(36, 128, 95, 0.4);
    }

.btn-a-outline-green:not(:disabled):not(.disabled):active,
.btn-a-outline-green:not(:disabled):not(.disabled).active,
.show > .btn.btn-a-outline-green.dropdown-toggle {
    color: #1a7f5b;
    border-color: #519e82;
    background-color: transparent;
}

    .btn-a-outline-green:not(:disabled):not(.disabled):active[class*="btn-outline-"],
    .btn-a-outline-green:not(:disabled):not(.disabled).active[class*="btn-outline-"],
    .show > .btn.btn-a-outline-green.dropdown-toggle[class*="btn-outline-"] {
        background-color: rgba(37, 131, 97, 0.085);
        color: #187654;
    }

    .btn-a-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
    .btn-a-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
    .show > .btn.btn-a-outline-green.dropdown-toggle.fs--shadow:focus {
        box-shadow: 0 0 1px 2px rgba(81, 158, 130, 0.4);
    }

.btn-h-green:hover {
    background-color: #29916c;
    border-color: #29916c;
    color: #fff;
}

    .btn-h-green:hover.fs--shadow.focus, .btn-h-green:hover.fs--shadow:focus {
        box-shadow: 0 0 1px 2px rgba(41, 145, 108, 0.4);
    }

.btn-h-outline-green:hover {
    color: #1a7f5b;
    border-color: #5aa389;
    background-color: transparent;
}

    .btn-h-outline-green:hover.fs--shadow:focus {
        box-shadow: 0 0 1px 2px rgba(90, 163, 137, 0.4);
    }

.btn-h-outline-green[class*="btn-outline-"]:hover {
    background-color: rgba(41, 145, 108, 0.0625);
    color: #187956;
}

.btn-h-light-green:hover {
    color: #1b7454;
    background-color: #dff3ec;
    border-color: #97d8c1;
}

.btn-h-light-green[class*="btn-light-"]:hover {
    color: #1a6e50;
    background-color: #d0ede3;
    border-color: #88d3b8;
}

.btn-h-lighter-green:hover {
    color: #1d7b59;
    background-color: #eff9f5;
    border-color: #a6deca;
}

.btn-h-lighter-green[class*="btn-lighter-"]:hover {
    color: #1b7454;
    background-color: #e6f6f0;
    border-color: #8ad4b9;
}

.show > .btn.btn-a-light-green.dropdown-toggle, .btn-a-light-green:not(:disabled):not(.disabled):active, .btn-a-light-green:not(:disabled):not(.disabled).active {
    color: #1a6e50;
    background-color: #d0ede3;
    border-color: #88d3b8;
}

.show > .btn.btn-a-lighter-green.dropdown-toggle, .btn-a-lighter-green:not(:disabled):not(.disabled):active, .btn-a-lighter-green:not(:disabled):not(.disabled).active {
    color: #1b7454;
    background-color: #e6f6f0;
    border-color: #8ad4b9;
}

/* for 820px or less
normally 700 */
@media screen and (max-width: 768px) {
	#leftHeader > img { margin: auto; }
	
	#rightHeader{
	text-align:center;
	}		
	
}

/*style for MFA boxes*/
.input-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}
/*style for MFA boxes*/
.otp-input {
    width: 60px;
    height: 60px;
    font-size: 32px;
    text-align: center;
}
/*style for MFA boxes*/
.otp-input-mobile {
    width: 8vw; /* 8% of the viewport width */
    height: 8vw; /* 8% of the viewport width (keeps it square) */
    font-size: 3vw;
    text-align: center;
    min-width: 40px; /* Optional: set a minimum for usability */
    min-height: 40px;
}