.form-group { margin-bottom:20px; clear: both; position: relative;}
.form-group label { display:block; padding-bottom: 8px;}

.request-info input[type="radio"] {appearance: auto; -webkit-appearance: auto; margin-right: 16px;}
.request-info input[type=text],
.request-info input[type=date],
.request-info textarea,
.request-info select { 
	background-color: #fff; width: 100%; border:1px solid #C8C8C8; margin:0; padding: 12px 16px; box-sizing: border-box;
}
.request-info select { background:#ffffff url(../img/selectarrow2.png) no-repeat right center ; width: 80%;}
.request-info select::-ms-expand { /* for IE 11 */ 
	display: none;
}
.request-info textarea {height:120px;}
.request-info .error input { border:1px solid #ee4036 !important;}
.error-tooltip { left:33%; display: none; position: absolute; top: -55px; color: #ffffff; padding: 10px 15px; font-size: 12px; background: #333; width: 250px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
.error-tooltip:before { content:" "; border-style:solid; border-width:10px 12px 0px 12px; border-color:#333 transparent transparent transparent; position:absolute; bottom:-10px; }
.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; }

.request-info input[type=checkbox] { 
	position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.request-info input[type=checkbox] + label { background-image:url(../img/unchecked2.png); padding:0px 0 5px 47px; display:inline-block; line-height:30px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; color: #555555;}
.request-info input[type=checkbox]:checked + label{ background-image:url(../img/checked2.png); }

#error-message-box { display: none; background: #ee4036; color:#FFF; padding:30px; position: relative; top:0; left:0; width: 100%; margin-bottom: 30px;}
body.ri-error #error-message-box { display: block; }
body.ri-error #error-message-box .fa { font-size: 25px; margin: 0 35px 0 0; float: left; }
body.ri-error #main { padding-top: 20px;}


/* MEDIA QUERIES */
@media screen and (max-width:990px) {
body.ri-error #main { padding-top: 40px;}
}
@media screen and (max-width:767px) {
body.ri-error #main { padding-top: 80px;}
}
@media screen and (max-width:736px) {
	.form-group label, .request-info input[type=text],.request-info textarea,.request-info select { width:100%; }
	.error-tooltip { left:0; }
}
@media screen and (max-width:540px) {body.ri-error #main { padding-top: 120px;}}

.request-info {min-height: 600px; margin-top: 40px;}
.request-info .page {display: none;}
.request-info .page.active {display: block;}

.request-info .flex-row .half {width: calc(50% - 12px);}
@media screen and (max-width: 680px) {.request-info .flex-row > .half {width: 100%;}}

.nav-tabs {margin-top: 24px;}
.nav-tabs .next {margin-left: auto;}