#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: transparent url('../img/ajax-loader.gif') no-repeat;
	font-size: 0;
	z-index: 123456;
	display: none;
}

 /* input type=password No style in main.css*/
 input[type=password]{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical; }
 
 
      
/* Error message*/      
.errorMessage{
	color: orange;
}

/*9/7/2018*/

.c-social {
  width: 100%;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 24px; }
  .c-social__icon {
    margin: 5px;
    width: 20px;
    height: 20px;
    fill: white; }
    .c-social__icon:hover {
      fill: red; }


#dealersListTable{
  display:none;
}
#productTable{
  display:block;
  width:50% !important;
}
#productTable td {
  border-bottom: 0px solid #9b9a9b !important; }

#productRegistrationTable{
  display:block;
  width:50% !important;
}
#productRegistrationTable td {
  border-bottom: 0px solid #9b9a9b !important; }
    
.prst{
	cursor:pointer;
}

/*----hide--*/
.sakri{
	display:none;
}
/*because of missing line when a few personel*/
.c-salerep__personel-under {
  border-top: 0px;
  border-bottom: 1px solid #9B9A9B;
}
.top15{
	padding-top:15px;
}

.my-account {
  margin-top: 0px;
  margin-bottom: 48px; 
  border:0px solid red;
  padding:10px;}

   

.my-account-form {
    margin-top: 48px;
    margin-bottom: 24px; }
    
    .my-account-form input[type=text], .my-account-form input[type=password], .my-account-form select, .my-account-form textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 0px;
      box-sizing: border-box;
      margin-top: 6px;
      margin-bottom: 16px;
      resize: vertical; }
    .my-account-form input[type=submit] {
      background-color: transparent;
      color: white;
      padding: 12px 50px;
      border: none;
      border: 1px solid white;
      border-radius: 0px;
      cursor: pointer; }
    .my-account-form input[type=submit]:hover {
      background-color: gray; }

.articles-form {
    margin-top: 10px;
    margin-bottom: 24px; }
    
    .articles-form input[type=text], .articles-form input[type=password], .articles-form select, .articles-form textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 0px;
      box-sizing: border-box;
      margin-top: 6px;
      margin-bottom: 16px;
      resize: vertical; }
    .articles-form input[type=submit] {
      background-color: transparent;
      color: white;
      padding: 12px 50px;
      border: none;
      border: 1px solid white;
      border-radius: 0px;
      cursor: pointer; }
    .articles-form input[type=submit]:hover {
      background-color: gray; }


	     
/*---------*/
.required{
	color:orange;
}
.paznja{
	color:red
}
.u-display{
	display:block;
}
.large2em{
	font-size:2em;
}
.large1_5em{
	font-size:1.5em;
}
.large3em{
	font-size:3em;
	font-weight:bold;
}
.width50{
	width:50% !important;
}
.width60{
	width:60% !important;
}
.width75{
	width:75% !important;
}
.width80{
	width:80% !important;
}
.productColorLabel {
    float:left;
}
.productColor {
    width: 30px;
    height: 20px;
    float:left;
    border:1px solid #444;
}

/* resize images */
.productColor img {
    width: 99%;
    height: 99%;
    
}
.featuresDiv{
	padding-top:1em;
	clear:both;
}
.bgwhite{
	background:white !important;
}
.height100{
	height: 100% !important
}
.topbot10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.button-prod{
	color:white !important;
	background: transparent !important;
	border: 0px solid transparent  !important;
	display:none;
}
/*
.c-admin__search [type="search"] {
  margin-bottom: 12px;
  padding: 8px;
  width: 66%;
  max-width: 380px;
  background: #141727;
  border: 1px solid #999;
  color: white;
  font-style: italic;
  text-align: center; }
  
.c-admin__search [type="submit"] {
  margin-bottom: 12px;
  padding: 8px;
  background: #2A2A2A;
  border: 1px solid #999; }  
 */ 
