body{
	/*font-family: "Helvetica Neue",Arial,sans-serif,"Apple Color Emoji";
	 background:url("../images/bg-1.png") no-repeat left top !important; 	 
	background: linear-gradient(45deg, rgba(174, 198, 242, 0.5) 5%, rgba(230, 248, 255, 0.9) 100%), url("../img/hero-bg.jpg") center center no-repeat;
    background-attachment: scroll, scroll;
    background-size: auto, auto;
	font-family: sans-serif;
	background:#fff;*/
}

.bg-dark{
  background: #074d82 !important;
}
#hero{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0px;
  text-align: left;
  font-weight: 600 !important;
}
#hero h1{  
  margin-bottom: 15px;
  font-size: 38px;
  font-weight: 700;
}
.page-form{
	/* background:url("../images/bg-1.png") no-repeat left top !important; */
}

.form_block{
	background:rgba(255,255,255,.5);	
	margin:30px 15px;
	padding:0px;
	border-radius:20px;
}
#adduserform input[type="file"]
{
  padding: 2px 0 2px 2px;
  height: 29px;
}
.adduserform h4{
	margin-top: 30px;
}
.adduserform .form-group.row{
	 margin-bottom: 15px;
}
.loading-text{
    color:#000;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    background-color: #fff;
    border-radius: 3px;
    width: 150px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.error-field{
    border: 1px solid red;
}
.error-field:focus{
    border: 1px solid #F00 !important;
    box-shadow: inset 0 1px 1px rgba(255, 0,0, 0.6),0 0 6px rgba(255, 0, 0, 0.6);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.adduserform input[type="file"] {
		padding:2px 0 2px 2px !important;
		height: 33px !important;
	}
}
@-moz-document url-prefix(){
	.adduserform input[type="file"] {
		padding:2px 0 2px 2px;
		height:  29px !important;
	}
}	
.dnd_chkbox{
  width: 20px;
  height: 20px !important;
  display: inline-block;
  margin-top: 7px;
  margin-bottom: 4px;
  cursor: pointer;
}
#adduserform .ui-datepicker-trigger, #adduserform .ui-datepicker-trigger:hover, #adduserform .ui-datepicker-trigger:active{
  float: right;
  margin-top: -30px;
  margin-right: 5px;
  border: 0px solid rgba(0,0,0,0);
  outline: none;
  background-color: transparent;
}
.form-elem-guide-text{
  font-style: italic;
  font-size: 13px;
  line-height: 15px;
  margin-top: 5px;
}
.clear_selection{
	color:#323ccc;
	font-size: 15px;
}
.clear_selection:hover{
	color:#000;
}

.form-control{
  padding: 3px 4px;
  font-size: 14px !important;
}
.form-control{
  height: 32px;
}
.form_heading{
	padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 15px;
}
.ref_bg{  
background:linear-gradient(to right, #fff 0%,#eaeaea 50%,#fff 100%); 
  padding: 10px 0 20px 0;
  margin: 0 0 20px 0;
}

.mandatory{
  color: #f00;
}
span.required{
  color: red;
}

.adjust_radio .form-check .form-check-input {

  margin-left: -0.7em;
}

.adjust_radio_first{
margin-left: 12px;
}
.adjust_radio_second .form-check-input[type="radio"] {
margin-right: 7px;
  margin-left: 10px;
}


@media screen and (max-width:1920px){
	.form_block{
		width:100%;
	}
}

@media screen and (max-width:1300px){
	.form_block{
		width:60%;
	}
}
@media screen and (max-width:1350px){
	.form_block{
		width:100%;
	}
}
@media screen and (max-width:575px){
	.form_block .btn-success{
	  width: 100%;
	}
}