/* any forms parts */

/* remove default appearance of inputs. iOS devises basically */
input[type=text],
input[type=password],
input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* many thanks for IE! Just one fix... */
input::-ms-clear {
  display: none;
}

input[type=password]::-ms-reveal {
  display: none;
}

.admin input.form-control.huge {
  height: 94px;
  line-height: 94px;
  font-size: 18px;
  padding: 0 37px;
  font-weight: bold;
}

.code-block input.form-control:focus {
  box-shadow: none;
  border-color: #929497;
}

.btn-submit {
  padding: 18px 16px 20px;
  width: 100%;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  background-color: #3164b0;
}

.btn-submit-small {
  width: 100%;
  border-radius: 3px;
  font-size: 14px;
  background-color: #3164b0;
}

.custom-check input[type=checkbox] {
  display: none;
}

.custom-check input[type=checkbox] + label {
  position: relative;
  line-height: 1.8;
  color: #6d6f71;
  cursor: pointer;
  padding-left: 40px;
}

.custom-check input[type=checkbox] + label span {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 21px;
  vertical-align: middle;
  background: url('../img/ico/checkbox.svg') left bottom no-repeat;
}

.custom-check input[type=checkbox]:checked + label span {
  background: url('../img/ico/checkbox.svg') left top no-repeat;
}

.custom-check.custom-check-green input[type=checkbox] + label span {
  background: url('../img/ico/check_sign_green.png') left 4px no-repeat;
}

.custom-check.custom-check-green input[type=checkbox]:checked + label span {
  background: url('../img/ico/check_sign_green.png') left -26px no-repeat;
}

/* START styled checkbox */
.as-check {
  position: relative;
}

.as-check input {
  display: none;
}

.as-check label {
  cursor: pointer;
}

.as-check-md label {
  margin: 0;
  padding: 2px 40px 1px 0;
  background: url('../img/ico/checkbox.svg') right -20px no-repeat;
}

.as-check-md input:checked + label {
  background: url('../img/ico/checkbox.svg') right top no-repeat;
}

.as-check-sm label {
  position: relative;
  margin: 0;
  padding: 6px 0 6px 30px;
  font-size: 12px;
  font-weight: normal;
}

.as-check-sm label:before {
  position: absolute;
  content: '';
  left: 0;
  top: 8px;
  height: 20px;
  width: 20px;
  background: url('../img/ico/check_sign_green.png') left 0 no-repeat;
}

.as-check-sm input:checked + label {
}

.as-check-sm  input:checked + label:before {
  position: absolute;
  content: '';
  left: 0;
  top: 8px;
  height: 20px;
  width: 20px;
  background: url('../img/ico/check_sign_green.png') left -30px no-repeat;
}
/* END styled checkbox */

.big-check {
  width: 80px !important;
  height: 63px !important;
  background: url('../img/ico/check_sign.svg') center 21px no-repeat;
}

input:focus + .big-check {
  background-position: center -30px;
}

.with-success .big-check {
  background-position: center -80px !important;
}

.with-error .big-check {
  background-position: center -131px !important;
}

.form-group.big-check-container input {
  padding-right: 80px;
}

.check-sign {
  background: url('../img/ico/check_sign_middle.svg') center -76px no-repeat;
}

.check-sign-container input:focus + .check-sign {
  background-position: center -28px;
}

.with-success .check-sign-container .check-sign {
  background-position: center 19px !important;
}

.with-error .check-sign-container .check-sign {
  background: url('../img/ico/remove_sign_middle.svg') center 20px no-repeat !important;
}

.mail-sign {
  background: url('../img/ico/mail_sign_middle.svg') center -47px no-repeat;
}

.with-success .mail-sign-container .mail-sign {
  background-position: center 18px;
}

.with-error .mail-sign-container .mail-sign {
  background: url('../img/ico/remove_sign_middle.svg') center 20px no-repeat;
}

.lock-sign {
  background: url('../img/ico/lock_sign_middle.svg') center -122px no-repeat;
}

.lock-sign-container input:focus + .lock-sign {
  background-position: center -52px;
}

.with-success .lock-sign-container .lock-sign {
  background-position: center 15px !important;
}

.with-error .lock-sign-container .lock-sign {
  background: url('../img/ico/remove_sign_middle.svg') center 20px no-repeat !important;
}

.with-success .glyphicon, .with-success-geo .glyphicon {
  color: #3164b0;
}

