.row .errmessage {
	font-size: 18px;
	color: #870707 !important;
	font-weight: bold;
	font-family: Calibri, verdana, Arial, Helvetica, sans-serif;
}

.errmessage {
	font-size: 16px;
	color: #870707 !important;
	font-weight: bold;
	font-family: Calibri, verdana, Arial, Helvetica, sans-serif;
}

.errmessage1 {
    font-size: 16px;
    color: #15cf15 !important;
	font-family: Calibri, verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.errmessage2 {
	font-size: 16px;
	color: #870707 !important;
	font-family: Calibri, verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

#HeadGrid .errmessage {
	font-size: 18px;
	color: #870707 !important;
	font-weight: bold;
}

.table>thead>tr>th {
	color: #eff2f5;
	background-color: #0d2746;
	font-family: Calibri, courier-new, sans-serif;
	font-size: 15px;
	white-space: inherit !important;
	vertical-align: middle;
	width: 150px;
}

.table>tbody>tr>td, b.table>tfoot>tr>td, .table>thead>tr>td {
	padding: 4px 10px;
	line-height: 1.428571;
	vertical-align: baseline;
}

td>.form-control {
	display: block;
	width: 100%;
	height: 28px;
	font-size: 12px;
}

.required-field:after {
	color: #d00;
	content: "*";
	position: relative;
	margin-left: 2px;
	top: 1px;
}

@media ( max-device-width :425px) and (min-device-width:320px) {
	.{
	width
	:
	100%;
}

}

/* ------------------------start bg-color CSS--------------------- */
@media ( max-device-width :1440px) and (min-device-width:1024px) {
	body {
		background-color: #ffffff !important;
		height: 650px !important;
	}
}

@media ( max-device-width :1024px) and (min-device-width:768px) {
	body {
		/* background-color: #c3e8ca; */
		background-color: #ffffff !important;
		height: 750px !important;
	}
}

@media ( max-device-width :425px) and (min-device-width:320px) {
	body {
		/* background-color: #c3e8ca; */
		background-color: #ffffff !important;
		/* height: 950px !important; */
	}
}

.container {
	overflow: hidden;
}
/* ------------------------End bg-color CSS--------------------- */
.btn-primary {
	color: #fff;
	background-color: /* #2b3e1f */ #ed9e40; /*change by dik*/
	border-color: /* #2e6da4 */ #4a6361; /*change by dik*/
}

.btn {
	padding: 4px 20px;
}

.col-form-label {
	color: #10160c !important;
}

.btn-primary:hover {
	color: #fff;
	background-color: #48A9C4;
	border-color: #687DB4;
	box-shadow: 2px 2px 1px #336376;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84a5e0),
		color-stop(100%, #05270e));
	border-radius: 2px;
}

.btn {
	padding: 8px 15px;
    background: linear-gradient(-60deg, #4a2b1f 53%, #5e211b 47%);
    border-radius: 17px;
}

.modal-content {
	background-color: #404e67;
}

.text-1 {
	color: #000 !important;
	text-align: right;
}

.crRad {
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .2);
}

.p-0 {
	padding: 0px;
}

input, textarea
	input::placeholder, textarea::placeholder {
	font: 13px sans-serif;
}

.loginBack {
	color: #700c01
}
.frm-label{
	margin-top: 7px;
}
input[type=checkbox], input[type=radio] {
    margin: 11px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type=file] {
    display: block;
    margin-top: 0px;
}

input,
input::placeholder {
    color:#555 !important;
}
 
textarea::placeholder {
  padding-top: 7px;
  color:#555;
  font-size: 13.2px;
}
/* *********************Instructions Details*********************  */
 .ins-heading{
	font-weight: 500; 
	color: #f36134; 
	margin: 0px 0px 8px 0px;
	font-size: 15px;
}	
.para-line{
	display: flex;
}
.ins-fa{
	color: #df1414;
    padding-top: 2px;
    margin-right: 5px;
    font-size: 18px;
}
.ins-details{
	color: #df1414;
    margin: 0 0 6px;
    FONT-WEIGHT: 500;
}
.noteDiv{
	padding: 0px 40px;
}
 /* *********************verify Btn*********************  */
 
  input[type=password].form-control.valid + label:after,
	input[type=password].form-control:focus.valid + label:after,
	input[type=password].form-control.invalid + label:after,
	input[type=password].form-control:focus.invalid + label:after {
    top: 3.75rem !important;
   }
	 
    span.field-icon {
	  position: absolute;
	  display: inline-block;
	  cursor: pointer;
	  right: 2.5rem;
	  top: 0.7rem;
	  color: $input-label-color;
	  z-index: 2;
    }
   .fa-lg {
    font-size: 1.33333333em;
   /*  line-height: 1.75em; */
    vertical-align: -15%;
    padding-left: 3px;
  }
  .required-field:after{
    color: #d00;
    content: "*";
    position: relative;
    margin-left: 2px;
    top: 1px;
  }