#MainDiv 
{  
	padding:0; 
	width:auto;
}

.MainTable
{
	border-bottom:solid 1px #4066b3;
	border-left:solid 1px #4066b3;
	border-right:solid 1px #4066b3;
	border-top:solid 1px #4066b3;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	width:auto;
	margin:20px;
	word-wrap: break-word;
}

.MainTableNoPadding
{
	border-bottom:solid 1px #4066b3;
	border-left:solid 1px #4066b3;
	border-right:solid 1px #4066b3;
	border-top:solid 1px #4066b3;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	width:auto;
	word-wrap: break-word;
    padding-bottom:5px;
    margin-bottom:5px;
}

.MainTableFullWidth
{
	border-bottom:solid 1px #4066b3;
	border-left:solid 1px #4066b3;
	border-right:solid 1px #4066b3;
	border-top:solid 1px #4066b3;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	width:auto;
	word-wrap: break-word;
	/*padding:5px;*/
}

/*.Logo
{
	background: url(../Images/Logo/Zurich_stac_R_takaful_rgb.jpg) no-repeat center center #FFFFFF;
	width:100px;
	height:auto;
	margin:20px;
	background-size:auto 85px;
}*/

.smallTable1
{
	max-width:650px;
	margin:0px auto;
}

smallTable
{
	max-width:700px;
}

.menuoption1 {
    background: url(../Images/IMAAP/homeTQS_Zurich.png) no-repeat center center #FFFFFF;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menuoption1:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.menuoption2 {
    background: url(../Images/IMAAP/homeEAPP_Zurich.png) no-repeat center center #FFFFFF;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menuoption2:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.menuoption3 {
    background: url(../Images/IMAAP/homeAG_Zurich.png) no-repeat center center #FFFFFF;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menuoption3:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.menusubeapp1 {
    background: url(../Images/IMAAP/homeSubCFF_Zurich.png) no-repeat center center #f7f7f7;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menusubeapp1:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.menusubeapp2 {
    background: url(../Images/IMAAP/homeSubHI_Zurich.png) no-repeat center center #f7f7f7;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menusubeapp2:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.menusubeapp3 {
    background: url(../Images/IMAAP/homeSubFP_Zurich.png) no-repeat center center #f7f7f7;
    width: 253px;
    height: 195px;
    margin:15px 15px;
    border:solid 2px #000066;
    box-shadow:3px 3px 10px #3e3e3e !important;
}

.menusubeapp3:hover{
    border:solid 2px #000066;
    box-shadow:inset 2px 2px 10px #3e3e3e !important;
}

.labelMainPage /*version 1 mid blue+light blue*/
{
	font-weight: bold;
	/*font-family:Frutiger-Normal, HelveticaNeue, Arial, Sans-Serif;*/
	font-size:15px;
	color:#000066;
	background-color:#FFFFFF;
	border-bottom:solid 2px #000066; 
}

textarea
{
	overflow:hidden !important;
}

.hidden{
	display:none;
	
}

.BscHeader{
	font-size:15px;
	color:#FFFFFF;
	
	border-radius:8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color:#000066;
	padding-top:3px;
}

.BscLegend {
	padding: 10px 12px; 
    border-radius: 25px; 
    border: 1px solid transparent; 
    text-align: center; 
    line-height: 1.4285; 
    font-size: 14px; 
    color:#000000;
    font-weight: normal; 
    vertical-align: middle; 
    display: inline-block; 
    white-space: nowrap; 
    cursor: pointer; 
    margin-bottom:3px;
}


/* Header setting */
.header /*version 1-without gradient*/
{
	/*font-family:Frutiger-Normal, HelveticaNeue, Arial, Sans-Serif;*/
	font-weight: bold;
	vertical-align: middle;
	color: white;
	text-align: center;
	font-size:16px;
	height:30px;
	border-radius:8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color:#4066b3;
	padding-top:3px;

}

.thickheader 
{
	
	font-weight: bold;
	vertical-align: middle;
	color: white;
	text-align: center;
	font-size:16px;
	height:45px;
	border-radius:8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color:#4066b3;
	padding-top:3px;

}

.formheader
{
	background-color:#DADADA;
}

.bullet
{
	text-align:right;
}

.border
{
	border:solid 1px #4066b3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px !important;
}


.reminder
{
	font-weight:bold;
}

