* {
	font-size: 10pt;
	font-family: Arial Unicode MS, Arial, sans-serif;
}
body{
	margin: 0;
}
.token{
	display: none;
}
.loader{
	display: none;
	position: absolute;
    width: 100px;
    height: 100px;
    margin: auto auto;
    left: calc(50vw - 50px);
    top: 36vh;
    z-index: 20;   
}
.loader img{
	width: 100%;
}
.loaderBG{
	display: none;
	position: absolute;
	z-index: 15;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;

}
.auth {
	padding: 10px 20px 5px 15px;
}

td {
	vertical-align: top;
}

.result {
	border: 5px solid #D0E4F6;
	display: inline-block;
	position: absolute;
	background-color: white;
}

.row {
	margin: 2px;
	cursor: pointer;
}

.row:hover {
	background-color: #b7d6f6;
}

.authTable {
	border: 2px solid #253ba0;
	background: #BACFE5;
	height: 150px;
	width: 300px;
	white-space: nowrap;
}

.href {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

/* .authTable button { */
button, input[type=submit] {
	border-color: #9cf #69e #69e #7af;
	margin: 0;
	padding: 3px 5px;
	/* text-decoration: none; */
	font-size: small;
	cursor: pointer;
	/* border: 1px outset #ccc; */
}

.infoBlock {
	border-top: 1px solid #253ba0;
	width: 100%;
	padding-left: 15px;
}







.main {
	width: 100%;
	height: 90vh;
	min-width: 1100px;
	padding-top: 5px;
}

.themeList {
	display: inline-flex;
	margin: 0;
}

.themeList ul {
	width: 20vw;
	padding: 0px 25px;
}

.themeList li {
	list-style-type: none;
	color: #0000AA;
	font-weight: bolder;
	text-decoration: underline;
	cursor: pointer;
	padding: 10px 5px 10px 18px;
	white-space: nowrap;
	width: 100%;
	line-height: 10px;
}

.mainBlock {
	display: flex;
	justify-content: flex-start;
}

.themeList ul {
	padding-left: 0px;
	width: 150px;
	text-align: left;
	height: 150px;
}

.headerBlock {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid grey;
	padding-bottom: 5px;
}

.themeList ul .selected {
	background-color: #0000AA;
	border-radius: 5px;
	color: white;
	width: 105%;
}

.dataBlock {
	display: block;
	border: 5px solid #0000AA;
	min-height: 94vh;
	width: 100%;
	border-radius: 5px;
	background-color: #DDE7F2;
}

.mainBlock {
	width: 100%;
}

.li1 .modalHeader {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid black;
	background-color: #BACFE5;
}

.modalHeader span {
	line-height: 30px;
	margin-left: 8px;
	float: left;
}

.contentBlock table, .searchResult table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

.contentBlock table th, .searchResult table th {
	font-weight: 400;
	width: 12%;
	padding: 4px;
	background-color: #DBD9D9;
}

.contentBlock table td, .searchResult table td {
	padding: 5px;
	vertical-align: middle;
}

.contentBlock tr:hover td .searchResult tr:hover td{
	background-color: #DBD9D9;
	color: #FFFFFF;
}

.contentBlock table tr:nth-child(odd), .searchResult table tr:nth-child(odd){
	background-color: #FFFFFF;
}

.contentBlock table tr:nth-child(even), .searchResult table tr:nth-child(even){
	background-color: #EFEAF6;
}

.searchPanel {
	background-color: #BACFE5;
	height: 65px;
	border-bottom: 1px solid #0000AA;
}

.panelElement input {
	padding: 0px;
	margin: 0px;
	height: 16px;
}

.panelElement select {
	height: 20px;
}

.panelElement {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 6px 0px;
}




.block5_1 {
	padding: 5px;
	width: 600px;
	height: 110px;
	background-color: #BACFE5;
	margin: 7px;
	border: 1px solid grey;
}

.block5_2 {
	padding: 5px;
	width: 600px;
	height: 80px;
	background-color: #BACFE5;
	margin: 7px;
	border: 1px solid grey;
}





.tabs {
	display: flex;
	flex-wrap: wrap;

	/* width: 600px; */

	/* padding: 5px; */
	padding: 5px 0px 0px 5px;
}

.tabs .headerLabel {
	order: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	/* margin-right: 0.2rem; */
	cursor: pointer;
	/* background-color: pink; */
	font-weight: bold;
	text-decoration: underline;
	background-color: #BACFE5;
	z-index: 2;
}

.tabs .tab {
	order: 9;
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;

	padding: 5px;
	/* border: 1px solid #0000AA; */
}

.tabs input[name="tabs"] {
	display: none;
}

.tabs input[name="tabs"]:checked+label {
	background: #DDE7F2;
	text-decoration: none;
	border: 1px solid #0000AA;
	border-bottom: none;
	margin-bottom: -1px;
	/* border-top: none; */
}

.tabs input[name="tabs"]:checked+label+.tab {
	display: block;

}



.steps {

	/* height: 50vh; */
	display: block;
	width: 81%;
	float: left;
}

.stepList {
	/* border: 5px solid orange; */
	height: 200px;
	display: block;
	width: 19%;
	float: left;
	margin-left: -1px;
}

.stepList ul {
	padding: 0;
	margin: 0;
}

.stepList li {
	list-style-type: none;
	text-decoration: underline;
	word-wrap: none;
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
}

.stepList .active {
	background-color: white;
	border: 1px solid #0000AA;
	border-left: none;
	text-decoration: none;
}

.step h1 {
	text-align: center;
	padding: 30px 5px;
	border-bottom: 1.5px solid grey;
	width: 98%;
	margin: auto auto;
}

.step {
	border: 1px solid #0000AA;
	background-color: #FFFFFF;
}

.step label {
	text-decoration: underline;
	color: #0055C8;
	cursor: pointer;
}

.controlButtons {
	/* border: 5px solid red; */
	margin-top: 10px;
	display: block;
	float: left;
	width: 350px;
}


.s2,
.s3,
.s4,
.s5,
.s6,
.s7,
.s8,
.s9,
.s10,
.s11 {
	display: none;
}

.li3 input[type="text"] {
	border: 1px solid #253ba0;
}

.s7 label,
.s10 label {
	text-decoration: none;
	color: black;
}


.stepList li:not([num="1"]) {
	display: none;
}

.insuredInfo td{
	padding: 5px;
	height: 18px;
	text-align: left;
	vertical-align: middle;
}
.insuredInfo tr{
	border-bottom: 1px solid grey;
}
.messageBox{
	position:absolute;
	background-color: white;
    top: 35%;
    width: 405px;
    left: calc(50% - 200px);
	border:5px solid #253ba0;
	border-radius: 5px;
	font-size: 0.8em;
}
.messageBox table td{
	padding: 5px;
}

.errorMessage{
	position: absolute;
	width: 20vw;
	background-color: white;
	border: 5px solid #253ba0;
	border-radius: 5px;
	z-index: 666;
	left: calc(40vw);
	top:calc(50vh - 50px);
	padding-bottom: 10px;
}
.errorMessage div{
	padding: 4px;
}
.errorMessage button{
	margin: auto;
    width: 50px;
    display: block;
}

.modalHeader button{
	margin-top:3px;
}

.policyTable td:first-child{
	background-color:#DBD9D9 ;
}
.policyTable td:last-child{
	background-color:white ;
}
.policyTableBlock{
	display: block;
	padding: 10px 10px;
	width: 100%;
	float: left;
}
.policyTable{
	border: 1px solid #253ba0;
	margin-top: 3px;
}
/*
.searchResult table{
	border-collapse: collapse;
}*/
/*.searchResult td{
	text-align: center;
}*/

.modalHeader button{
	display: none;
}
.resetChangePolicy{
	display: none;
}