input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.contentWrap.test_drive_form_index .TestDriveTitleRep {display: none}

.desktopView .representative .col-lg-8 {
  text-align: right;
}

.desktopView .representative .col-lg-8 .work-hours p {
  padding-top: 20px;
}

.hour-picker .disabled {
  opacity: 0.3 !important;
}

.tabView .CorporateWrap {
  background-color: #F2F2F2;
}

ul.ui-autocomplete li a.ui-state-focus,
ul.ui-autocomplete li a.ui-state-hover {
  background-color: #000;
  color: #FFF;
}

.content-body ul li {
  background: none;
  padding: 0;
}

.Wrap320 .formholder {
  width: 320px;
}

.Wrap .formholder, .Wrap640 .formholder {
  width: 100%;
  background-color: #F2F2F2;
  padding-top: 1px;
}

.formholder .error {
  box-shadow: 0 0 0 1px #D00100;
}

.formholder #representativeMap {
  width: 300px;
  height: 200px;
}

.formholder .border_all {
  border: 1px solid #EEE !important;
}

.formholder .border_top {
  border-top: 1px solid #EEE !important;
}

.formholder .border_bottom {
  border-bottom: 1px solid #EEE !important;
}

.formholder .border_left {
  border-left: 1px solid #EEE !important;
}

.formholder .border_right {
  border-right: 1px solid #EEE !important;
}

