/* E-Services custom CSS */


html, input, select, textarea {
    color: #000000;
}

.progress-header{
	position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
}

.progress-container{
	width: 100%;
    height: 3px;
    background: #fff;
}

/*Page Header*/
.logo > img {
	height: 72px;
}

.header-right li {
	float: left;
    display: inline-block;
    padding: 0 0 0 16px;
    background: url("/rop/javax.faces.resource/images/bg_top-nav-bullet.gif.xhtml?ln=bootstrap-layout") no-repeat 4px 50%;
}

.header-right li:first-child {
	background: 0;
}

.header-right li a {
	color: #000;
	text-decoration: none;
	font-size:11.05px;
}

.header-right-input{
	border: solid 1px #929398;
	color: #040404;
	font: 90% sans-serif;
	vertical-align: middle;
	 margin: 8px;
}

.header-right-select {
	border: solid 1px #929398;
	color: #040404;
	font: 90% sans-serif;
	vertical-align: middle;
	 margin: 8px;
}

.header-right-btn{
	background: #900;
    border: 0;
    color: #fff;
    padding: 6px 6px;
    font-weight: bold;
    margin: 0;
    font: 90% sans-serif;
    vertical-align: middle;
     margin: 8px;
}

/*header title*/
.heading-block{
	/* background: #f3e6d2 url("/rop/javax.faces.resource/images/bg-header.jpg.xhtml?ln=bootstrap-layout") repeat-x left bottom; */
	background-color: #f3e6d2;
    border: solid 2px #FFF;
    padding: 8px;
    margin: 0 0 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow : 0px 2px 8px 0px #c9c9c9 ;
}

.heading-block h1{
	margin: 5px 0 5px 0;
	/* font-family: "Arial"; */
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    /* text-transform: uppercase; */
    margin-bottom: initial;
    color: #9b002d;
    text-rendering: optimizelegibility;
}

.heading-breadcrumb{
	padding-right: 0px;
	padding-left:0px;
}

.heading-breadcrumb .breadcrumb {
	background-color: #fff;
	padding: 8px 5px;
	margin-bottom: 5px;
}

.faq h3{
	color: #b93838;
	text-transform: uppercase;
}

.breadcrumb>li+li:before{
	content: ">";
}

.content-right{
	padding-left: 0px;
}

.content-left{
	padding-right: 0px;
}

.main-heading-block{
	padding: 5px 10px 5px 5px;
    border-left: 10px solid #A40935;
    background: #e0cfa3 url("/rop/javax.faces.resource/images/bg-heading.jpg.xhtml?ln=bootstrap-layout") no-repeat right center;
    margin-bottom: 10px;
}

.main-heading-block h1{
	margin-right: 5px;
    padding: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    display: inline-block;
}

.main-heading-login{
	text-align: right;
	padding-right: 5px;
	margin-bottom: 10px;
}

.main-heading-login h5{
	display: inline-block;
	text-transform: uppercase;
	color:#B20838;
	padding-right: 10px;
}

.main-heading-login .welcmetxt{
	display: inline-block;
	text-transform: uppercase;
	color:#B20838;
	padding-right: 10px;
}

.main-heading-login .login-name{
	text-transform: capitalize;
}

.terms{
	padding: 0px 5px 0px 5px;
}

.terms-condit{
	padding: 5px 0px 5px 5px;
	border-radius: 4px;
	color: #A40935;
    background-color: unset;
    padding-left: 0px;
    font-weight: bold;
    font-size: 14px;
}

/*right list*/
.right-list{
	
}

.right-list:after{
	content:'';
  	display:inline-block;
  	border-bottom:1px solid #ddd;
  	width: 100%;
}

.panel-body dl:last-child:after{
	 content: none;
}

.right-list dt span{
	color: #9F0A33;
	margin-bottom: 5px;
}

.right-list dd{
	padding-top: 6px;
    padding-bottom: 6px;
}

.right-list a{
	/*margin-left: 5px;*/
	padding: 16px 15px;
}

/*step*/
.step{
	padding: unset; 
	margin-bottom: unset;
	font-size: 11px;
}

.step>li{
	border:1px solid #dddddd;
	border-radius: unset;
}

.step>li.active{
	background-color: #880016;
}

.step>li.active>a{
	background-color: #880016;
}