.inputs-list .with-success-geo .form-group .form-control, .with-success-geo .form-control:focus + .form-control-feedback {
  color: #3164b0 !important;
}

.with-error .glyphicon:before {
  content: '';
}
.with-error .glyphicon {
  background: url('../img/ico/remove_sign_middle.svg') center 20px no-repeat;
}

.with-success .glyphicon:before {
  content: "\e013";
}

.form-group:after {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 0;
  height: 2px;
  content: '';
}

.row.short .form-group:after {
  width: 20%;
  background-color: #6d6f71;
  -webkit-transition: width .7s ease-in-out;
  -moz-transition: width .7s ease-in-out;
  -ms-transition: width .7s ease-in-out;
  -o-transition: width .7s ease-in-out;
  transition: width .7s ease-in-out;
}

.row.weak .form-group:after {
  position: absolute;
  width: 60%;
  content: '';
  -webkit-transition: width .7s ease-in-out;
  -moz-transition: width .7s ease-in-out;
  -ms-transition: width .7s ease-in-out;
  -o-transition: width .7s ease-in-out;
  transition: width .7s ease-in-out;
  background-color: #f26522;
}

.row.good .form-group:after {
  position: absolute;
  width: 85%;
  content: '';
  -webkit-transition: width .7s ease-in-out;
  -moz-transition: width .7s ease-in-out;
  -ms-transition: width .7s ease-in-out;
  -o-transition: width .7s ease-in-out;
  transition: width .7s ease-in-out;
  background-color: #f26522;
}

.row.strong .form-group:after {
  position: absolute;
  width: 100%;
  content: '';
  -webkit-transition: width .7s ease-in-out;
  -moz-transition: width .7s ease-in-out;
  -ms-transition: width .7s ease-in-out;
  -o-transition: width .7s ease-in-out;
  transition: width .7s ease-in-out;
  background-color: #98c23a;
}

.matched-pass .form-group:before, .matched-pass-confirm .form-group:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #98c23a;
}

.matched-pass .form-group:before {
  bottom: 0;
}

.matched-pass-confirm .form-group:before {
  top: 0;
}

.inputs-list .form-group {
  margin-top: -1px;
  margin-bottom: 0;
}

.form-group.v-center {
  margin-bottom: 0;
}

.inputs-list .form-control {
  padding-left: 25px;
  height: 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #929497;
  border-radius: 0;
  border-color: #dcddde;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.inputs-list .with-success .form-group .form-control {
  color: #3164b0;
}

.inputs-list .with-success .form-group .form-control-feedback {
  color: #3164b0 !important;
}

.inputs-list .with-success .form-group .filter-option {
  color: #3164b0 !important;
}

