input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
-moz-appearance: textfield;
margin: 0; 
}
/* Ovverajdi - jeep-servis */
.desktopView .content-body {
padding-top: 0;
width: auto;
}
.desktopView .formholder input.input_date,
.desktopView .formholder input.hasDatepicker {
background-image: none !important;
}
.desktopView .catLab {
position: relative;
top: 6px;
}
ul.ui-autocomplete li a.ui-state-focus,
ul.ui-autocomplete li a.ui-state-hover {
background-color: #000000;
color: #FFFFFF;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color: #000000;
}
/* 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.terms .tip_error {
padding: 15px 0 0 28px;
text-align: left;
}
.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;
}
.content-body ul li {
background: none;
padding: 0;
}
.Wrap320 .formholder {
width: 320px;
}
.formholder {
background-color: #F2F2F2;
}
.Wrap .formholder, .Wrap640 .formholder {
width: 100%;
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: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.grey-gradient {
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.red-gradient {
background: #bb0022; /* Old browsers */
background: -moz-linear-gradient(top,  #bb0022 0%, #990022 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0022), color-stop(100%,#990022)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bb0022 0%,#990022 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bb0022 0%,#990022 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0022', endColorstr='#990022',GradientType=0 ); /* IE6-9 */
}
.formholder {
height: auto;
min-height: 570px;
margin: 0 auto;
position: relative;
}
.formholder h3 {
border-bottom: 1px solid #000000;
display: block;
font-size: 18px;
font-weight: 700;
margin: 0 0 16px;
padding-bottom: 4px;
}
.formholder .f_left h3 {
border-bottom: none;
font-size: 20px;
}
.range_selection h3 {
background-color: #333333;
border: medium none;
color: #FFFFFF;
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;
}
.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 #bb0022;
}
.formholder .holder.range_selection .range_models li .model_img img {
width: 180px;
height: auto;
display: block;
cursor: pointer;
}
.formholder .holder.range_selection .range_models li .input {
background-color: #CCCCCC;
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: #bb0022; /* Old browsers */
background: -moz-linear-gradient(top,  #990022 0%, #990022 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990022), color-stop(100%,#bb0022)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #990022 0%,#bb0022 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #990022 0%,#bb0022 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #990022 0%,#bb0022 100%); /* IE10+ */
background: linear-gradient(to bottom,  #990022 0%,#bb0022 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;
overflow-x: hidden;
}
.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 #CCCCCC;
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 #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
max-height: 39px;
}
.formholder .shortRepresentativeData {
border-right: 1px solid #CCCCCC;
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 #CCCCCC;
width: 263px;
margin: 0px 0px 0px 5px;
}
.formholder .shortRepresentativeData h3 {
font-size: 12px;
}
.formholder .holder .step_heading .number {
color: #FFFFFF;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#333333 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;
margin-top: 4px;
}
.formholder .holder.active .step_heading .number, .formholder .step.active .step_heading .number {
background: #bb0022; /* Old browsers */
background: -moz-linear-gradient(top,  #bb0022 0%, #990022 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0022), color-stop(100%,#990022)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bb0022 0%,#990022 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bb0022 0%,#990022 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0022', endColorstr='#990022',GradientType=0 ); /* IE6-9 */
}
.formholder .holder.success.active .step_heading .number {
background: url("http://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("http://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("http://www.kmag.net/sharedcakephp/img/forms/arrow-active.png");
background-repeat: no-repeat;
background-position: bottom center;
}
.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("http://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("http://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("http://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("http://www.kmag.net/sharedcakephp/img/forms/ico_calendar.png") no-repeat scroll 104px center #ffffff;
}*/
.formholder label[for="ClientsTermsOfUse"], .formholder  label[htmlFor="ClientsTermsOfUse"] {
float: left;
font-size: 10px !important;
padding-left: 29px;
padding-top: 5px;
/* width: 92%; */
padding-bottom: 15px;
}
.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 #990022;
border-radius: 5px;
opacity: 0.8;
background: #bb0022; /* Old browsers */
background: -moz-linear-gradient(top,  #bb0022 0%, #990022 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0022), color-stop(100%,#990022)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bb0022 0%,#990022 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bb0022 0%,#990022 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: #333333;
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 #CCCCCC;
border-radius: 5px;
opacity: 0.8;
background: #FAFAFA; /* Old browsers */
background: -moz-linear-gradient(top,  #FAFAFA 0%, #EEEEEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FAFAFA 0%,#EEEEEE 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: #EEEEEE;
border: 1px solid #CCCCCC;
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;
}
.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: #FFFFFF;
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: #EEEEEE;
padding: 10px 20px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.formholder .holder.success .map h3 {
margin-bottom: 10px;
}
#choosenRepresentativeMap {
height: 250px;
width: 100%;
}
.term_service {
background-color: #CDCDCD;
border-radius: 6px;
float: none;
font-size: 18px;
margin-top: 25px;
padding: 8px;
display: none;
}
.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%;
}
@media (min-width: 768px) {
#servicemaxx .wrapRight .col-sm-6 {
width: 50%;
}
}
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 #CCCCCC;
margin: 0 auto 10px;
width: 638px;
}
.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: #333333;
}
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 #333333;
border-radius: 0 3px 3px 0;
float: left;
height: 18px;
width: 20px;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#333333 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: #990022;
background: #bb0022; /* Old browsers */
background: -moz-linear-gradient(top,  #bb0022 0%, #990022 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0022), color-stop(100%,#990022)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bb0022 0%,#990022 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bb0022 0%,#990022 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bb0022 0%,#990022 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0022', endColorstr='#990022',GradientType=0 ); /* IE6-9 */
}
.ui-button.ui-combobox-toggle .ui-icon {
background: url('http://www.kmag.net/sharedcakephp/img/dropdown_icon.png') no-repeat scroll center center transparent !important;
}
/* New forms CSS */
.f_right {
float: left;
width: 60%;
}
.categoryList .input.checkbox {
font-size: 14px;
margin-bottom: 6px;
}
.categoryList label {
vertical-align: top;
}
.success .title {
background-color: #333333;
border: medium none;
border-radius: 4px;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
margin: 10px;
padding: 8px;
text-align: center;
text-transform: uppercase;
}
.categoriesList ul li {
font-size: 13px;
list-style: disc outside none;
margin-left: 20px;
}
.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;
}
/* 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: #FFFFFF;
background-color: #000000;
}
.hour-picker li a {
display: block;
padding: 8px 4px;
color: #000000;
}
.hour-header {
border-bottom: 1px solid #000000;
margin-bottom: 0;
padding-bottom: 18px;
font-weight: bold;
text-align: center;
}
.a_next {
margin: 25px 0 40px;
}
.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: #FFFFFF;
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;
}
.desktopView .a_next .unsubscribe,
.tabView .a_next .unsubscribe {
background-color: #E0E0E0;
border: 1px solid #D3D3D3;
border-radius: 4px;
color: #4A494A;
float: left;
padding: 5px 20px;
font-size: 21px;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
.desktopView .a_next .unsubscribe:hover,
.tabView .a_next .unsubscribe:hover{
background-color: #D3D3D3;
}
/* Forma */
.position {
position: relative;
}
img.maxx-select {
display: block;
margin: 10px auto 0;
}
.position input {
border: none;
border-radius: 4px;
height: 24px;
background-color: #FFFFFF;
background-image: none;
box-shadow: 0 0 1px #000000 inset;
font-size: 14px;
padding: 2px 2%;
width: 96%;
}
.position.representative_select input {
height: 30px;
color: #000000;
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-lg-4 {
float: left;
width: 40%;
}
.representative .col-lg-8 {
float: left;
width: 60%;
}
.representative .post {
margin-bottom: 25px;
}
a.showmap {
background-color: #CDCDCD;
border: 1px solid #AAAAAA;
border-radius: 6px;
color: #000000;
cursor: pointer;
display: none;
font-family: 'Roboto Condensed',sans-serif;
font-weight: bold;
padding: 8px 7px;
text-transform: uppercase;
}
a.showmap img {
margin-right: 10px;
position: relative;
top: 6px;
}
.position.sex_radio {
font-size: 14px;
margin-top: 5px;
}
.categoryList .tip_error {
margin-top: 15px;
background-color: #FFFFFF;
border-radius: 6px;
padding: 8px;
text-align: center;
}
.desktopView .catNewsWrap {
background-color: #CDCDCD;
border-radius: 6px;
box-shadow: 0 2px 1px #555555;
display: inline;
float: left;
margin-bottom: 30px;
margin-left: -18px;
margin-right: 0;
padding: 20px;
}
.stepright .position input {
height: 24px;
margin-bottom: 7px;
}
.stepright img.maxx-select {
margin: 6px auto 0;
}
.stepright a.custom-combobox-toggle {
background-color: #000000;
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: #000000;
color: #FFFFFF;
}
/* 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;
}
.position input:focus, .forma_bck textarea:focus {
box-shadow: 0 0 0 3px #000000;
}
#cal .ui-datepicker .ui-datepicker-header {
padding: 0;
}
#cal .ui-widget-header {
background: transparent;
border: none;
color: #000000;
}
#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: #FFFFFF;
}
#cal thead {
border-bottom: none;
}
#cal .hour-picker li {
width: 16.6667%;
}
.wrapRight .row.margtop,
.smartMobile2 .wrapRight .row.margtop,
.mobileView .wrapRight .row.margtop {
margin-top: 20px;
}
.hour-header,
.smartMobile2 .hour-header,
.mobileView .hour-header {
border-bottom: 1px solid #000000;
padding-bottom: 18px;
margin-bottom: 0;
}
.forma_bck textarea {
border: medium none;
border-radius: 4px;
box-shadow: 0 0 1px #000000 inset;
margin-bottom: 30px;
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: #FFFFFF;
border: medium none;
border-radius: 4px;
box-shadow: 0 0 1px #000000 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;
}
.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: #000000;
color: #FFFFFF;
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: #000000;
}
.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 #000000 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 .catNewsWrap h3,
.mobileView .formholder .catNewsWrap h3 {
color: #FFFFFF;
}
.smartMobile2 .formholder h3,
.mobileView .formholder h3 {
border-bottom: 1px solid #000000;
display: block;
color: #000000;
background-color: transparent;
font-size: 18px;
text-transform: none;
font-weight: 700;
margin: 0 0 16px;
text-align: left;
}
/* Bootstrap Modal */
/* Pozor!! Moti modal na service MAXXU!! */
.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-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
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: #000000;
}
.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-body {
position: relative;
padding: 20px;
}
.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-header .close, .modal-footer button {
background-color: #FFFFFF;
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;
}
.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: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
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: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/* 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;
}