.step>li.active>a:hover{
	background-color: #880016;
}

/*welcome page content*/

.alert-ann{
	background-image: none;
    background-color: #F3F3F3;
    color:#000;
}

.alert-ann h5{
	color: #9F0A33;
    font-weight: bold;
}

.ann-line{
	border: 0.3px solid #3f3f3f;
    margin-top: 10px;
}

.welcome-notice{
	margin-bottom: 10px;
    border-color: red;
    border-style: double;
    font-size: 1em;
    padding: 5px;
}

.welcome-notice table{
	padding-left: 15px;
}

.welcome-notice table tr{
	height:50px;
}

.section-group {
    position: relative;
    margin-bottom: 20px;
    min-height: 240px;
}

.horizontal-bullets:before, .horizontal-bullets:after, .section-group:before, .section-group:after, .section-group .section:before, .section-group .section:after {
    content: " ";
    display: table;
}

.horizontal-bullets:after,.section-group:after, .section-group .section:after {
    clear: both;
}

.horizontal-bullets:before, .horizontal-bullets:after, .section-group:before,.section-group:after, .section-group .section:before,.section-group .section:after {
    content: " ";
    display: table;
}

.primary h2 {
    background: #5f7791;
}

.secondary h2 {
    background: #5779a2;
}

.thirdly h2 {
    background: #b93838;
}

.fourth h2 {
    background: #a96249;
}

.orange h2 {
    background: #FFB027;
}

.gray h2 {
    background: #6d6f63;
}

.moneylenders h2 {
    background: #856e37;
}

.pawnbrokers h2 {
    background: #667C54;
}


.section-group h2 {
    color: #fff;
    margin: 0;
    padding: 17px 20px;
    font-size: 18px;
}

.primary .bordered {
    border-color: #5f7791;
}

.secondary .bordered {
    border-color: #5779a2;
}

.thirdly .bordered {
    border-color: #b93838;
}

.fourth .bordered {
    border-color: #a96249;
}

.orange .bordered {
    border-color: #FFB027;
}

.gray .bordered {
    border-color: #6d6f63;
}

.moneylenders .bordered {
    border-color: #856e37;
}

.pawnbrokers .bordered {
    border-color: #667C54;
}

.section-group img.bordered {
    left: 0;
    position: absolute;
}

.section-group .bordered {
    border-width: 10.1px;
    border-style: solid;
}

.section-group div.bordered {
    width: 80%;
    margin-left: -10px;
    float: right;
    background: #FFF;
    position: relative;
}

.section-group .section {
    margin: 17px 17px 0px 17px;
    padding-bottom: 0px;
    border-bottom: 1px solid #DDD;
}

.primary .section h3 {
    color: #5f7791;
}

.section-group .section h3 {
	font-size: 14px;
    margin: 0;
}

.modified {
    font-family: "Helvetica Neue Light", arial, helvetica, sans-serif;
    font-size: 1.1em;
    float: right;
}

.login-select-content{
	padding: 0;
    /* margin-top: 20px; */
    border: 2px solid #EAEAEA;
    /* margin-bottom: 20px; */
}

.login-select-content .row{
	margin-right: 0px;
    margin-left: 0px;
}

.login-select-content h2{
	color: #666;
}

.login-panel{
	margin-top: 50px;
}

.indent{
	padding-left: 10px;
}

.secondly-header{
	font-size: 16px;
}

.secondly-header-normal{
	font-size: 13px;
}

.main-waring-row{
	margin-top: 40px;
	margin: 0px;
}

.main-waring{
	font-weight: bold; 
	padding: 15px 5px; 
	border-color: red; 
	border-style: double;
	font-size: 13px;
}

.select-row{
	/* padding-top: 15px; */
	margin-bottom: 80px;
}

.main-contact{
	padding-top: 15px;
    padding-bottom: 5px;
    font-size: 13px;
}

.main-contact-secondly{
	padding-bottom: 5px;
	font-size: 13px;
}

.login-selec-btn{
	margin-right: 5px;
}

.important-note-title{
	font-size: 16px;
    color: inherit;
    font-weight: bold;
}

.important-note ol{
	padding-left: 19px;
}

.exit-row{
	margin-top: 15px;
}

/*orgation list page*/
.org-content{
	padding:0 5px 0 5px;
}