.silver-gradient {
  background: #EEE; /* Old browsers */
  background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFF 0%, #EEE 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%); /* IE10+ */
  background: linear-gradient(to bottom, #FFF 0%, #EEE 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
}

.grey-gradient {
  background: #666; /* Old browsers */
  background: -moz-linear-gradient(top, #666 0%, #333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666 0%, #333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666 0%, #333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666 0%, #333 100%); /* IE10+ */
  background: linear-gradient(to bottom, #666 0%, #333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0); /* IE6-9 */
}

.red-gradient {
  background: #B02; /* Old browsers */
  background: -moz-linear-gradient(top, #B02 0%, #902 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B02), color-stop(100%, #902)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #B02 0%, #902 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #B02 0%, #902 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B02 0%, #902 100%); /* IE10+ */
  background: linear-gradient(to bottom, #B02 0%, #902 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0022', endColorstr='#990022', GradientType=0); /* IE6-9 */
}

.formholder {
  height: auto;
  min-height: 350px;
  margin: 0 auto;
  position: relative;
}

.formholder h3 {
  border-bottom: 1px solid #000;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px;
  padding-bottom: 4px;
}

.range_selection h3 {
  background-color: #333;
  border: medium none;
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  margin: 10px;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
}

.formholder .step .pack-variable h3 {
  margin: 5px 0 5px 0;
  font-size: 15px;
}

/* range selection */
.formholder .holder.range_selection {
  /*background-color: #CCC;*/
}

.formholder .holder.range_selection .range_models {
  background-color: #F2F2F2;
  padding: 0px 0 30px;
  margin: 0px;
}

.tabView .formholder .holder.range_selection .range_models {
  width: 630px;
  margin: 0 auto;
}

.formholder .holder.range_selection .range_models li {
  float: left;
  list-style-type: none;
  padding: 0px;
  margin: 20px 9px;
  line-height: 25px;
  border: 1px solid transparent;
  cursor: pointer;
  background: none repeat scroll 0 0 transparent;
}

.iframe .formholder .holder.range_selection .range_models li {
  margin: 5px 4px !important;
}

.formholder .holder.range_selection .range_models li:hover {
  border: 1px solid #B02;
}

.formholder .holder.range_selection .range_models li .model_img img {
  width: 180px;
  height: auto;
  display: block;
  cursor: pointer;
}

.tabView .formholder .holder.range_selection .range_models li .model_img img {
  width: 200px;
}

.formholder .holder.range_selection .range_models li .input {
  background-color: #CCC;
  display: none;
  float: left;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  vertical-align: middle;
  width: 25px;
}

.formholder .holder.range_selection .range_models li .input input {
  margin: 5px 0px 0px 6px;
}

.formholder .holder.range_selection .range_models li .name {
  background-color: transparent;
  float: left;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid #9E0022;
}

.formholder .holder.range_selection .range_models li.active .model_img {
  background: #B02; /* Old browsers */
  background: -moz-linear-gradient(top, #902 0%, #902 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #902), color-stop(100%, #B02)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #902 0%, #B02 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #902 0%, #B02 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #902 0%, #B02 100%); /* IE10+ */
  background: linear-gradient(to bottom, #902 0%, #B02 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990022', endColorstr='#bb0022', GradientType=0); /* IE6-9 */
}

.formholder .holder.range_selection .range_models li.active .input {
  background-color: #902;
}

.formholder .holder.range_selection .range_models li.active .name {
  color: #FFF;
  background-color: #902;
}

.formholder .holder.steps {
  position: relative;
}

.Wrap320 .formholder .holder.steps .pack-left {
  width: 319px;
}

.formholder .holder.steps .pack-left {
  float: left;
  width: 320px;
}

.formholder .holder.steps .pack-variable {
  border: 1px solid #CCC;
  float: left;
  width: 300px;
  /*min-height: 300px;*/
  padding: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.Wrap320 .formholder .holder.steps .pack-variable {
  border-bottom: medium none;
  border-left: medium none;
  border-top: medium none;
  position: relative;
  width: 298px;
}

.formholder .holder.steps .pack-variable .step_fields {
  margin-bottom: 10px;
}

.formholder .steps .step .step_heading {
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  max-height: 39px;
}

.formholder .shortRepresentativeData {
  border-right: 1px solid #CCC;
  font-size: 11px;
  margin: 0 0 0 5px;
  overflow: hidden;
  padding: 10px 0 5px 50px;
  width: 263px;
}

.formholder .shortRepresentativeData img {
  height: auto !important;
  max-height: 60px;
  max-width: 185px;
}

.iframe .formholder .shortRepresentativeData {
  width: 263px;
}

.formholder .shortRepresentativeData ul {
  padding-left: 0;
}

.Wrap320 .formholder .shortRepresentativeData {
  border-right: 1px solid #CCC;
  width: 263px;
  margin: 0px 0px 0px 5px;
}

.formholder .shortRepresentativeData h3 {
  font-size: 12px;
}

.formholder .holder .step_heading .number {
  color: #FFF;
  background: #666; /* Old browsers */
  background: -moz-linear-gradient(top, #666 0%, #333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666 0%, #333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666 0%, #333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666 0%, #333 100%); /* IE10+ */
  background: linear-gradient(to bottom, #666 0%, #333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0); /* IE6-9 */
  width: 40px;
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: center;
  margin: 0px 10px 0px 0px;
}

.formholder .holder .step_heading .title {
  color: #333;
  width: 230px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: left;
  margin: 5px 0px 5px 5px;
  font-family: 'Kia-Medium';
  font-size: 15px;
}

.formholder .holder.range_selection .step_heading .title {
  width: auto;
}

.formholder .holder .step_heading .arrow {
  width: 28px;
  height: 28px;
  line-height: 40px;
  float: right;
  margin: 5px 5px 5px 0px;
}

.Wrap320 .formholder .holder .step_heading {
  border-right: 1px solid #CCC;
}

.Wrap320 .formholder .holder.active .step_heading {
  border-right: 1px solid #CCC;
}

.Wrap320 .formholder .holder.steps .step .selected_car {
  border-right: 1px solid #CCC;
  margin-bottom: 0px;
  width: 318px;
}

.formholder .holder.active .step_heading {
  background-color: #F2F2F2;
}

.formholder .holder.active .step_heading .number, .formholder .step.active .step_heading .number {
  background: #B02; /* Old browsers */
  background: -moz-linear-gradient(top, #B02 0%, #902 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B02), color-stop(100%, #902)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #B02 0%, #902 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #B02 0%, #902 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B02 0%, #902 100%); /* IE10+ */
  background: linear-gradient(to bottom, #B02 0%, #902 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0022', endColorstr='#990022', GradientType=0); /* IE6-9 */
}

.formholder .holder.success.active .step_heading .number {
  background: url("//www.kmag.net/sharedcakephp/img/forms/success_check.png") no-repeat scroll top left transparent !important;
  filter: none !important;
}

.formholder .holder .step.active .step_heading .arrow {
  background-image: url("//www.kmag.net/sharedcakephp/img/forms/arrow-active.png");
  background-repeat: no-repeat;
  background-position: top center;
}

.Wrap320 .formholder .holder .step.active .step_heading .arrow {
  background-image: url("//www.kmag.net/sharedcakephp/img/forms/arrow-active.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.holder.steps, .step .pack-variable {
  display: none;
}

.formholder .holder.steps .step .selected_car {
  border-right: 1px solid #CCC;
  text-align: center;
  width: 318px;
  padding-bottom: 10px;
}

.formholder .holder.steps .step .selected_car .img {
  width: 318px;
  background-color: #FFF;
  border-left: 1px solid #EEE;
  text-align: center;
}

.formholder .holder.steps .step .selected_car > img {
  max-width: 250px;
}

.formholder .holder .step .pack-variable .step_fields h1 {
  font-size: 14px;
  margin-bottom: 5px;
}

.formholder .holder .step .pack-variable .step_fields div.input.select select {
  width: 280px;
}

.Wrap320 .formholder .holder .step .pack-variable .step_fields .half_step {
  width: 148px;
}

.formholder .holder .step .pack-variable .step_fields .half_step {
  width: 150px;
  float: left;
}

.formholder .holder .step .pack-variable .step_fields .half_step select {
  max-width: 122px;
}

.formholder .holder .step .pack-variable .step_fields .status {
  display: inline-block;
  float: right;
  height: 14px;
  margin-right: 10px;
  margin-top: 3px;
  position: relative;
  width: 14px;
}

.formholder .holder .step .pack-variable .step_fields .search_button {
  background: url("//www.kmag.net/sharedcakephp/img/forms/icon_search.png") no-repeat scroll center center transparent;
  display: inline-block;
  float: right;
  height: 14px;
  margin-right: 5px;
  margin-top: 3px;
  position: relative;
  width: 14px;
  cursor: pointer;
}

.formholder .holder .step .pack-variable .step_fields > div, .formholder .holder .step .pack-variable .step_fields .half_step > div, .formholder .holder .step .pack-variable .step_fields .step_addon > div {
  position: relative;
}

.formholder .holder .step .pack-variable .step_fields .status.errorIcon {
  background: url("//www.kmag.net/sharedcakephp/img/forms/icon_error.png") no-repeat scroll center center transparent;
}

.formholder .holder .step .pack-variable .step_fields .status.validIcon {
  background: url("//www.kmag.net/sharedcakephp/img/forms/icon_valid.png") no-repeat scroll center center transparent;
}

.formholder .step_addon {
  text-align: justify;
}

.formholder select {
  border: 1px solid #C0C0C0;
}

/*.formholder input.hasDatepicker {
background: url("//www.kmag.net/sharedcakephp/img/forms/ico_calendar.png") no-repeat scroll 104px center #ffffff;
}*/
.formholder label[for="ClientsTermsOfUse"], .formholder label[htmlFor="ClientsTermsOfUse"] {
  font-size: 10px !important;
  float: left;
  padding-left: 29px;
  padding-top: 5px;
  width: 92%;
  padding-bottom: 14px;
}

.formholder .step_addon label {
  font-weight: normal !important;
  padding-left: 18px;
}

.formholder .holder fieldset {
  float: left;
  max-width: 110px;
}

.formholder .holder fieldset label {
  float: left;
  font-weight: normal !important;
  margin-top: 4px;
  width: 30px;
  margin-bottom: 0px;
}

.formholder .holder.steps input[type="checkbox"] {
  float: left;
  margin-right: 5px;
}

.formholder .holder.steps input[type="radio"] {
  margin-right: 5px;
  margin-top: 3px;
  height: auto;
  width: auto;
}

.formholder .tip_error {
  display: none;
  color: #D00100;
  text-align: right;
  margin-bottom: 12px;
  font-size: 12px;
}

.formholder a.button_next {
  color: #FFF;
  font-size: 15px;
  line-height: 15px;
  font-family: "KIA-Medium", Tahoma, sans-serif;
  font-weight: normal;
  text-decoration: none;
  padding: 7px 10px 7px 15px;
  border: 1px solid #902;
  border-radius: 5px;
  opacity: 0.8;
  background: #B02; /* Old browsers */
  background: -moz-linear-gradient(top, #B02 0%, #902 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B02), color-stop(100%, #902)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #B02 0%, #902 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #B02 0%, #902 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B02 0%, #902 100%); /* IE10+ */
  background: linear-gradient(to bottom, #B02 0%, #902 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0022', endColorstr='#990022', GradientType=0); /* IE6-9 */
}

.formholder a.button_next:hover {
  opacity: 1.0;
}

.formholder a.button_back {
  color: #333;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  font-family: "KIA-Medium", Tahoma, sans-serif;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 10px 0px 5px;
  border: 1px solid #CCC;
  border-radius: 5px;
  opacity: 0.8;
  background: #FAFAFA; /* Old browsers */
  background: -moz-linear-gradient(top, #FAFAFA 0%, #EEE 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EEE)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FAFAFA 0%, #EEE 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FAFAFA 0%, #EEE 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FAFAFA 0%, #EEE 100%); /* IE10+ */
  background: linear-gradient(to bottom, #FAFAFA 0%, #EEE 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EEEEEE', GradientType=0); /* IE6-9 */
}

.formholder a.button_back:hover {
  opacity: 1.0;
}

.formholder a.button_back img {
  height: 16px;
  margin-right: 8px;
  border: 0px;
  vertical-align: middle;
}

.formholder a.button_next img {
  height: 20px;
  margin-left: 8px;
  border: 0px;
  vertical-align: middle;
}

.formholder a.button_next, .formholder a.button_back {
  display: inline-block;
}

.formholder .steps a.button_next, .formholder .steps a.button_back {
  margin: 15px 0 0 0;
}

.formholder .steps a.button_next {
  float: right;
}

.formholder .steps a.button_back {
  float: left;
}

.formholder .next_holder {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 5px 0 5px 0;
  height: auto;
  text-align: center;
  position: relative;
}

.formholder .pack-variable label {
  display: block;
  font-weight: bold;
  margin: 10px 0 2px 0;
  max-width: 253px;
}

.formholder .holder.success {
  background-color: #F6F6F6;
  width: 640px;
  position: absolute;
  top: 0;
  visibility: hidden;
}

.Wrap320 .formholder .holder.success {
  width: 320px;
}

.formholder .holder.success .selected_car {
  float: left;
  width: 220px;
  text-align: center;
  padding: 0 0 10px 0;
}

.formholder .holder.success .selected_car img {
  height: 100px;
}

.formholder .holder .selected_car h3 {
  font-size: 13px;
  margin-bottom: 0;
  padding: 12px;
  text-transform: uppercase;
  background-color: #B20000;
  border: none;
  color: #FFF;
  border-radius: 4px;
}

.formholder .holder .selected_car {
  text-align: center;
  margin-bottom: 10px;
}

.formholder .holder.success .succes_text {
  float: left;
  width: 380px;
  padding: 20px;
}

.Wrap320 .formholder .holder.success .succes_text {
  width: 280px;
}

.formholder .holder.success .map {
  clear: both;
  background-color: #EEE;
  padding: 10px 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.formholder .holder.success .map h3 {
  margin-bottom: 10px;
}

#choosenRepresentativeMap {
  height: 350px;
  width: 100%;
}

.term_service {
  background-color: #CDCDCD;
  border-radius: 6px;
  float: none;
  font-size: 18px;
  margin-top: 25px;
  padding: 8px;
  display: none;
}

.tabView .term_service {
  font-size: 16px;
}

.termin .atime {
  display: none;
}

.glyphicon.servicetimeErr {
  color: #D00100;
  display: none;
}

.tip_error.timeError {
  display: none;
  border: 1px solid #D00100;
  font-size: 14px;
  margin-top: 0;
  padding: 4px 0 5px;
  text-align: center;
}

.step {
  display: none;
  opacity: 0;
}

.step.firststep {
  opacity: 1;
}

.stepshow {
  display: inline;
}

.wrapRight .row {
  margin: 0 -2%;
}

.wrapRight .col-sm-6 {
  float: left;
  padding: 0 2%;
  width: 46%;
}

img.img-time {
  display: inline;
  float: left;
  margin-left: 6px;
  margin-right: 15px;
  position: relative;
  top: 3px;
}

.izbrani_t {
  font-weight: bold;
}

.representativeDetails {
  margin: 20px 0;
}

.representativeDetails2 {
  float: right;
  width: 350px;
  position: relative;
}

.Wrap320 .representativeDetails2 {
  width: 280px;
}

.formholder .representativeVcard, .formholder .representativeMore {
  line-height: 20px;
}

.formnotification {
  border: 1px solid #CCC;
  margin: 0 auto 10px;
  width: 638px;
}

#volvo .formnotification {
  background: none;
  border: none;
  text-align: center;
}

.formnotification p {
  padding: 20px;
}

.ui-combobox {
  position: relative;
  display: inline-block;
}

.ui-combobox-input {
  border: 1px solid #C0C0C0;
  font: 12px/18px "Tahoma", Dotum;
  height: 18px;
  margin: 0;
  padding: 0 5px;
  width: 200px !important;
  max-width: 200px !important;
  background: white;
  border-radius: 0px 0px 0px 0px;
  color: #333;
}

input.ui-combobox-input {
  width: 235px !important;
  float: left;
}

#ui-id-1 {
  width: 295px;
  font-size: 11px;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0px;
}

#ui-id-1 li a {
  height: 14px;
  line-height: 15px;
  overflow: hidden;
}

#ui-id-1 li a:hover {
  border-radius: 0px;
  border-color: transparent;
}

.ui-button.ui-combobox-toggle {
  border: 1px solid #333;
  border-radius: 0 3px 3px 0;
  float: left;
  height: 18px;
  width: 20px;
  background: #666; /* Old browsers */
  background: -moz-linear-gradient(top, #666 0%, #333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666 0%, #333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666 0%, #333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666 0%, #333 100%); /* IE10+ */
  background: linear-gradient(to bottom, #666 0%, #333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0); /* IE6-9 */
}

.ui-button.ui-combobox-toggle.ui-state-hover {
  border-color: #902;
  background: #B02; /* Old browsers */
  background: -moz-linear-gradient(top, #B02 0%, #902 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B02), color-stop(100%, #902)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #B02 0%, #902 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #B02 0%, #902 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B02 0%, #902 100%); /* IE10+ */
  background: linear-gradient(to bottom, #B02 0%, #902 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0022', endColorstr='#990022', GradientType=0); /* IE6-9 */
}

.ui-button.ui-combobox-toggle .ui-icon {
  background: url('//www.kmag.net/sharedcakephp/img/dropdown_icon.png') no-repeat scroll center center transparent !important;
}

/* New forms CSS */
.representative {
  font-size: 13px;
}

.f_right {
  float: left;
  width: 60%;
}

.f_left {
  float: left;
  padding: 0;
  width: 40%;
}

.wrapRight {
  padding: 15px;
}

.wrapLeft {
  padding: 20px 15px 5px;
}

.validIcon {
  color: #169916;
}

.status {
  position: absolute;
  right: -2px;
  top: 6px;
  font-size: 16px;
}

.errorIcon {
  color: #D00100;
}

/* Checkbox in radio styling */
input[type="checkbox"]:not(old), input[type="radio"]:not(old) {
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 28px;
}

input[type="checkbox"]:not(old) + label {
  background: url("//www.kmag.net/sharedcakephp/img/service2/checkbox_off.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  display: inline-block;
  min-height: 24px;
  line-height: 18px;
  padding-left: 28px;
  font-size: 12px;
  padding-top: 4px;
  margin-bottom: 0px;
}

.block_error input[type="checkbox"]:not(old) + label {
  background-image: url("//www.kmag.net/sharedcakephp/img/service2/checkbox_error.png");
}

input[type="radio"]:not(old) + label {
  background: url("//www.kmag.net/sharedcakephp/img/service2/radiobutton_off.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
  padding-left: 28px;
  font-size: 12px;
  margin-bottom: 0px;
}

input[type="checkbox"]:checked:not(old) + label {
  background: url("//www.kmag.net/sharedcakephp/img/service2/checkbox_on.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

input[type="radio"]:checked:not(old) + label {
  background: url("//www.kmag.net/sharedcakephp/img/service2/radiobutton_on.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.inputType_checkbox .check_low {
  position: relative;
  top: 8px;
}

.margTopBot {
  margin: 10px 0 15px;
}

.sex_radio label {
  margin-right: 9px;
}

.position.sex_radio {
  margin-top: 4px;
}

.inputType_checkbox.terms .tip_error {
  padding: 15px 0 0 28px;
  text-align: left;
}

/* Datepicker - koledar (step 1) */
/* Hour picker */
.hour-picker {
  margin-bottom: 15px;
  font-size: 16px;
}

.hour-picker ul {
  margin: 0;
  padding: 0;
}

.hour-picker li {
  text-align: center;
  display: block;
  float: left;
  width: 20%;
}

.hour-picker li.selected a {
  color: #FFF;
  background-color: #B20000;
}

.hour-picker li a {
  display: block;
  padding: 5px 4px;
  color: #000;
}

.hour-header {
  font-family: 'Roboto', sans-serif !important;
  border-bottom: 1px solid #000;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px;
  padding-bottom: 4px;
  margin-bottom: 0;
}

.a_next {
  margin: 25px 0 40px;
}

.tabView .a_next {
  margin: 25px 0 20px;
}

.a_next .back {
  color: #4A494A;
  float: left;
  padding-top: 10px;
}

.desktopView .a_next .back,
.tabView .a_next .back {
  background-color: #E0E0E0;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  color: #4A494A;
  float: left;
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
}

.desktopView .a_next .back:hover,
.tabView .a_next .back:hover {
  background-color: #D3D3D3;
}

.a_next .next {
  float: right;
  font-weight: 500;
  color: #FFF;
  font-size: 21px;
  background-color: #D00100;
  display: block;
  padding: 5px 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 1px #5D0000;
  font-family: 'Roboto', sans-serif;
}

.mobileView .a_next .next {
  font-size: 20px;
  margin-top: 20px;
}

.desktopView a.representativeVcard {
  text-decoration: underline;
}

a.representativeVcard img {
  position: relative;
  top: -3px;
}

.desktopView a.representativeMore {
  text-decoration: underline;
}

a.representativeMore img {
  position: relative;
  top: -3px;
}

/* Forma */
.position {
  position: relative;
}

img.maxx-select {
  display: block;
  margin: 10px auto 0;
}

.position input {
  border: none;
  border-radius: 4px;
  height: 24px;
  background-color: #FFF;
  background-image: none;
  box-shadow: 0 0 1px #000 inset;
  font-size: 14px;
  padding: 2px 2%;
  width: 96%;
}

.position.representative_select input {
  height: 30px;
  color: #000;
  margin-bottom: 25px;
}

a.custom-combobox-toggle {
  background-color: #B20000;
  border-radius: 0 4px 4px 0;
  display: block;
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.representative .name {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.representative .col-sm-5 {
  float: left;
  margin-right: 2%;
  width: 38%;
}

#kia .tabView .representative .col-sm-5, #ssangyong .tabView .representative .col-sm-5 {
  float: none;
  width: 100%;
}

#kia .representative .col-sm-7, #ssangyong .representative .col-sm-7 {
  float: left;
  width: 60%;
}

#kia .tabView .representative .col-sm-7, #ssangyong .tabView .representative .col-sm-7 {
  float: none;
  width: 100%;
  margin-top: 30px;
}

#kia .work-hours .week-day {
  width: 60px;
  display: inline-block;
}

.tabView img.img-time {
  display: none;
}

.representative .post,
.work-hours {
  margin-bottom: 25px;
}

a.showmap {
  background-color: #CDCDCD;
  border: 1px solid #AAA;
  border-radius: 6px;
  color: #000;
  cursor: pointer;
  display: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  padding: 8px 7px;
  text-transform: uppercase;
  white-space: nowrap;
}

a.showmap img {
  margin-right: 10px;
  position: relative;
  top: 6px;
}

.stepright input {
  height: 24px;
  margin-bottom: 7px;
}

.stepright img.maxx-select {
  margin: 6px auto 0;
}

.stepright a.custom-combobox-toggle {
  background-color: #000;
  height: 28px;
}

/* Forma oddana */
img.forma-check {
  margin-right: 20px;
}

.success_text b {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 8px;
}

#choosenRepresentativeMapSucess {
  height: 250px;
  width: 100%;
}

.selected_car img {
  margin-top: 10px;
}

ul.ui-autocomplete li a.ui-state-focus {
  background-color: #000;
  color: #FFF;
}

/* jQuery UI ovveride */
#cal {
  font-size: 16px;
  margin: 20px auto 30px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: transparent;
}

#cal div.ui-datepicker {
  width: 100%;
}

#cal td a, #cal .ui-state-default, th span {
  display: block;
  padding: 8px 0;
  text-align: center;
}

#cal a.ui-corner-all .ui-icon {
  background-color: #CDCDCD;
  border-radius: 6px;
  padding: 0 12px 3px;
}

#cal .ui-widget-content {
  background: transparent;
  border: none;
}

#cal .ui-datepicker {
  padding: 0;
}

#cal .ui-icon {
  text-indent: 0;
}

#cal .ui-icon {
  background: transparent;
  background-color: #CDCDCD;
  height: auto;
  width: auto;
}

#cal .ui-datepicker .ui-datepicker-header {
  padding: 0;
}

#cal .ui-widget-header {
  background: transparent;
  border: none;
  color: #000;
}

#cal .ui-widget {
  font-size: 15px;
}

#cal .ui-datepicker .ui-datepicker-title {
  margin-bottom: 4px;
}

#cal .ui-datepicker .ui-datepicker-prev, #cal .ui-datepicker .ui-datepicker-next {
  height: 0.6em;
  font-weight: normal;
}

#cal .ui-state-hover {
  border: none;
}

#cal .ui-datepicker .ui-datepicker-next span {
  margin-left: -19px;
  font-size: 28px;
}

#cal .ui-datepicker .ui-datepicker-prev span {
  margin-left: -19px;
  font-size: 28px;
}

#cal .ui-datepicker .ui-datepicker-prev {
  left: 1px;
  top: 1px;
  width: 14%;
}

#cal .ui-datepicker .ui-datepicker-next {
  right: 1px;
  top: 1px;
  width: 14%;
}

#cal td.ui-datepicker-current-day a {
  background-image: none;
  background-color: #B20000;
  color: #FFF;
}