.u-border--bottom {
  border-bottom: 1px solid #999 !important; }  
  
.c-admin [type="text"] {
  margin-bottom: 12px;
  padding: 10px;
  width: 100%;
  max-width: 800px;
  background: #141727;
  border: 1px solid #999;
  color: white;
  font-style: normal;
  text-align: left;
  vertical-align: baseline; }

.c-admin [type="radio"] {
	display:none; 
    margin:40px;
}

.c-admin input[type=radio] + label {
	display:inline-block;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.7);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.c-admin input[type=radio]:checked + label { 
	   background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 4px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		background-color:#909090;}
/*
.c-admin select {
  margin-bottom: 12px;
  padding: 10px;
  width: 100%;
  max-width: 800px;
  background: #141727;
	outline:none;
  color: white;
  font-style: normal;
  vertical-align: baseline; 
    -webkit-appearance: none;
    background: url(/assets/img/icons/arrow-down-select.png) no-repeat right #494849 !important;
  }
*/
.c-admin__product-property select {
    max-width: 800px;
    background: #494849;
    text-align: center;
    color: white;
    outline: none;
    background: url(/assets/img/icons/arrow-down-select.png) no-repeat right #494849 !important;
    -webkit-appearance: none; }
    
.c-admin__product-property [type="text"] {
    background: transparent !important;
    width:100%;
    max-width: 400px; }
.u-padding--smaller {
  padding-top: 24px;
  padding-bottom: 1px; }
  
.u-padding--bottom {
  padding-bottom: 24px; }
 
 .c-admin__video{
	text-align:left;
	padding: 24px;

 } 
.c-admin__video [type="text"]{
  margin-bottom: 12px;
  padding: 10px;
  width: 100%;
  max-width: 870px;
  background: #141727;
  border: 1px solid #999;
  color: white;
  font-style: normal;
  text-align: left;
  vertical-align: baseline;
}
.c-admin__video .c-table--cell{
	border:none;
	text-align:left;
}
.c-admin__video #newImageTitle {
  max-width: 510px; 
  }
.c-admin #fileUploadTitle {
  max-width: 510px; }
.c-admin .o-btn--upload {
  background-color: transparent;
  color: white;
  padding: 10px 50px;
  border: none;
  border: 1px solid #999;
  border-radius: 0px;
  vertical-align: baseline; }
  
.c-table-cell-middle{
	vertical-align: middle;
}
.c-admin__product-media--img {
    width: 100%;
    max-width: 250px !important;
    height: 100%;
    max-height: 250px !important;
    border: 1px solid white; }
.width280{
	width:280px !important;
}    
    
.c-admin__product-media [type="text"]{
 margin-bottom: 12px;
  padding: 10px;
  width: 100%;
  max-width: 300px;
  background: #141727;
  border: 1px solid #999;
  color: white;
  font-style: normal;
  text-align: left;
  vertical-align: baseline;

}    
.u-pad-48{
	padding:38px;
}
/*Store locator*/
.typeahead__field .typeahead__hint,.typeahead__field [contenteditable],.typeahead__field input,.typeahead__field textarea {
	display:block;
	width:100%;
	line-height:1.25 !important;
	min-height:calc(.5rem * 2 + 1.25rem + 2px);
	/*padding:.5rem .75rem;*/
	padding:15px !important;
	background:#fff;
	border:1px solid #ccc;
	border-radius:0px !important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-sizing:border-box;
	
	margin-bottom:16px;
}
/*prodSearch*/
/*
#prodSearch .typeahead__field .typeahead__hint,.typeahead__field [contenteditable],.typeahead__field input,.typeahead__field textarea {
	display:block;
	width:100%;
	line-height:1.25 !important;
	min-height:calc(.5rem * 2 + 1.25rem + 2px);
	
	padding:15px !important;
	background:transparent !important;
	border:none;
	border-radius:0px !important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-sizing:border-box;

}
*/

#map{
	width:100%;
	height:500px; 
	float: left;
	padding:0px;
	background:#f0f0f0;
}

#map_canvas{
	width:100%; 
	height:100%
}
/*!
 * Datepicker v1.0.0
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-08-05T03:02:13.513Z
 */
.datepicker-container {
  -moz-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  background-color: #000000;
  direction: ltr;
  font-size: 16px;
  left: 0;
  line-height: 30px;
  position: fixed;
  top: 0;
  touch-action: none;
  user-select: none;
  width: 300px;
  z-index: -1
}

.datepicker-container:after,
.datepicker-container:before {
  border: 5px solid rgba(0, 0, 0, 0);
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.datepicker-dropdown {

  -webkit-box-sizing: content-box;
  border: 1px solid #ccc;
  
  box-sizing: content-box;
  position: absolute;
  z-index: 1
}

.datepicker-inline {
  position: static
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #ffffff;
}

.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  border-top: 0;
  left: 10px;
  top: -5px
}

.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #ffffff;
}

.datepicker-top-left:after, 
.datepicker-top-right:after {
  border-bottom-color: #000;
  top: -3px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #ffffff;
}

.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
  border-bottom: 0;
  bottom: -5px;
  left: 10px
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
  border-top-color: #ffffff;
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
  border-top-color: #000;
  bottom: -3px;
}

.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  left: auto;
  right: 10px
}

.datepicker-panel>ul {
  margin: 0;
  padding: 0;
  width: 102%
}

.datepicker-panel>ul:after,
.datepicker-panel>ul:before {
  content: " ";
  display: table
}