/*dashboard*/

.dashboard{
	padding:0px;
}

.topbar{
	-webkit-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
    right: 0;
    height: 50px;
    background-color: #F8F8F8;
    padding: .7em 1.5em 0em 1.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.topbar-title{
	display: inline-block;
    font-size: 20px;
    vertical-align: top;
    margin-left: 5px;
}

.topbar-icons{
	float: right;
    display: block;
}

.topbar-icons a{
	margin-right: 10px;
}

.topbar-icons a .label {
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    font-size: 9px;
    line-height: .9;
}

.topbar-icons .glyphicon-user{
	font-size: 30px;
}

.sidebar{
	position: absolute;
    width: 250px;
    height: 100%;
    background-color:#f8f8f8;
}

.sidebar-menu{
	
}

.sidebar-menu ul li{
	border-bottom: 1px solid #e7e7e7;
}

.sidebar-menu ul li i{
	margin-right: 5px;
}

.sidebar-menu ul li.active>a{
	border-left: 3px solid #A40935;
	border-radius: inherit;
}


.profile img{
	display: block;
    margin: 0 auto;
}

.profile-info p {
	margin-top: 10px;
	padding-left: 5px;
}

.main{
	margin-left: 250px;
	-webkit-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
	position: inherit;
}

.main-inactive{
	width: 100%;
	margin-left: unset;
	background-color: #EDF0F5;
}

.main form{
	background-color: #EDF0F5;
}

.arrow{
	float: right;
}

.main-container{
	border: 1px solid #d5d5d5;
}

.main-content{
	padding-right: unset;
	padding-left: unset;
	border: 2px solid #dddddd;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.main-content .col-md-12{
	
}

.header-steps{
	
}

.header-steps .col-md-12{
	padding-right: 0px;
    padding-left: 0px;
}

.page-title {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	/* background: url("/rop/javax.faces.resource/images/bg-gray-gradient.jpg.xhtml?ln=bootstrap-layout") repeat-x 0 0; */
	background-color: #F1F1F1;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #e6e6e6;
}

.mandatory-info{
	font-size: 0.9em;
}

.red{
	color: red!important;
}

/*form*/
.ui-form{
	padding-top: 10px;
}

.ui-form .form-horizontal{
	padding-left: 5px;
    padding-right: 5px;
}

.ui-form .row{
	margin-top: 2px;
    margin-bottom: 2px;
}

.width-2{
	width: 20%!important;;
}

.width-4{
	width: 40%!important;;
}

.width-6{
	width: 60%!important;;
}

.width-8{
	width: 80%!important;;
}

.width-10{
	width: 100%!important;;
}

.span-bold{
	font-weight: 700;
}

/*footer*/
.footer-wrapper {
    font: 12px arial;
    padding: 25px 0 0;
    color: #636b71;
    background: #f1ede6;
    border-bottom: solid 15px #a30b36;
}

.footer-wrapper .footer-inner {
    border-radius: 5px 5px 0 0;
    padding: 30px 10px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    border: solid 1px #E0DEDB;
}

.footer-inner .txt-center{
	text-align: center !important;
}

.footer-inner  a {
	color: #636b71;
}

.main-footer-wrapper{
	font-size: 11px;
	margin-top: 15px;
}

.main-footer-wrapper  a{
	color:#666666;
}

.main-footer-wrapper .container{
	padding-right: 5px;
    padding-left: 5px;
}

.main-footer-wrapper .container .col-md-6{
	padding-right: 5px;
    padding-left: 5px;
}

.main-footer-wrapper .row{
	margin-right: 0px;
    margin-left: 0px;
}

.main-footer-line{
    border-bottom: 4px solid #E0CFA3;
    margin-bottom: 15px;
}

.panelTableClass>tbody>tr{
	border: none;
	
}

.panelTableClass>tbody>tr>td{
	border: none!important;
	
}

/*button*/

.normal-button{
	border: 1px solid #e0cfa3 !important;
    background: #e0cfa3 !important;
    color: #7B7158 !important;
    /* font-size: 12px !important;
    font-weight: bold !important; */
}

.contact-info{
	font-size: 10.54px;
}

.custom-btn {
	color: #fff!important;
    background-color: #880016!important;
    border-color: #880016!important;
    padding: 6px 30px;
    background-image: unset!important;
}

.custom-btn.focus, .custom-btn:focus {
	color: #fff;
	background-color: #880016;
    border-color: #880016;
}

.custom-btn:hover{
	color: #fff;
	background-color: #5c1919;
    border-color: #5c1919;
}

.custom-btn .ui-button-text {
    padding: 0px;
}

/*S-OTH-2021-0002 - (SingPass Brand Refresh)*/

.custom-sp-btn {
	color: #fff!important;
    background-color: #880016!important;
    border-color: #880016!important;
    padding: 12px 30px;
    background-image: unset!important;
	font-size: 16px;
	font-weight:bold;
}


.custom-sp-btn.focus, .custom-sg-btn:focus {
	color: #fff;
	background-color: #880016;
    border-color: #880016;
}

.custom-sp-btn:hover{
	color: #fff;
	background-color: #5c1919;
    border-color: #5c1919;
}

.custom-sp-btn .ui-button-text {
    padding: 0px;
}



.custom-xs-table-responsive td label{
	/* margin-left: 3px; */
}

.panelEsvcColorClass>tbody>tr>td{
	border-style: unset;
}

.panelTableClass>tbody>tr>td{
	border-style: unset;
}

.border-clean td{
	border-style: unset!important;
}

.clean-left-padding{
	padding-left: 0px;
}

.clean-right-padding{
	padding-right: 0px;
}

.md-nowrap{
	white-space: nowrap;
}

#ca-menuDivId{
	float: left; 
	width: 200px; 
	margin-left: 2px; 
	overflow-y: auto;
}