#cal thead {
  border-bottom: none;
}

#cal .hour-picker li {
  width: 16.6667%;
}

textarea {
  border: medium none;
  border-radius: 4px;
  box-shadow: 0 0 1px #000 inset;
  margin: 5px 0 30px 0;
  padding: 4px 2%;
  resize: none;
  width: 96%;
}

.position.sex_radio label {
  margin-right: 13px;
  position: relative;
  top: -2px;
}

.inputType_checkbox {
  padding: 0 2%;
}

/* Mobile */
.forma_bck select {
  background-color: #FFF;
  border: medium none;
  border-radius: 4px;
  box-shadow: 0 0 1px #000 inset;
  margin-bottom: 7px;
  padding: 4px 2%;
  width: 100%;
}

.smartMobile .tip_error {
  display: none !important;
}

.smartMobile2 .range_selection h3,
.mobileView .range_selection h3 {
  padding: 25px 2% 4px;
}

.smartMobile2 .wrapRight .row,
.mobileView .wrapRight .row {
  margin: 0 0%;
}

body.iframe .CorporateWrap {
  padding: 0;
  width: 100%;
}

.smartMobile2 .formholder .holder.range_selection .range_models li .model_img img,
.mobileView .formholder .holder.range_selection .range_models li .model_img img {
  width: 150px;
}

