@charset "utf-8";
/* CSS Document */
.rm-form-box {
	max-width: 500px;
	margin: 50px auto;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.rm-form {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333;
    font-size: 14px;
    line-height: 1.42857;
}
.rm-form__title {
    font-size: 20px;
	line-height: 1.1;
	font-weight: normal;
    text-transform: uppercase;
	margin: 15px 0;
}
.rm-form__text {
}
.rm-form__text_1 {
	font-size: 16px;
	margin: 15px 0 20px;
}
.rm-form-line {
	margin-bottom: 20px;
}
.rm-form-line_lg {
	font-size: 18px;
}
.rm-form-line_sm {
	font-size: 12px;
}
.rm-form-line__help {
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}
.rm-form-loading-box {
	padding: 12px 0 11px;
}
/* rm-btn */
.rm-btn {
	border: 1px solid transparent;
}
/* rm-btn_size-.. */
/* rm-btn_size-default */
.rm-btn_size-default {
	height: 32px;
	line-height: 32px;
	font-size: 14px;	
    border-radius: 4px;
}
.rm-btn_size-default .rm-btn__span {
	padding: 0 12px;
}
/* rm-btn_size-lg */
.rm-btn_size-lg {
	height: 44px;
	line-height: 44px;
	font-size: 12px;	
    border-radius: 3px;
	text-transform: uppercase;
	font-weight: 800;
}
.rm-btn_size-lg .rm-btn__span {
	padding: 0 28px;
}
/* rm-btn_size-sm */
.rm-btn_size-sm {
	height: 28px;
	line-height: 28px;
	font-size: 12px;	
    border-radius: 3px;
}
.rm-btn_size-sm .rm-btn__span {
	padding: 0 10px;
}
/* rm-btn_size-xs */
.rm-btn_size-xs {
	height: 20px;
	line-height: 20px;
	font-size: 12px;	
    border-radius: 3px;
}
.rm-btn_size-xs .rm-btn__span {
	padding: 0 5px;
}
/* rm-btn_color-.. */
/* rm-btn_color-default */
.rm-btn_color-default {
	background-color: #fff;
    border-color: #ccc;
    color: #333;	
}
.rm-btn_color-default:focus,
.rm-btn_color-default.focus {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.rm-btn_color-default:hover {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.rm-btn_color-default:active,
.rm-btn_color-default.active {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.rm-btn_color-default.disabled,
.rm-btn_color-default[disabled] {
	background-color: #ffffff;
	border-color: #cccccc;
}
/* rm-btn_color-primary */
.rm-btn_color-primary {
	color: #ffffff;
	background-color: #1485ce;
	border-color: #1485ce;	
}
.rm-btn_color-primary:focus,
.rm-btn_color-primary.focus {
	color: #ffffff;
	background-color: #53a4d8;
	border-color: #53a4d8;
}
.rm-btn_color-primary:hover {
	color: #ffffff;
	background-color: #53a4d8;
	border-color: #53a4d8;
}
.rm-btn_color-primary:active,
.rm-btn_color-primary.active {
	color: #ffffff;
	background-color: #53a4d8;
	border-color: #53a4d8;
}
.rm-btn_color-primary.disabled,
.rm-btn_color-primary[disabled] {
	background-color: #337ab7;
	border-color: #2e6da4;
}
/* rm-btn_color-success */
.rm-btn_color-success {
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;	
}
.rm-btn_color-success:focus,
.rm-btn_color-success.focus {
	color: #ffffff;
	background-color: #449d44;
	border-color: #255625;
}
.rm-btn_color-success:hover {
	color: #ffffff;
	background-color: #449d44;
	border-color: #398439;
}
.rm-btn_color-success:active,
.rm-btn_color-success.active {
	color: #ffffff;
	background-color: #449d44;
	border-color: #398439;
}
.rm-btn_color-success.disabled,
.rm-btn_color-success[disabled] {
	background-color: #5cb85c;
	border-color: #4cae4c;
}
/* rm-btn_color-info */
.rm-btn_color-info {
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;	
}
.rm-btn_color-info:focus,
.rm-btn_color-info.focus {
	color: #ffffff;
	background-color: #31b0d5;
	border-color: #1b6d85;
}
.rm-btn_color-info:hover {
	color: #ffffff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.rm-btn_color-info:active,
.rm-btn_color-info.active {
	color: #ffffff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.rm-btn_color-info.disabled,
.rm-btn_color-info[disabled] {
	background-color: #5bc0de;
	border-color: #46b8da;
}
/* rm-btn_color-warning */
.rm-btn_color-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;	
}
.rm-btn_color-warning:focus,
.rm-btn_color-warning.focus {
	color: #ffffff;
	background-color: #ec971f;
	border-color: #985f0d;
}
.rm-btn_color-warning:hover {
	color: #ffffff;
	background-color: #ec971f;
	border-color: #d58512;
}
.rm-btn_color-warning:active,
.rm-btn_color-warning.active {
	color: #ffffff;
	background-color: #ec971f;
	border-color: #d58512;
}
.rm-btn_color-warning.disabled,
.rm-btn_color-warning[disabled] {
	background-color: #f0ad4e;
	border-color: #eea236;
}
/* rm-btn_color-danger */
.rm-btn_color-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;	
}
.rm-btn_color-danger:focus,
.rm-btn_color-danger.focus {
	color: #ffffff;
	background-color: #c9302c;
	border-color: #761c19;
}
.rm-btn_color-danger:hover {
	color: #ffffff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.rm-btn_color-danger:active,
.rm-btn_color-danger.active {
	color: #ffffff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.rm-btn_color-danger.disabled,
.rm-btn_color-danger[disabled] {
	background-color: #d9534f;
	border-color: #d43f3a;
}
/* rm-label-line */
.rm-label-line {
	display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}
.rm-form-line_lg .rm-label-line {
}
.rm-form-line_sm .rm-label-line {
}
/* rm-inputbox-icon */
.rm-inputbox-icon {
	width: 34px;
	height: 34px;
	line-height: 34px;
}
.rm-form-line_lg .rm-inputbox-icon {
	width: 46px;
	height: 46px;
	line-height: 46px;
}
.rm-form-line_sm .rm-inputbox-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
/* rm-inputbox-icon-first */
.rm-inputbox-icon-first {
	width: 34px;
	height: 34px;
	line-height: 34px;
}
.rm-inputbox-icon-first .rm-inputbox-icon {
	width: 46px;
	height: 46px;
	line-height: 46px;
}
.rm-inputbox-icon-first .rm-inputbox-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
/* rm-inputbox */
.rm-inputbox {
	padding: 0 12px;	
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}
.rm-form-line_lg .rm-inputbox {
	padding: 0 16px;
}
.rm-form-line_sm .rm-inputbox {
	padding: 0 10px;
}
.rm-inputbox_icon.rm-inputbox {
	padding-right: 48px;
}
.rm-form-line_lg .rm-inputbox_icon.rm-inputbox {
	padding-right: 62px;
}
.rm-form-line_sm .rm-inputbox_icon.rm-inputbox {
	padding-right: 40px;
}
.rm-inputbox_icon-first.rm-inputbox {
	padding-left: 48px;
}
.rm-form-line_lg .rm-inputbox_icon-first.rm-inputbox {
	padding-left: 62px;
}
.rm-form-line_sm .rm-inputbox_icon-first.rm-inputbox {
	padding-left: 40px;
}
.rm-inputbox__error {
	display: none;
	position: absolute;
	top: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #a94442;	
}
.has-error .rm-inputbox__error {
	display: block;
}
.rm-inputbox__input,
input[type="text"].rm-inputbox__input,
input[type="password"].rm-inputbox__input {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #555;
}
.rm-form-line_lg .rm-inputbox__input {
	height: 46px;
	font-size: 18px;
}
.rm-form-line_sm .rm-inputbox__input {
	height: 30px;
	font-size: 12px;
}
.has-error > .rm-inputbox {
	 border-color: #a94442;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error > .rm-inputbox .rm-inputbox-icon {
	display: block;
	color: #a94442;
}
.has-error > .rm-inputbox .rm-inputbox-icon:before {
	content: "\e107";
}
.has-success > .rm-inputbox {
	border-color: #009e55;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success > .rm-inputbox .rm-inputbox-icon {
	display: block;
	color: #009e55;
}
.has-success > .rm-inputbox .rm-inputbox-icon:before {
	content: "\e013";
}
.rm-inputbox.focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error > .rm-inputbox.focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-success > .rm-inputbox.focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.rm-inputbox__input.placeholder-color {
	color: #ccc;
}
/* rm-textareabox */
.rm-textareabox {
	padding: 7px 12px;
	overflow: hidden;	
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}
.rm-inputbox__textarea {
	font-size: 14px;
	color: #555;
	min-height: 100px;
	margin: 7px 0;
	padding: 0;
}
.rm-form-line_lg .rm-inputbox__textarea {
	font-size: 18px;
	margin: 10px 0;
}
.rm-form-line_sm .rm-inputbox__textarea {
	font-size: 12px;
	margin: 5px 0;
}
/* rm-inputbox__select */
.rm-selectbox {
	padding: 0 !important;
}
.rm-inputbox__select {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #555;
	padding: 0 12px;
	border-radius: 4px;
	background-position: 98% center;
}
.rm-inputbox__select option {
	padding: 5px 12px;
}
.rm-form-line_lg .rm-inputbox__select {
	height: 46px;
	font-size: 18px;
}
.rm-form-line_sm .rm-inputbox__select {
	height: 30px;
	font-size: 12px;
}
/* rm-radiobox */
.rm-radiobox i {
	background: url(../img/radio.png) 0 0 no-repeat;
}
.rm-radiobox .rm-radio:checked + i {
	background-position: 0 -54px;
}
.rm-radiobox .rm-radio:hover + i {
	background-position: 0 -36px;
}
.rm-radiobox .rm-radio:checked:hover + i {
	background-position: 0 -54px;
}
/* rm-checkbox */
.rm-checkbox i {
	background: url(../img/check.png) 0 0 no-repeat;;
}
.rm-checkbox .rm-check:checked + i {
	background-position: 0 -54px;
}
.rm-checkbox .rm-check:hover + i {
	background-position: 0 -36px;
}
.rm-checkbox .rm-check:checked:hover + i {
	background-position: 0 -54px;
}
/* rm-checkradio */
.rm-checkradio {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	margin: 5px 20px 5px 0;
}
.rm-checkradio__label {
	display: inline-block;
	vertical-align: middle;	
}
.rm-checkradio .rm-radiobox {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 1px 0 0;
}
.rm-checkradio .rm-checkbox {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 1px 0 0;
}
/* rm-cbx-style */
.rm-cbx-style {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333;
    font-size: 14px;
    line-height: 1.42857;
}
