/* general */

#form-form-callback-container { 
	width: 100%;
	padding: 30px;
}

/* buttons */

.form-form-callback-submit { 
	cursor: pointer;
	width: 100%;
	height: 42px;
	outline: none;
	background-color: #0D6DFE;
	border: 1px #0D6DFE solid;
  	color: white;
  	font-size: 18px
}

.form-form-callback-submit:hover { 
	background-color: #0D6DFE;
	border: 1px #0D6DFE solid;
}

.form-form-callback-submit::-moz-focus-inner { 
	border:0;
}

/* static texts */

.form-form-callback-text-heading { 
	padding: 0px;
	text-align: left;
	font-size: 22px;
    line-height: 22px;
	margin: 0px 0px 15px 0px;
}

/* form rows & row static elements */

.dyn-row-form-callback { 
	margin: 0px 0px 10px 0px;
	width: 100%;
}

.dyn-row-form-callback * { 
	outline: 0;
}

.dyn-row-form-callback span.required { 
	color: red;
}

.dyn-lab-form-callback { 
	margin-bottom:3px;
}

.dyn-row-form-callback label { 
	font-size: 14px;
}

.dyn-row-form-callback .dyn-hint-form-callback { 
	font-size: 12px;
	text-align: right;
	font-style: italic;
}

/* text */

.dyn-row-form-callback input[type=text], .dyn-row-form-callback input[type=password] { 
	width: 100%;
	height: 42px;
	padding-left: 3%;
	padding-right: 3%;
	border: 1px #4E4E4E solid;
	font-size: 18px
	color: #333;
	box-sizing: border-box;
  	text-align: center;
   	margin-bottom: 10px;
}

.dyn-row-form-callback input[type=text]:focus, .dyn-row-form-callback input[type=password]:focus { 
	border: 2px #a0e1ff solid;
	box-shadow: 0px 0px 4px #a0e1ff;
}

.dyn-row-form-callback input[type=text].error, .dyn-row-form-callback input[type=password].error { 
	border: 2px #f57f7f solid;
	background-color: #fff6f6;
}

.dyn-row-form-callback input[type=text].error:focus, .dyn-row-form-callback input[type=password].error:focus { 
	box-shadow: 0px 0px 4px #f57f7f;
}

/* textarea */

.dyn-row-form-callback textarea { 
	width: 100%;
	height: 150px;
	padding: 9px 3%;
	border: 2px #e2e1df solid;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	box-sizing: border-box;
	resize: none;
}

.dyn-row-form-callback textarea:focus { 
	border: 2px #a0e1ff solid;
	box-shadow: 0px 0px 4px #a0e1ff;
}

.dyn-row-form-callback textarea.error { 
	border: 2px #f57f7f solid;
	background-color: #fff6f6;
}

.dyn-row-form-callback textarea.error:focus { 
	box-shadow: 0px 0px 4px #f57f7f;
}

/* checkbox */

.dyn-row-form-callback input[type="checkbox"] { 
	display: none;
}

.dyn-row-form-callback input[type="checkbox"] + label { 
	font-size: 14px;
	cursor: pointer;
}

.dyn-row-form-callback input[type="checkbox"] + label em { 
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0px;
	vertical-align: bottom;
	background: url(../check_radio_sheet.png) left top no-repeat;
	cursor: pointer;
}

.dyn-row-form-callback input[type="checkbox"]:checked + label em { 
	background: url(../check_radio_sheet.png) -19px top no-repeat;
}

/* radio */

.dyn-row-form-callback input[type="radio"] { 
	display: none;
}

.dyn-row-form-callback input[type="radio"] + label { 
	font-size: 14px;
	cursor: pointer;
}

.dyn-row-form-callback input[type="radio"] + label em { 
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0px;
	vertical-align: bottom;
	background: url(../check_radio_sheet.png) -39px top no-repeat;
	cursor: pointer;
}