.ca-icon-close{
	text-align: right;
    padding-right: 15px;
}

.pd-min-width-440{
	min-width:440px;
}

.pd-min-width-140{
	min-width:140px;
}

.pd-min-width-340{
	min-width:340px;
}

/*Small screen (tablet, greater than or equal to 768px)*/
@media ( min-width :768px) {
	#navbar{
		display:none;
	}
	
}

@media ( min-width :768px) {
	#navbar{
		display:none;
	}
	
}

@media ( max-width :768px) {
	
	.navbar-form{
		margin-right: 5px;
		margin-left: 5px;
	}
	
	/* .header-right-input{
		width:-webkit-fill-available;
		
	} */
	
	/* .header-right-select {
		width:-webkit-fill-available;
	} */
	
	.nav>li{
		margin-left: 5px;
	}
	
	.navbar-nav>li>a{
		padding-top:0px;
		padding-bottom:0px;
	}
	.nav>li>a{
	    padding: 12px 15px;
	}
	
	.content-right {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	
	.content-left{
		padding-left: 5px;
    	padding-right: 5px;
	}
	
	.section-group div.bordered{
		width:100%;
		
	}
	
	.select-row{
		padding-top: 5px;
		margin-bottom: 20px;
	}
	
	.login-selec-btn{
		width:100%;
		margin-bottom: 5px;
	}
	
	.login-content{
		padding-left: 5px;
    	padding-right: 5px;
	}
	
	.login-content .col-md-6{
		padding-left: 5px;
    	padding-right: 5px;
	}
	
	.step>li{
		margin-left: 0px!important;
	}
	
	/*form*/
	.ui-form .ui-inputtext{
		width: 100%;
	}
	
	.width-2{
		width: 100%!important;;
	}
	
	.width-4{
		width: 100%!important;;
	}
	
	.width-6{
		width: 100%!important;;
	}
	
	.width-8{
		width: 100%!important;;
	}
	
	.width-10{
		width: 100%!important;;
	}
	
	.normal-button{
		width: 100% ;
	}
	
	.col-xs-block{
		display: block;
	}
	
	.col-xs-only-input-12 input {
		width: 100%
	}
	
	.col-xs-only-input-11 input {
		width: 91.66666667%
	}
	
	.col-xs-only-input-10 input{
		width: 83.33333333%
	}
	
	/*responsive*/
	
}

/*when screen with between [0 - 767] px*/
@media screen and (max-width:767px) {
	/*responsive*/
	
	.logo-no-title img{
		height: 90%;
   		width: 90%;
	}
	
	.main-heading-block h1{
		margin-top:10px;
	}
	
	.navbar{
		margin-bottom:5px;
	}
	
	.login-content>div{
		padding-right: 0px;
    	padding-left: 0px;
	}
	
	.login-select-content{
		margin-top: 0px;
	}
	
	.login-panel{
		margin-top: 0px;
	}
	
	#main .container{
		padding-right: 10px;
	    padding-left: 10px;
	}
	
	.step{
		display: table;
    	width: 100%
	}
	
	.step>li+li{
		margin-left: 0px;
	}
	
	.step>li>a{
		margin-bottom: 0px;
	}
	
	.step>li{
		float: unset;
		display: table-cell;
	}
	
	.step>li>a {
	    display: block;
	    text-align: center;
	    padding: 5px;
	}
	
	.step>li.active>a>p{
		text-align: left;
	}
	
	.step { 
	   list-style-type:none;         
	   counter-reset:sectioncounter; 
	}
	                       
	.step>li>a>p:before { 
	   content: counter(sectioncounter);  
	   counter-increment:sectioncounter; 
	} 
	
	.step>li.active>a>p:before { 
	   content: counter(sectioncounter);  
	   counter-increment:sectioncounter; 
	   padding-right: 10px;
	}
	
	.collapse-responsive.in{
		display: none;
	}
	
	.collapse-responsive{
		display: block;
	}
	
	
	.custom-xs-select-one-responsive>tbody>tr>td:nth-child(odd){
    	width: 20%;
    }
    
    .custom-xs-select-one-responsive>tbody>tr>td:nth-child(even){
    	width: 20%;
    }
    
	/* .custom-xs-table-responsive {
	  margin-bottom: 10px;
      display: block;
	} */
	
	.custom-xs-table-responsive tr {
      margin-bottom: 10px;
      display: block;
      /* border-bottom: 2px solid #ddd; */
    }
    
    .custom-xs-table-responsive tr:last-child {
      margin-bottom: 0px;
      /* border-bottom: 2px solid #ddd; */
    }
    
	
	.custom-xs-table-responsive td {
      display: block;
      width: 100% !important;
      padding: 5px!important;
      border-style: unset!important;
    }
    
    .custom-xs-table-responsive>tbody>tr{
    	border:unset;
    }
    
	.custom-xs-table-responsive tbody td:before {
		float: left;
		padding-left: 5px;
		font-weight: bold;
	}
	
	.custom-hidden-xs-table-thead  thead {
    	display: none;
    }
    
    .custom-xs-table-border-responsive thead {
    	display: none;
    }
	
    .custom-xs-table-border-responsive tr {
      margin-bottom: 10px;
     /*  display: block; */
      border-bottom: 2px solid #ddd;
    }

    .custom-xs-table-border-responsive td {
      display: block;
      /* border-bottom: 1px dotted #ccc; */
      width: 100% !important;
      float: right!important;
      padding: 5px 5px 5px 0px !important;
    }

    .custom-xs-table-border-responsive td:last-child {
      border-bottom: 0;
    }
    
    .custom-xs-table-border-responsive tbody td:before {
		float: left;
		padding-left: 5px;
		font-weight: bold;
	}
	
	.custom-xs-table-right-responsive td{
		text-align: right!important;
	}
	
	.custom-xs-table-left-responsive td{
		text-align: left!important;
	}
	
	.custom-xs-responsive-clear td{
	    display: unset;
	    width: auto !important;
	}
    
    .custom-xs-select-responsive {
    	width: 100% ;
    }
    
    .custom-xs-pm-select-responsive{
    	width: 100% !important;
    }
    
    .custom-xs-pm-select-responsive .ui-selectonemenu-label{
    	width: 100% ;
    }
    
    .custom-xs-btn-responsive{
    	width: 100% ;
    }
    
    .panelEsvcColorClass>tbody>tr:nth-child(odd)>td{
    	border-right: 0px solid #FFFFFF;
    }
    
    .panelEsvcColorClass>tbody>tr:nth-child(even)>td{
    	border-right: 0px solid #FFFFFF;
    }
    
    .panelTableClass>tbody>tr>td{
    	padding-left: 0px;
    	padding-right: 0px;
    }
    
    .panelFieldLabelClass3{
    	padding-left:0px;
    }
    
    .col-xs-calendar-10 input{
    	width: 85%;
    }
    
    .ui-panel .ui-panel-content{
    	padding:0px;
    }
    
    .ui-panel-titlebar {
    	height: unset;
    }
    
    .ui-inputfield{
		width: 100% ;
	}
	
	.ui-message{
		display: table-cell;
	}
	
	.std_table{
		
	}
	
	.col-xs-only-12 {
		width: 100%!important;
	}
	
	.col-xs-only-11 {
		width: 91.66666667%
	}
	
	.col-xs-only-10 {
		width: 83.33333333%
	}
	
	.col-xs-only-9 {
		width: 75%
	}
	
	.col-xs-only-8 {
		width: 66.66666667%
	}
	
	.col-xs-only-7 {
		width: 58.33333333%
	}
	
	.col-xs-only-6 {
		width: 50%
	}
	
	.col-xs-only-5 {
		width: 41.66666667%
	}
	
	.col-xs-only-4 {
		width: 33.33333333%
	}
	
	.col-xs-only-3 {
		width: 25%
	}
	
	.col-xs-only-2 {
		width: 16.66666667%
	}
	
	.col-xs-only-1 {
		width: 8.33333333%
	}
	
	.xs-block{
		display: block;
	}
	
	#ca-menuDivId {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    background-color: #FFFFFF;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	    margin-top:0px;
	}
	
	.xs-wrap{
		white-space:unset;
	}
	
	.xs-pd-new-add-btn{
		margin-top: 5px;
	}
	
	.pd-min-width-440{
		min-width:unset;
	}
	
	/*[S-IPT-2018-0001] on 20180212 start*/
	.intl-tel-input{
		width: 100%;
	}
	.intl-tel-input input{
		width: 100%;
	}
	/*[S-IPT-2018-0001] on 20180212 end*/
}