.mobile.mobileView .formholder .holder.range_selection .range_models li .model_img img {
  width: 132px;
}

.smartMobile2 .formholder,
.mobileView .formholder {
  padding: 0;
  background-color: #F2F2F2;
}

.smartMobile2 .formholder .holder.range_selection .range_models,
.mobileView .formholder .holder.range_selection .range_models {
  text-align: center;
}

.smartMobile2 .formholder .holder ul.range_models li,
.mobileView .formholder .holder ul.range_models li {
  display: inline-block;
}

.smartMobile2 .formholder .holder ul.range_models *,
.mobileView .formholder .holder ul.range_models * {
  float: none;
}

.smartMobile2 .f_left,
.mobileView .f_left {
  float: none;
  width: 100%;
  background-color: #000;
  color: #FFF;
  font-size: 13px;
  margin-bottom: 20px;
}

.smartMobile2 .inputType_checkbox,
.mobileView .inputType_checkbox {
  padding: 0 0%;
}

.smartMobile2 .f_right,
.mobileView .f_right {
  float: none;
  width: 100%;
}

.smartMobile2 .selected_car img,
.mobileView .selected_car img {
  display: none;
}

.smartMobile2 .formholder .holder .selected_car h3,
.mobileView .formholder .holder .selected_car h3 {
  background-color: #B20000;
  font-size: 16px;
  margin-bottom: 16px;
  padding: 10px;
}