.ErrMsg
{
	color:#EA635C !important;
	font-size:14px !important;
	font-weight:bold !important;
}

.link1
{
	color:#3e3e3e;
	font-size:12px !important;
}

.link1:hover
{
	color:#4066b3;
}

.test
{
	border:solid 2px black;
}

/*edited by Yap 10/4/2018*/
.ReminderText
{
	font-weight:bold;
	/*color:#3E3E3E;
	border:solid 2px #EA635C;*/
	padding:5px !important;
	
	color: red;
}

.date
{
	z-index: 1 !important;
}

/*Overwrite Zurich Template - start */

.w3-display-middle
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}



.textfield-label
{
	color:#3E3E3E !important;
	word-wrap:break-word !important;
	font-size:0.9rem!important;
	white-space:inherit !important;
}

.textfield
{
	margin-bottom: 4px !important;
}

.textfield--datepicker
{
	margin-bottom:-21px !important;	
}

.textfield__control 
{
    display: block;
    width: 100%;
    font-family: "ZurichSans-Light", "Helvetica Neue", Arial, sans-serif;
    font-size:0.9rem !important;
    color: #4c433d;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #BFBFBF !important;
    padding: 4px 20px 4px 0;
    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s; 
}
.textfield__control:focus, .textfield__control .has-focus 
{
      border-bottom: 2px solid #4066B3 !important;
      margin-bottom: -1px; 
}
.textfield__control:focus + .textfield__label, .textfield__control.has-focus + .textfield__label {
        color: #4066B3 !important;
}

.has-error .textfield__control 
{
    
}        

label
{
	padding-top:2px !important;
	padding-left:5px !important;
	padding-right:5px !important;
}

label, legend
{
	padding-top:0px !important;
}

#pnlOldNewIC
{
	margin-left:5px;
}

.tooltip
{
	min-width:150px !important;
	max-width:1000px !important;
	word-wrap:break-word !important;
	white-space:inherit !important;
}
.mod--flex, .textfield, div[class^="col-"]
{
	width:100% !important;
}

/*.mod-Navigation .navigation > ul > li > a.has-mobile-submenu::before 
{
	content:"\e618";
}*/

body
{
	font-family:ZurichSans,"Helvetica Neue",Arial,sans-serif !important;
}

.control-error
{
	border: 1px solid #E9635B !important;
}


h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 0px !important; }

@media all and (max-width:767px)
{
.hidden-xs {
	display: none !important;
}
}
@media all and (max-width:991px) and (min-width:768px)
{
.hidden-sm {
	display: none !important;
}
}
@media all and (max-width:1199px) and (min-width:992px)
{
.hidden-md {
	display: none !important;
}
}
@media all and (min-width:1200px)
{
.hidden-lg {
	display: none !important;
}
}
/*Overwrite Zurich Template - end */


.switch-margin {
   margin-right: 1em;
}

.switch-default {
    background-color:transparent;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset,0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    /*margin-top: 5px;*/
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    min-width: 80px;
}

 .switch-default:hover, .switch-default:active {
      background-color: #4066B3;
      color: #FFFFFF; 
 }

.switch-primary {
    background-color: #000066;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #000066;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset,0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    /*margin-top: 5px;*/
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    min-width: 80px;
}

 .switch-primary:hover, .switch-primary:active {
      background-color: #000066;
      color: #FFFFFF; 
 }
 
 .no-rotate
 { 
    -webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	float:right; 
	color:red;
	font-size: 1.45em !important;
	display:none;
	margin-right:0px !important;
 }
 
 .TableBottomPadding
 {
	padding: 0 0 5px 0;	
 }
 
 .TablePadding
 {
	padding: 0 0 20px 10px;
 }
 
 .TableTitlePadding
 {
	padding: 0 0 30px 20px;
 }
 
 .TableFooter
 {
	float:right;
 }
 
 .TableInfoBorder {
    border: 1px solid #cdcdcd;
    padding: 20px 20px 5px 0;
    margin: 0 -5px 20px -5px;
}

.TableInfoTitle {
    background-color:#000066;
    color:#FFFFFF;
    padding:20px 0 15px 0;
    margin: -5px -5px 0 -5px;
}

.BorderBottom 
{
	border-bottom:1px solid #000066;
}