.inputs-list .with-success .form-group .bootstrap-select .caret {
  border-top: 10px dashed #3164b0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

/*with error*/
.inputs-list .with-error .form-group .form-control {
  color: #f16522;
}

.inputs-list .form-group.with-error .form-control-feedback {
  color: #f16522 !important;
}

.inputs-list .row:first-child {
  margin-top: 45px;
}

.tab-content .inputs-list .row:first-child {
  margin-top: 0;
}

.inputs-list .form-group .form-control-feedback {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 19px;
}

.inputs-list .row:first-child .form-control {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.inputs-list .row:last-child .form-control, .inputs-list .row:last-child .bootstrap-select .btn {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form-control:focus {
  border-color: #dcddde;
}

.inputs-list .form-control:focus + .form-control-feedback {
  color: #929497;
}

.inputs-list .alert {
  top: 8px;
  margin: 0;
  padding: 10px 15px 9px 30px;
}

.inputs-list .alert.alert-danger i {
  top: 10px;
}

/*with error*/
.inputs-list .with-error .form-group .form-control {
  color: #f16522;
}

.inputs-list .with-error .form-group .form-control-feedback {
  color: #f16522 !important;
}

.form-control:focus {
  border-color: #dcddde;
}

.inputs-list .lg-input input {
  height: 80px !important;
  padding: 20px 85px 20px 40px;
}

.inputs-list .lg-input .form-control-feedback {
  height: 80px;
  width: 85px;
}

.checklist-container {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.checklist-container .top-line-inputs .form-group {
  display: inline-block;
  width: 50%;
  margin: 0;
}

.checklist-container .top-line-inputs .form-group input {
  padding: 6px 50px 6px 24px;
  border: none;
  border-bottom:1px solid #ddd;
  border-radius: 0;
  border-top-left-radius: 4px;
}

.checklist-container .top-line-inputs .form-group .form-control-feedback {
  right: 15px;
}

.checklist-container .top-line-inputs .form-group + .form-group input {
  border-radius: 0;
  border-left: 1px solid #ddd;
  border-top-right-radius: 4px;
}

.checklist-container ul {
  margin: 0;
  padding: 22px 23px;
  list-style-type: none;
}

.checklist-container ul.col-md-6:first-child {
  padding-left: 38px;
}

.checklist-container ul.col-md-6:last-child {
  padding-left: 10px;
  padding-right: 33px;
}

.checklist-container label {
  display: block;
}

.lg-input .mail-sign {
  background-position: center -33px;
}

.lg-input input:focus + .mail-sign {
  background: url('../img/ico/mail_sign_focus.png') center 32px no-repeat;
}

.lg-input .lock-sign {
  background-position: center -108px;
}

.lg-input input:focus + .lock-sign {
  background-position: center -37px;
}

.with-error .lock-sign-container.lg-input .lock-sign {
  background: url('../img/ico/remove_sign_middle.svg') center 36px no-repeat !important;
}

.with-success .lock-sign-container.lg-input .lock-sign {
  background-position: center 29px !important;
}

.with-success .mail-sign-container.lg-input .mail-sign {
  background: url('../img/ico/mail_sign_middle.svg') center 33px no-repeat !important;
}

.with-error .mail-sign-container.lg-input .mail-sign {

}


/* alerts overrides */
.alert {
  position: relative;
  margin: 12px 0;
  padding: 11px 15px 10px 30px;
  border: none;
  font-size: 10px;
}

.alert-container {
  display: none;
}

.with-error .alert-container {
  display: block;
}

.alert.alert-danger {
  color: #6d6f71;
  background-color: #fdece4;
}

.alert.alert-danger i {
  position: absolute;
  top: 11px;
  left: 10px;
  height: 15px;
  width: 15px;
  font-size: 14px;
  background: url('../img/ico/exclamation_sign.svg') center center no-repeat;
}

.alert.alert-danger:after {
  position: absolute;
  content: '';
  top: 10px;
  left: 10px;
  height: 15px;
  width: 15px;
  font-size: 14px;
  background: url('../img/ico/exclamation_sign.svg') center center no-repeat;
}

.alert.alert-danger:before {
  position: absolute;
  content: '';
  top: 11px;
  left: -10px;
  border-width: 6px 10px 6px 0;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #fdece4;
  border-style: solid;
}

.alert.no-arrow:before {
  display: none;
}

.alert-error,
.alert-success {
  padding: 17px 45px 17px 66px;
  border-radius: 2px;
  line-height: 1.4;
  font-size: 12px;
  color: #fff;
}

.alert-error {
  background: #f26522 url('../img/ico/exclamation_sign_white.png') 32px 17px no-repeat;
}

.alert-success {
  background: #8eC741 url('../img/ico/check_sign_done.png') 32px 17px no-repeat;
}

.alert-sm {
  padding: 13px 25px 13px 45px;
}

.alert-sm p {
  margin: 0 0 5px;
}

.alert-sm .big {
  font-size: 16px;
}

.alert-sm.alert-success,
.alert-sm.alert-error {
  background-position: 16px 13px;
}

.form-group .alert {
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: 125%;
  width: 104%;
  margin: 0 auto;
  padding: 10px 15px 9px 30px;
}

.form-group .alert.alert-danger:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border-width: 10px 6px 0 6px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-top-color: #fdece4;
  border-style: solid;
}


/* START select 2 */

.inputs-list .select2 {
  width: 100% !important;
  font-size: 12px !important;
}

.inputs-list .select2-selection {
  border-radius: 0;
  border: none;
  height: 49px;
  padding-left: 25px;
  padding-right: 40px;
  border: 1px solid #dcddde;
}

.inputs-list .select2-selection:focus {
  outline: none;
}

.inputs-list .select2-selection .select2-selection__rendered {
  height: 47px;
  line-height: 47px;
  padding: 0;
  font-weight: bold;
  color: #3164b0 !important;
}

.inputs-list .select2-selection__placeholder {
  color: #d0d2d3 !important;
}

.inputs-list .select2 .select2-selection__arrow {
  height: 0;
  width: 0;
  right: 18px;
  top: 50%;
  margin-top: -3px;
  border-top: 10px dashed #9c9b9b;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
}

.inputs-list .with-success .form-group .select2 .select2-selection__arrow {
  border-top: 10px dashed #3164b0;;
}

.inputs-list .select2 .select2-selection__arrow b {
  display: none;
}

.select2-dropdown {
  border: none;
  padding: 0;
  border: 1px solid rgba(0,0,0,0.15);
}

.select2-results__options .select2-results__option {
  padding: 11px 12px;
  font-size: 11px !important;
  color: #262626 !important;
  font-weight: bold !important;
}

.inputs-list .select2-search--dropdown {
  padding: 5px 8px;
}

.select2-results__options .select2-results__option--highlighted,
.select2-results__options .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5 !important;
}

/* END select 2 */

/* custom controls width */
.custom-controls [class*=width-] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.custom-controls .width-9 {
  width: 9%;
}

.custom-controls .width-23 {
  width: 23%;
}

.custom-controls .width-14 {
  width: 14%;
}


/* START whole form */

.form-whole {
  font-size: 12px;
}

.form-whole .whole-container {
  padding-left: 15px;
  padding-right: 15px;
}

.form-whole > .row:first-child > [class*=col-]:first-child > textarea,
.form-whole > .row:first-child > [class*=col-]:first-child > input {
  border-top-left-radius: 4px;
}

.form-whole > .row:first-child > [class*=col-]:last-child > textarea,
.form-whole > .row:first-child > [class*=col-]:last-child > input {
  border-top-right-radius: 4px;
}

.form-whole > .row:last-child > [class*=col-]:first-child > textarea,
.form-whole > .row:last-child > [class*=col-]:first-child > input {
  border-bottom-left-radius: 4px;
}

.form-whole > .row:last-child > [class*=col-]:last-child > textarea,
.form-whole > .row:last-child > [class*=col-]:last-child > input {
  border-bottom-right-radius: 4px;
}

.form-whole > .row > [class*=col-] + [class*=col-] textarea,
.form-whole > .row > [class*=col-] + [class*=col-] input,
.form-whole > .row > [class*=col-] + [class*=col-] .dropdown-toggle {
  border-left: 1px solid transparent;
}

.form-whole > .row > [class*=col-] {
  padding: 0;
}

.form-whole input[type=text],
.form-whole input[type=email] {
  height: 48px !important;
}


.form-whole input[type=text],
.form-whole input[type=email],
.form-whole textarea {
  position: relative;
  width: 100%;
  padding: 15px;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  box-shadow: none;
  outline: none;
  resize: none;
  z-index: 4;
}

.form-whole input[type=text]:focus,
.form-whole input[type=email]:focus,
.form-whole textarea:focus {
  border-color: #929497 !important;
  z-index: 5;
}

.admin .form-whole .form-select .dropdown-toggle {
  border-color: #ddd;
  border-radius: 0 !important;
  border-bottom: 1px solid transparent !important;
}

.admin .form-whole .form-select.bootstrap-select.open {
  z-index: 5;
}

.admin .form-whole .form-select.bootstrap-select.open button {
  box-shadow: none !important;
  border-color: #929497 !important;
}

.form-whole textarea {
  padding: 20px 15px;
}

.textarea-container-huge,
.textarea-container-huge textarea {
  height: 400px;
}

.file-input-container {
  position: relative;
  border: 1px solid #ddd;
}

.file-input-container .file-input-wrapper {
  position: relative;
  width: 100%;
  margin: 0;
}

.file-input-container label {
  margin: 0;
}

.file-input-container label.label {
  padding: 15px;
  color: #c6c5c5;
  font-weight: normal;
  font-size: 12px;
}

.file-input-container div.label {
  position: relative;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  z-index: 2;
}

.file-input-wrapper input[type=text] {
  height: 45px !important;
  border: none;
  color: #6d6d6d;
  font-weight: normal;
  margin-top: 0 !important;
}

.file-input-container input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  opacity: 0;
}

.file-input-container input[type=text]::-webkit-input-placeholder {
  color: #6d6d6d;
  font-weight: normal;
}
.file-input-container input[type=text]::-moz-placeholder {
  color: #6d6d6d;
  font-weight: normal;
}
.file-input-container input[type=text]:-moz-placeholder {
  color: #6d6d6d;
  font-weight: normal;
}
.file-input-container input[type=text]:-ms-input-placeholder {
  color: #6d6d6d;
  font-weight: normal;
}

/* END whole form */


@media (max-width: 991px) {
  .inputs-list .alert {
    top: 0;
    border-left: 1px solid #dcddde;
    border-right: 1px solid #dcddde;
    border-radius: 0;
  }
}