.smartMobile2 .representative,
.mobileView .representative {
  float: left;
  font-size: 15px;
  width: 60%;
}

.smartMobile2 .representative .col-lg-8,
.mobileView .representative .col-lg-8 {
  display: none;
}

.smartMobile2 .representative .col-lg-4,
.mobileView .representative .col-lg-4 {
  float: none;
  width: 100%;
}

.smartMobile2 a.showmap,
.mobileView a.showmap {
  display: none !important;
}

.smartMobile2 .term_service,
.mobileView .term_service {
  float: right;
  margin-top: 0;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  color: #000;
}

.smartMobile2 img.img-time,
.mobileView img.img-time {
  display: none;
}

.smartMobile2 .term-wrap,
.mobileView .term-wrap {
  float: right !important;
}

.smartMobile2 .izbrani_t,
.mobileView .izbrani_t,
.smartMobile2 .termin .year,
.mobileView .termin .year {
  display: none;
}

.smartMobile2 .termin,
.mobileView .termin {
  text-align: center !important;
  background-color: #CDCDCD;
  height: 84px;
  padding-top: 8px;
  text-align: center;
  width: 84px;
}

.smartMobile2 .termin .day,
.mobileView .termin .day {
  display: inline;
  padding-top: 0;
}

.smartMobile2 .termin .ob,
.mobileView .termin .ob {
  display: none;
}