.dyn-row-form-callback input[type="radio"]:checked + label em { 
	background: url(../check_radio_sheet.png) -58px top no-repeat;
}

/* select */

.dyn-row-form-callback select.select-single { 
	width: 100%;
	height: 34px;
	padding-left: 2%;
	padding-right: 2%;
	border: 2px #e2e1df solid;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background: url(../button_arrow.png) transparent right center no-repeat;
}

.dyn-row-form-callback ::-ms-expand { 
	display: none;
}

.dyn-row-form-callback select.select-single:focus { 
	border: 2px #a0e1ff solid;
	box-shadow: 0px 0px 4px #a0e1ff;
}

.dyn-row-form-callback select.select-single.error { 
	border: 2px #f57f7f solid;
	background-color: #fff6f6;
}

.dyn-row-form-callback select.select-single.error:focus { 
	box-shadow: 0px 0px 4px #f57f7f;
}

.dyn-row-form-callback select.select-single option { 
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding-top:3px;
	padding-bottom:3px;
}

/* multiselect */

.dyn-row-form-callback select.select-multiple { 
	width: 100%;
	max-height: 100px;
	padding:3px 3px 3px 2%;
	border: 2px #e2e1df solid;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	box-sizing: border-box;
	cursor: pointer;
}

.dyn-row-form-callback select.select-multiple:focus { 
	border: 2px #a0e1ff solid;
	box-shadow: 0px 0px 4px #a0e1ff;
}

.dyn-row-form-callback select.select-multiple.error { 
	border: 2px #f57f7f solid;
	background-color: #fff6f6;
}

.dyn-row-form-callback select.select-multiple.error:focus { 
	box-shadow: 0px 0px 4px #f57f7f;
}

.dyn-row-form-callback select.select-multiple option { 
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* datetime */

#ui-datepicker-div { 
	font-size: 11px;
}

/* captcha */

.dyn-row-form-callback .captcha img { 
	border: 2px #e2e1df solid;
	display: block;
	float: left;
}

.dyn-row-form-callback .captcha input[type=text] { 
	margin-left: 8px;
	text-align: center;
}

/* files */

.dyn-row-form-callback .drops { 
	width: 100%;
	height: 34px;
	padding-left: 3%;
	padding-right: 3%;
	border: 2px #e2e1df solid;
	font-family: Arial;
	font-size: 12px;
	line-height: 12px;
	color: #333;
	box-sizing: border-box;
	text-decoration: underline;
	cursor: pointer;
	overflow: hidden;
	background: url(../clip.png) no-repeat 3% center;
}

.dyn-row-form-callback .drops input { 
	display: none;
}

.dyn-row-form-callback .drops span { 
	display: block;
	padding: 8px 0px 10px 6%;
}

.dyn-row-form-callback .drops.error { 
	border: 2px #f57f7f solid;
	background-color: #fff6f6;
}

.dyn-row-form-callback .uplRow { 
	display: inline;
	width: 96%;
	float: left;
	font-size: 11px;
	line-height: 11px;
	padding:3px 1%;
	border:1px #e2e1df solid;
	margin: 1px 1%;
}

.dyn-row-form-callback .uplRow .name { 
	display: inline;
	width: 54%;
	float: left;
	padding:0px 1%;
}

.dyn-row-form-callback .uplRow .size { 
	display: inline;
	width: 14%;
	float: left;
	padding:0px 0px 0px 1%;
}

.dyn-row-form-callback .uplRow .progress { 
	display: inline;
	width: 14%;
	float: left;
	color: white;
	text-align: center;
	border-radius: 4px;
	background: url(/themes/admin-antares/images/progress.gif);
}

.dyn-row-form-callback .uplRow .progress.ok { 
	background-image: none;
	background-color: #00cc11;
}

.dyn-row-form-callback .uplRow .remover { 
	display: inline;
	width: 14%;
	float: left;
	padding:0px 0px 0px 1%;
	color: red;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
}