.alert-error {
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.close {
	font-size: 1.5em !important;
}

.splash-screen {
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
	text-align: center;
}

.splash-screen-wrapper{
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #6f5e5d;
}

.splash-screen  .cell{
	display:table-cell;
	vertical-align:middle;
	position: absolute;
    line-height: 50;
    text-align: center;
    width: 100%;
    height: 100%;
}

.splash-screen   h3 {
	margin-top : 0px;
}


.splash-screen  .title h3{
}

img.msp-image-brand{
	position: absolute;
	height: 4.5em;
	padding: 5px 0 5px 15px;
}

@media (max-width: 992px) {
	.main-content-responsive {
		padding : 0 0 0 0;
		border-top: 0px;
	}
	.blockMsg {
		width: 70% !important;
   	 	left: 15% !important;
	}
	.blockMsg h1{
		width: 50% !important;
    	left: 25% !important;
	}
	.ui-datepicker-trigger{
		height: 2em;
		width: 2em;
	}
	.terms-conditions table{
		width: 100%;
		margin-left: 0px;
	}
}

.navbar-msp {
	background-color: #6f5e5d;
	border-color: transparent;
	height: 4em;
	width: 100%;
}

.nav-padding{
	height: 4em;
}

.nav-btn-msp {
	background-color: transparent;
}

.nav-btn-msp  .dropdown .dropdown-toggle.nav-lang{
	color: #FFF !important;
	background-color: transparent !important;
	font-size:1.3em;
	margin-top:0.5em;
	margin-right:1em;
	padding: 0.6em;
}
.nav .open>a.nav-lang:focus, .nav .open>a.nav-lang:hover {
    background-color: #5A4E4D !important;
 }

.status-progress {
	padding: 1.2em 1.5em 1.2em 1.5em;
/* 	display: block; */
	display: -webkit-flex; /* Safari */
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
}

.progress-box {
	position: relative;
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    -ms-flexbox: 1;

}

.progress-circle {
	width: 4em;
	height: 4em;
	background: #FFF;
	border: 1px dashed #6f5e5d;
    margin: 0 auto; 
	color: #6f5e5d;
	text-align: center;
	line-height: 4.9em;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;

	-moz-border-radius-topleft: 50%;
	-moz-border-radius-topright: 50%;
	-moz-border-radius-bottomright: 50%;
	-moz-border-radius-bottomleft: 50%;

	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.progress-circle.active{
	border: none;
	background: #6f5e5d;
	box-shadow: 1px 1px 1px #888888;
	color: #FFF;
}

.link-point{
	border-bottom: 1px dashed #6f5e5d;
	height:1px;
	background:#FFF;
	position: absolute;
    width: 100%;
    top: 50%;
	left: 50%;
	z-index : -1;
}
.link-point.active{
	border-bottom:2px solid #6f5e5d;
}

.w3-input:focus {
	outline: none;
	border-color: #FFDE00;
	border-width: 4px;
}

fieldset.scheduler-border {
	background-color: #FFF;
    border: 2px solid #ddd !important;
    padding: 0 1.4em 0.8em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    color: #6f5e5d;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    margin-bottom: 10px;
}

.dl-horizontal {
	margin-bottom: 10px;
}

.dl-horizontal dd {
	padding-bottom: 0.5em;
}

@media (max-width: 768px) {
	.dl-horizontal dt {
	    float: left;
	    clear: left;
	    text-align: right;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	  }
	.dl-horizontal dd {
	  margin-left: 105px;
	}
	.dl-horizontal.dd-long dd{
		margin-left: 120px;
	}
	.dl-horizontal.dd-long-summary dd{
		margin-left: 150px;
	}
	#footer{
		text-align: center;
	}
}

.resposive-form{
	padding: 0px;
	margin-bottom: 10px;
}

.msp-group-field{
	padding: 0 0 1.5em 0;
}

.msp-group-field > label{
	width: 100%;
	color: #887877;
}

.msp-input-group {
	padding: 0.5em 0 0 1em;
}

.msp-input{
	height: 20px !important;
	border-style: solid;
    border-width: 0 0 1px 0;
}

.msp-input.text{
	width: 90%;
}
.msp-input.text.date-pick{
	width: 80%;
}

.msp-input:focus {
	outline: none;
	border-color: #FFDE00;
	border-width: 0 0 4px 0;
}

.input-card-no{
	text-align: center;
	width: 3.5em !important;
}

.error-msg-responsive{
	margin:0 2em 0 1em !important;
	padding-top: 0.2em !important;
}

.msp-button-group{
	text-align: center;
	display: block;
	display: -webkit-flex; /* Safari */
    display: flex;
}

.button-padding{
	padding-bottom: 1em;
}

.msp-button-group .btn-msp{
	font-size:1.3em !important;
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    background-color: transparent;
    border: 1px solid;
    margin: 5px;
}

.msp-button-group .btn-msp-green{
	color:green;
}

.msp-button-group .btn-msp-disable{
	color:#B2B3B2;
	pointer-events: none;
}

.term-responsive {
	height: 300px;
	margin-top: -10px;
}

.term-responsive ul{
	padding: 0 15px 0 15px !important;
	margin: 0 !important;
}

pre.accept-condition {
	margin-top: -10px;
	text-align: center;
	padding: 1.5px 9.5px 1.5px 0px;
	border: none;
    border-radius: 0px;
    background-color: transparent;
}

input[type="checkbox"].extra-checkbox{
  width: 20px;
  height: 20px;
}

label.accept-text{
	display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0px;
    color: #6f5e5d;
    font-size: 1.0em;
}

.bg-white {
	background-color: white;
}

.short-responsive{
	height: 200px;
}

.card_no label{
	width: auto;
	padding-right: 20px;
}

.cc-number label{
	width: auto;
	padding-right: 38px;
}

.opt {
	margin-top: -10px;
}

.opt label{
	width: auto;
	padding-right: 45px;
	padding-top: 10px;
}

.notice-responsive {
/*   margin-top: -20px;*/
    font-size: 0.9em;
}

.notice-responsive .form-notice{
	font-size: 0.9em;	
}

.otp-mobile.xs {
	padding-top: 10px;
    padding-bottom: 0px;
    font-size: 1em;
}

.otp-error{
	padding-left: 89px;
}

