body{
    background:#fff !important;
}

dd{
    display: block;
    margin-inline-start: 40px;
    margin-bottom:0;
}
dt{
    font-weight:500;
}

.hktFont{
    font-size:14px;
    color:#1c609c;
    font-family:Arial;
    font-weight: bold;
}
.fhClassic{
    padding-left:10px;
    margin-top:10px;
    margin-bottom:25px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    color:#1c609c;
}

.ppClassic .x-title-text{
    font-weight: bold;
    font-family:Arial;
    font-size:20px;
    line-height:8px;
    height:28px;
}
.ppClassic .x-toolbar-footer{
    background-color:#fff;
}
.ppClassic .x-panel-header{
    padding: 10px;
    background-color:#1c609c;
}
.ppClassic .x-panel-default-framed{
    border-color:#1c609c;
}
.wwClassic{
    border-color:#1c609c !important;
}
.wwClassic .x-window-header{
    background-color:#1c609c;
}

.fsClassic-header-text{
    font-size:14px;
    font-family:arial;
    font-weight:600;
}
.lfClassic span{
    color:#1c609c;
    font-size:14px;
    font-weight: 500;
    font-family:Arial;
    margin-top : 8px;
}

.lfClassic_extra{
	 display: table-cell;
}

.lfClassic_extra span{
	color:#1c609c;
    font-size:14px;
    font-weight: 500;
    font-family:Arial;
    margin-top : 8px;
    display: table-cell;
}

.blfClassic{
    margin-top:7px;
    padding-left:25px;
    color:#1c609c;
    font-size:14px;
    font-weight: 500;
    font-family:Arial;
}
.rbfClassic{
    margin-top:2px;
    margin-bottom:0;
    padding-left:20px;
    color:#1c609c;
    font-size:14px;
    font-weight: 500;
    font-family:Arial;
}
.rfClassic span{
    margin-top:2px;
}

.fdClassic .x-form-display-field{
    font-size:14px;
    font-family:Arial;
}

.btnClassic{
    background-color:#1c609c !important;
}
.labelClassic label,.labelClassic .x-form-display-field{
    color:#1c609c;
    font-size:14px;
    font-weight: 600;
    font-family:Arial;
}
.btnOverClassic{
    text-decoration:none !important;
}
.regionClassic{
    padding:0px !important;
}

.fieldBodyCls .x-form-display-field{
    padding-left: 20px;
    font-size:16px;
    font-family:Arial;
    margin-top:0;
}

.readOnlyPanelCls .x-title-text{
    font-weight: bold;
    font-family:Arial;
}
.readOnlyPanelCls .x-panel-header{
    padding: 10px;
    background-color:#1c609c;
}

.readOnlyFieldSetCls-header-text{
    font-size:16px;
    font-family:arial;
    font-weight:600;
    padding-bottom:5px;
}
.readOnlyFieldSetCls-header{
    border-bottom: 1px solid #d0d0d0;
}
.submit_btn {
	border:1px solid #286090;
	color:#286090;
	font-weight:bold;
	transition-duration: 0.4s;
	background-color: #f8f9fa;
}

.submit_btn:hover {
	background-color: #286090;
	color: white;
}
#alert-hint {
	visibility: hidden;
}




/*radio and error tips Css*/

.magic-radio {
	position: absolute;
	display: none;
}

.magic-radio+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	vertical-align: middle;
}

.magic-radio+label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color;
}

.magic-radio+label.radio:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: '';
	border: 2.7px solid #A5A5A5;
}

.magic-radio+label:after {
	position: absolute;
	display: none;
	content: '';
}

.magic-radio:checked+label:before {
	animation-name: none;
}

.magic-radio:checked+label:after {
	display: block;
}

.magic-radio+label:before {
	border-radius: 50%;
}

.magic-radio+label.radio:after {
	top: 4pt;
	left: 4.3pt;
	width: 5.5px;
	height: 5.5px;
	border-radius: 90%;
	background: #919191;
}

 .vhcenter tbody tr td:not(:first-child){
	text-align: center;
	padding-top: 16px
}

 .vhcenter tbody tr td:first-child{
	text-align: center;
	padding-top: 9px
}

/* .vhcenter {
	text-align: center;
	padding-top: 16px
} */

.col {
	margin-left: 20px;
}

.x-form-trigger-wrap-invalid {
	margin-left: 14px;
}

.x-form-invalid-icon-default {
	margin-left: 19px; !important;
}