.smartMobile2 .date,
.mobileView .date {
  font-size: 24px;
  margin: 7px 0;
  display: block;
  font-weight: bold;
}

.smartMobile2 .time,
.mobileView .time {
  font-size: 16px;
}

.smartMobile2 .position.representative_select,
.mobileView .position.representative_select {
  margin-bottom: 10px;
}

.smartMobile2 textarea,
.mobileView textarea {
  box-shadow: 0 0 1px #000 inset;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 2px 2%;
  width: 96%;
}

.smartMobile2 .wrapRight .col-sm-6,
.mobileView .wrapRight .col-sm-6 {
  float: none;
  padding: 0 0%;
  width: auto;
}

.smartMobile2 .position.sex_radio,
.mobileView .position.sex_radio {
  margin: 10px 0;
}

.smartMobile2 .formholder h3,
.mobileView .formholder h3 {
  border-bottom: 1px solid #000;
  display: block;
  color: #000;
  background-color: transparent;
  font-size: 18px;
  text-transform: none;
  font-weight: 700;
  margin: 0 0 16px;
  text-align: left;
}

/* Bootstrap Modal */
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-color: #FFF;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #E5E5E5;
  min-height: 16.428571429px;
}

.modal-header .close {
  margin-top: -2px;
  float: right;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #E5E5E5;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

/* Modal popravki */
.modal-dialog {
  margin: 30px auto 0;
  position: relative;
  max-width: 600px;
  z-index: 1050;
}

.modal .close, .modal-footer button {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  box-shadow: none;
  float: right;
  margin-top: -2px;
  padding: 2px 4px 3px;
}

.modal-footer {
  margin-top: 15px;
  padding: 13px 20px 12px;
  text-align: right;
  border-top: 1px solid #E5E5E5;
}

.modal-title {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.42857;
  margin: 0;
}

.wrapRight .row.margtop,
.smartMobile2 .wrapRight .row.margtop,
.mobileView .wrapRight .row.margtop {
  margin-top: 20px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/* Glyphcons */
.glyphicon {
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 7px;
}

.glyphicon-question-sign:before {
  content: "";
}

.glyphicon-exclamation-sign:before {
  content: "";
}

.glyphicon-remove-circle:before {
  content: "";
}

.glyphicon-ok-sign:before {
  content: "";
}

.custom-select {
  background: url('//www.kmag.net/sharedcakephp/servicemaxx/img/maxx-select.png') no-repeat scroll center center transparent;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.TestDriveDateTimeWrapper:after,
#testdriveChoosingRepresentative:after {
  content: '';
  display: block;
  clear: both;
}

#displayChoosenRepresentativeMap {
  height: 200px;
  width: 100%;
  border: 1px solid #CCC;
  margin-bottom: 20px;
  display:none!important;
}

.form-success-title {
  font-size: 36px;
  color: #333;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 10px 0;
  font-family: 'Roboto', sans-serif !important;
  font-weight: normal;
  line-height: 1.3;
}

img.forma-check {
  margin-right: 0;
}

.finish_line {
  background: #333;
  display: block;
  height: 2px;
  width: 71px;
  margin-bottom: 10px;
  margin: 0 auto 30px;
}

.btns {
  padding: 0px 140px;
  text-align: center;
}

#kia .btns a.home,
#kia .btns a.download,
#ssangyong .btns a.home,
#ssangyong .btns a.download {
  box-shadow: none;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: 500;
  padding: 5px 20px;
  margin-top: 50px;
  background-color: #BC142B;
  border-radius: 4px;
  color: #FFF;
}