@media ( max-width :992px) {
	
}

@media ( max-width :32em) {
	.logo img {
		height: 51px ;
		width:233.4px;
	}
	
	.navbar-brand{
		padding: 5px 5px;
		height: auto;
	}
	
}

/*add for [S-IPT-2018-0001]  start*/
.change-phone{
	color: #B20838!important;
	font-weight: bold;
}
/*[S-OTH-2018-0001] on 20180212 end*/


.panelTableClassFP>tbody>tr>td {
	border: none;
}

.panelTableClassFP>*>tr,
.panelTableClassFP .ui-panelgrid-cell {
    border: none;
}
/*add for S-PTO-2015-0006-[PTO] end*/

/*add for pd bankruptcy number start*/
.pdBankruptcyColumn > div {
	border: none;
}
/*add for pd bankruptcy number end*/

/*add for S-PTO-2017-0001 start*/
.myinfo-ico{
	/*background-image: url("/rop/javax.faces.resource/images/myinfo.png.xhtml") !important;
	
	background-size: 171px 37px;
	
	border: none !important;
	
	width: 171px;*/
	
	height: 33px;
}

.myinfo-header{
	background-image: url("/rop/javax.faces.resource/images/MyInfoLogo.jpg.xhtml")
}

/*add for S-PTO-2017-0001 end*/