.datepicker-panel>ul:after {
  clear: both
}

.datepicker-panel>ul>li {
  background-color: #000000;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 42px;
  color: white;
}

.datepicker-panel>ul>li:hover {
  background-color: gray;
  color: white;
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
  color: gray
}

.datepicker-panel>ul>li.highlighted {
  background-color: gray
}

.datepicker-panel>ul>li.highlighted:hover {
  background-color:gray
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
  color: #000;
  background:#fff;
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
  background-color: #000000;
  color: #ccc;
  cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
  background-color: gray;
}

.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view=next] {
  font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
  width: 215px
}

.datepicker-panel>ul[data-view=months]>li,
.datepicker-panel>ul[data-view=years]>li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li,
.datepicker-panel>ul[data-view=week]>li:hover {
  background-color: #000000;
  cursor: default
}

.datepicker-hide {
  display: none
}


/* end datepicker */
.padBot25{
	padding-bottom:25px;
}

.registration-note {
    width: 95%;
    font-size: 140%;
    text-align: center;
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    
}
#productContainer{
	min-height:400px;
}
.alright{
	text-align:right;
}


.indicator-colors{width:36px;height:30px;text-align:center;font-size:10px;overflow:hidden}

/* .c-filter__box{max-height:600px;overflow-y:scroll;} */
/*
#load_data .o-layout__item .c-grid { height:450px !important;}
*/

.c-form__modal__content {
      background-color: #555;
      margin: 15% auto;
      padding: 20px;
      border: 1px solid #555;
      width: 80%; }
.c-form__modal__content #brandWarrantyTerms {
	text-align: left;
	background:#555;
	color:white;
}
/* Price list table*/
/* Sinisha commented out 29/10/2018
.c-table--heading #priceListTable{
    background-color: #eee ;
    display: table-header-group;
    color: #fff !important; }


.wa-files {
    background-color: #eee ;
    display: table-header-group;
    color: #000 !important; }
        
    
table #priceListTable{
	color:black;
}    
.c-content #priceListTable{
 color:black;
}
.c-content #priceListTable th{
 color:white;
 background-color: #444 !important;
}

#priceListTable a {
  color: black;
  cursor: pointer;
  text-decoration: none; }

#priceListTable button {
	border:0px;
	font-size:1.3em;
	cursor:pointer;
}
#priceListTable input[type=text] {
	font-size:1.3em;
	padding:2px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #999 !important;
}
*/

.td-nowrap
{
  white-space:nowrap;
  /*width:237px;*/
  vertical-align:top;
}
.td-nowrap-center
{
  white-space:nowrap;
  vertical-align:middle;
}
.dealersales_product__close{
	display: inline-flex;
	padding-right:32px;
	padding-top:10px;
}
.dealersales_product__close span{
	
  color: black;
  margin-top: 4px;
  margin-right: 6px;
}
.no_border_bottom {
	border-bottom:0px solid black !important;
}
#productOrderForm  input[type="submit"] {
    background-color: #dedede;
    color: #222;
    padding: 12px 50px;
    border: none;
    border: 1px solid white;
    border-radius: 0px;
    cursor: pointer;
}
#productOrderForm  input[type=submit]:hover {
  background-color: #999;
  color:white; }
  
 /* 
 .c-search__products #buttonProdSearch {
      background: none;
      position: absolute;
      color: white !important;
      outline: none;
      border: none;
      cursor:pointer !important;
      font-size:1.5em; }
 .c-search__products #search_product {
	width:100% !important;
 }     
 .c-search__products #buttonProdSearch i {
        position: relative;
        left: 12px;
        width:24px !important; 
 }
 
 .c-search__header{
 text-transform:none !important;
 }  
*/

/*Input type number remove spinners*/

/* For Firefox */

input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pointer{
	cursor:pointer;
}
/* Session counter */
#timeOutWarningOverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2000;
    cursor: pointer;
}
#keepSession{
	display:none;
	color: #9b9a9b;
	background-color: #141727;
}
#loginBack{
	display:none;
	color: #c0c1c0;
	background-color: #2196F3;
	
}
#minutesID{
	color:white;
	font-weight:bold;
}
#secondsID{
	color:white;
	font-weight:bold;
}

/*Order button */
.c-product__info input[type="button"] {
    background-color: #141727;
    transition: all .33s;
}

input[type="button"] {
  background-color: transparent;
  color: white;
  padding: 12px 50px;
  border: none;
  border: 1px solid white;
  border-radius: 0px;
  cursor: pointer; }

input[type="button"]:hover {
  background-color: gray; }

.clearBC{
	display:none !important;
	float:right;
	padding-right:30px;
	font-size:1.0em !important;
}