.btns a.home:hover,
.btns a.download:hover {
  text-decoration: none;
}

.btns a.home {
  margin-right: 50px;
}

#volvo .btns a.home,
#volvo .btns a.download {
  font-size: 14px;
  border: 1px solid #102F59;
  font-family: 'Volvo Sans Regular', sans-serif;
  background: #102F59;
  box-shadow: none !important;
  color: #FFF;
  border-radius: 0;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 42px;
  line-height: 42px;
  padding: 0 25px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 50px;
}

#volvo #TestDriveTestDate {
  background: #FFF url('../volvo/images/datepicker.png') right 7px no-repeat;
}

#volvo.xs-view #TestDriveTestDate {
  background: #FFF url('../volvo/images/datepicker.png') right 0px no-repeat;
}

#TestDriveTestDate {
  background: #FFF url('../kia/images/datepicker.png') right 7px no-repeat;
}

#ssangyoung .mobileView .Wrap320 .contentWrap {
  margin-top: 7px;
}

#ssangyong #TestDriveTestDate {
  background: #FFF url("../kia/images/datepicker.png") right 2px no-repeat;
}

.btns {
  padding: 0 !important;
  text-align: center;
}

/** AO 2017 **/
.test_drive_banner {text-align: center}
.test_drive_banner a {display: inline-block; margin: 5px 0 15px;}