/*add for S-BMS-2018-0005 on 20180625 start*/
.data-destination-list{
	
}

.data-destination-list ol{
	margin-top: 10px;
}

.data-destination-list ol li{
	line-height: 2;
}

.data-destination-list ol li a{
	float: right;
	padding-right: 10px;
}

.travel-rental-agree{
	margin-left:10px;
}

/*add for S-BMS-2018-0005 on 20180625 end*/

.custom-header > .ui-widget-header {
      padding-left: 10px!important;
}







.ncs-progress-bar-top {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%
}

.ui-progressbar {
	height: 1.2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar-determinate   .ui-progressbar-value
	{
	height: 100%;
	width: 0%;
	position: absolute;
	display: none;
	border: 0
}

.ui-progressbar-determinate   .ui-progressbar-value-animate
	{
	transition: width 1s ease-in-out
}

.ui-progressbar-determinate   .ui-progressbar-label
	{
	text-align: center;
	height: 100%;
	width: 100%;
	position: absolute;
	display: none;
	font-weight: 700
}

.ui-progressbar-indeterminate {
	height: .25em;
	background: #b20838
}

.ui-progressbar-indeterminate   .ui-progressbar-value
	{
	border: 0
}

.ui-progressbar-indeterminate   .ui-progressbar-value::before
	{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite
		ui-progressbar-indeterminate-anim;
	animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite
		ui-progressbar-indeterminate-anim
}

.ui-progressbar-indeterminate   .ui-progressbar-value::after
	{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite
		ui-progressbar-indeterminate-anim-short;
	animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite
		ui-progressbar-indeterminate-anim-short;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}

@
-webkit-keyframes ui-progressbar-indeterminate-anim { 0%{
	left: -35%;
	right: 100%
}

100%,60%{
left
:
100%;right
:
-90%
}
}
@
keyframes ui-progressbar-indeterminate-anim { 0%{
	left: -35%;
	right: 100%
}

100%,60%{
left
:
100%;right
:
-90%
}
}
@
-webkit-keyframes ui-progressbar-indeterminate-anim-short { 0%{
	left: -200%;
	right: 100%
}

100%,60%{
left
:
107%;right
:
-8%
}
}
@
keyframes ui-progressbar-indeterminate-anim-short { 0%{
	left: -200%;
	right: 100%
}
100%,60%{
left
:
107%;right
:
-8%
}
}

.ncs-back-top {
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
	position: fixed;
	right: 100px;
	bottom: 50px;
	height: 40px;
	width: 40px;
	cursor: pointer
}

.ncs-back-top-content {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background-color: rgba(0, 0, 0, .45);
	color: #fff;
	text-align: center;
	transition: .3s cubic-bezier(.645, .045, .355, 1);
	overflow: hidden
}

.ncs-back-top-content:hover {
	background-color: rgba(0, 0, 0, .65);
	transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.ncs-back-top-icon {
	margin: 12px auto;
	width: 14px;
	height: 16px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC)
		100%/100% no-repeat
}

.ui-blockui {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-blockui-document {
	position: fixed
}

.loading {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #b20838;
	width: 120px;
	height: 120px;
	-webkit-animation: 1s linear infinite spin;
	animation: 1s linear infinite spin;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed
}

@
-webkit-keyframes spin { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
}
}
@
keyframes spin { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
@
keyframes lds-dual-ring { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
@
-webkit-keyframes lds-dual-ring { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
.lds-dual-ring {
	position: fixed;
	-webkit-transform: translate(-100px, -100px) scale(1)
		translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px)
}

.lds-dual-ring   div {
	position: absolute;
	width: 160px;
	height: 160px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	border: 8px solid #000;
	border-color: #b30c3b transparent;
	-webkit-animation: 1s linear infinite lds-dual-ring;
	animation: 1s linear infinite lds-dual-ring
}

p-dialog   .row {
	margin-right: 0;
	margin-left: 0
}

.navbar-brand>img {
	height: 72px
}

@media ( max-width :480px) {
	.navbar-brand>img {
		height: 52px
	}
}

@media ( max-width :320px) {
	.navbar-brand>img {
		height: 32px
	}
}

.header-menu {
	font-size: 11.05px;
	color: #040404
}

.header-menu   ul>li>a
	{
	color: #040404;
	padding-left: 10px
}

.header-menu   ul>li:first-child::before
	{
	content: none
}

.header-menu   ul>li::before
	{
	padding-left: 6px;
	display: inline-block;
	content: url(/assets/images/bg_top-nav-bullet.gif)
}

.singgov-form   input {
	border: 1px solid #929398
}

.login-warning[_ngcontent-c6] {
	border-style: double;
	border-color: #f44336
}

.main-footer-line {
	border-bottom: 4px solid #e0cfa3;
	margin-bottom: 15px
}

.main-footer-wrapper {
	font-size: 11px
}

.nav-link {
	padding-left: 0
}










.ncs-progress-bar-top {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%
}

.ui-progressbar {
	height: 1.2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar-determinate   .ui-progressbar-value
	{
	height: 100%;
	width: 0%;
	position: absolute;
	display: none;
	border: 0
}

.ui-progressbar-determinate   .ui-progressbar-value-animate
	{
	transition: width 1s ease-in-out
}

.ui-progressbar-determinate   .ui-progressbar-label
	{
	text-align: center;
	height: 100%;
	width: 100%;
	position: absolute;
	display: none;
	font-weight: 700
}

.ui-progressbar-indeterminate {
	height: .25em;
	background: #b20838
}

.ui-progressbar-indeterminate   .ui-progressbar-value
	{
	border: 0
}

.ui-progressbar-indeterminate   .ui-progressbar-value::before
	{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite
		ui-progressbar-indeterminate-anim;
	animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite
		ui-progressbar-indeterminate-anim
}

.ui-progressbar-indeterminate   .ui-progressbar-value::after
	{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite
		ui-progressbar-indeterminate-anim-short;
	animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite
		ui-progressbar-indeterminate-anim-short;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}

@
-webkit-keyframes ui-progressbar-indeterminate-anim { 0%{
	left: -35%;
	right: 100%
}

100%,60%{
left
:
100%;right
:
-90%
}
}
@
keyframes ui-progressbar-indeterminate-anim { 0%{
	left: -35%;
	right: 100%
}

100%,60%{
left
:
100%;right
:
-90%
}
}
@
-webkit-keyframes ui-progressbar-indeterminate-anim-short { 0%{
	left: -200%;
	right: 100%
}

100%,60%{
left
:
107%;right
:
-8%
}
}
@
keyframes ui-progressbar-indeterminate-anim-short { 0%{
	left: -200%;
	right: 100%
}
100%,60%{
left
:
107%;right
:
-8%
}
}


.ncs-back-top {
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
	position: fixed;
	right: 100px;
	bottom: 50px;
	height: 40px;
	width: 40px;
	cursor: pointer
}

.ncs-back-top-content {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background-color: rgba(0, 0, 0, .45);
	color: #fff;
	text-align: center;
	transition: .3s cubic-bezier(.645, .045, .355, 1);
	overflow: hidden
}

.ncs-back-top-content:hover {
	background-color: rgba(0, 0, 0, .65);
	transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.ncs-back-top-icon {
	margin: 12px auto;
	width: 14px;
	height: 16px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC)
		100%/100% no-repeat
}


.ui-blockui {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-blockui-document {
	position: fixed
}

.loading {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #b20838;
	width: 120px;
	height: 120px;
	-webkit-animation: 1s linear infinite spin;
	animation: 1s linear infinite spin;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed
}

@
-webkit-keyframes spin { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
}
}
@
keyframes spin { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
@
keyframes lds-dual-ring { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
@
-webkit-keyframes lds-dual-ring { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
;transform
:rotate(360deg)
}
}
.lds-dual-ring {
	position: fixed;
	-webkit-transform: translate(-100px, -100px) scale(1)
		translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px)
}

.lds-dual-ring   div {
	position: absolute;
	width: 160px;
	height: 160px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	border: 8px solid #000;
	border-color: #b30c3b transparent;
	-webkit-animation: 1s linear infinite lds-dual-ring;
	animation: 1s linear infinite lds-dual-ring
}


p-dialog   .row {
	margin-right: 0;
	margin-left: 0
}


.navbar-brand>img {
	height: 72px
}

@media ( max-width :480px) {
	.navbar-brand>img {
		height: 52px
	}
}

@media ( max-width :320px) {
	.navbar-brand>img {
		height: 32px
	}
}

.header-menu {
	font-size: 11.05px;
	color: #040404
}

.header-menu   ul>li>a
	{
	color: #040404;
	padding-left: 10px
}

.header-menu   ul>li:first-child::before
	{
	content: none
}

.header-menu   ul>li::before
	{
	padding-left: 6px;
	display: inline-block;
	content: url(/assets/images/bg_top-nav-bullet.gif)
}

.singgov-form   input {
	border: 1px solid #929398
}


.login-warning[_ngcontent-c6] {
	border-style: double;
	border-color: #f44336
}


.main-footer-line {
	border-bottom: 4px solid #e0cfa3;
	margin-bottom: 15px
}

.main-footer-wrapper {
	font-size: 11px
}

.nav-link {
	padding-left: 0
}



.header-menu {
	font-size: 11.05px;
	color: #040404
}

.header-menu ul>li>a
	{
	color: #040404;
	padding-left: 10px
}




.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: 500;
    font-size: 18px;
}


.h4, h4 {
    font-size: 18px;
}

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit; 
    font-weight: 500;
     line-height: 1.1; 
     color: inherit; 
}

.mrg10LR{
margin: 0 10px 8px 4px;
display: inline-block;
}