.btnTableDelete {
    position: absolute;
    right: 50px;
    width: 25px;
    height: 25px;
    color: #4066B3;
    text-align: center;
    font-weight: 600;
    border-radius: 15px;
    font-size: 16px;
    border:thin solid #4066B3  ;
    cursor:pointer;
    z-index: 1;
}

.btnTableDelete2 {
    position: absolute;
    right: 50px;
    width: 25px;
    height: 25px;
    color: #4066B3;
    text-align: center;
    font-weight: 600;
    border-radius: 15px;
    font-size: 16px;
    border:thin solid #4066B3  ;
    cursor:pointer;
    z-index: 1;
}

.btnTableDelete:hover {
    background-color: #4066B3;
    color: white;
}

.btnTableDelete2:hover {
    background-color: #4066B3;
    color: white;
}

.btn--primaryfix {
    width:150px !important;
}

.btn--flat {
    padding:0 !important;
}

html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.reduceTopBottomMargin
{
	margin-top: -15px !important;
	margin-bottom: -15px !important;
}

.reduceTopBottomMargin2
{
	margin-top: -15px !important;
	margin-bottom: -35px !important;
}


/* Added by Tan */
.mod-subnavigation {
    position: relative;
    font-weight:normal !important;
}
.mod-Subnavigation a 
{
	font-weight:normal !important;
}


@media (min-width: 768px)
.mod-subnavigation ul 
{
    margin-left: -18px;
    margin-right: -18px;
    font-weight:normal !important;
}
@media (min-width: 768px)
.mod--theme-primary {
    padding-left: 10px;
    padding-right: 10px;
}
.mod-subnavigation .is-active {
    background-color: #FFF;
    border-left: 5px solid #4066B3;
}
.mod-subnavigation li {
    margin: 0;
    padding: 10px 0;
}
.linklist li {
    list-style-type: none;
}
.mod--theme-primary {
    background-color: #f2f0ee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.mod, .mod__body, .row, .slick-slide {
    min-height: 1px;
}


/* Added by Tan */
.mod-subnavigation {
    position: relative;
    font-weight:normal !important;
}
.mod-Subnavigation a 
{
	font-weight:normal !important;
}


@media (min-width: 768px)
.mod-subnavigation ul 
{
    margin-left: -18px;
    margin-right: -18px;
    font-weight:normal !important;
}
@media (min-width: 768px)
.mod--theme-primary {
    padding-left: 10px;
    padding-right: 10px;
}
.mod-subnavigation .is-active {
    background-color: #FFF;
    border-left: 5px solid #4066B3;
}
.mod-subnavigation li {
    margin: 0;
    padding: 10px 0;
}
.linklist li {
    list-style-type: none;
}
.mod--theme-primary {
    background-color: #f2f0ee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.mod, .mod__body, .row, .slick-slide {
    min-height: 1px;
}


/* Added by Tan */

.reduce-padding-top
{
	padding-top:0 !important;
}
.reduce-padding-bottom
{
	padding-bottom:0 !important;
}
.reduce-padding-side
{
	padding-right:0 !important;
	padding-left:0 !important;
	
}

.dropdown-menu li
{
	padding-top:0 !important;
	padding-bottom:0 !important;
    opacity:1;
}

.padding-15
{
	padding :15px !important;
}

.HighlightedFocusArea
{
	background-color:#000066 !important;
}

.HighlightedFocusArea > div > h1, .HighlightedFocusArea > div > span
{
	color:#FFF !important;
}

.subspace {
    padding-right: 15px;
}

.CFFCheckbox {
    border: 1px solid #dbd9d8;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    content: '';
    display: inline-block;
    color:blue;
}
    /* End Added by Tan */

.checkboxReduceMarginBottom
{
    margin-bottom:0px !important;
}

.radio__label:after
{
    top:5px;
}

.textfield-label tableheader {
	color: white !important;
	word-wrap: break-word !important;
	font-size: 0.9rem !important;
	white-space: inherit !important;
}

@media(min-width: 768px) {
    .tableheader {
        color: white !important;
    }
}

@media(max-width: 767px) {
    .tableheader {
        color: black !important;
    }

    thead th:first-child .tableheader {
        color: white !important;
    }
}

/*Added by lai*/
.is-foldable.table .xs-content table .left-col {
    /*width: 30% !important;
    color: #000066 !important;*/
    color: black !important
}