body
{
    /*background-color: lightgrey !important;*/
    background-color:#fff !important;
    color:#000000;
    font-family:'digital';
    src: url('../fonts/digital-7.ttf');


}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: inherit;
}
table.ui-datepicker-calendar tr:nth-child(2) {
    font-size: inherit;
}
.list-div {
    display:inline-block;
    width:49%;
}
.submodel{
    font-size: 25px !important;
    padding: 18px 0 !important;
    width: 70px !important;
    height: 70px !important;
}
input[type=checkbox] {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}


.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }



.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

.target {
    display:inline-block;
    margin: 10px;
    vertical-align: top;
    width: auto;
    cursor: pointer;
    min-height: 324px;
}
footer {
    border-top:solid 2px #ffffff;
    display:inline-block;
}


table.table {
    border: solid 2px #000;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    /*border-collapse: inherit;*/
    height:100%;
}
/*table tr:nth-child(2) {
    font-size:24px;
    color:red;
}*/
table tr th {
    font-size:25px;
}


@media only screen and (max-width: 768px) {
.target {
    display:block;
}
}

@font-face{
	font-family:'digital';
	src: url('../fonts/digital-7.ttf');
}
h1 {
    font-size: 30px;
    border: solid 5px #ccc;
    border-radius: 100%;
    padding: 25px 0;
    margin:5px auto 0px;
    display: block;
    font-family: 'digital';
    width: 90px;
    height: 90px;
    display: block;
    overflow: hidden;
}
h4{
	font-size:20px;
	margin-bottom:0px;
}
h4 b{
    font-size:12px;
}
body{
	margin:0px;
	padding:0px;
	font-family:'digital';
}
.container-main{
	max-width:100%;
	display:block;
	margin:0 auto;
    margin-top: 50px;
}
.card {
    position:relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
    padding:10px 10px 0px 10px;
    display:inline-block;
    width:auto;
    margin:10px;
	text-align:center;
    background-color:white;
    
}
.highlighted{
	border:solid 1px #000;
	margin:5px 0px;
	width:100% !important;
	max-width:100% !important;
	padding:5px;
	position:relative;
}
.highlighted .btn-left{
	position:absolute;
	left:20px;
	top:20px;
}
.highlighted .btn-right{
	position:absolute;
	right:20px;
	top:20px;
}
.highlighted h3 {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    font-size: 40px;
    letter-spacing: 5px;
    color: red;
	margin:5px 0px;
}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    text-align:center;
}

/***************************************************************************************/
.tab-content-wrap {
    display: inline-block;
    width: 100%;
    padding: 1px 0px;
	float:left;
}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float:left;}

/*.main-skoda ul.tab li:first-child {
    border-right: solid 2px darkgray;
    margin: 0px;
    padding: 3px 0px;
}*/
/*.main-skoda ul.tab li:first-child a{
	font-family:arial;
	letter-spacing:1.5px;
	padding:5px;
	font-size:15.4px;
	color:#000000;
}*/
.main-skoda ul.tab li:nth-child(2) a {
    /*margin-top:-10px;*/
	/*padding:0px 5px;*/
	-webkit-pointer-events: none;
}
.main-skoda ul.tab li:nth-child(2) a:hover{
	background-color:transparent;
}
.main-isuzu ul.tab li:first-child a:hover{
	-webkit-pointer-events: none;
}
.main-isuzu ul.tab li:first-child a:hover{
	background-color:transparent;
}

.main-isuzu ul.tab li:first-child a:hover{
	-webkit-pointer-events: none;
}
/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus {
    background-color: #ccc;
}

/* Style the tab content */
.tab-content-wrapper {
    display: inline-block;
    width: 100%;
    margin: 10px auto;
}

.tabcontent {
    
    padding: 6px 0px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
	width:100%;
}

.tabcontentV2 {
    
    padding: 6px 0px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
	width:100%;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/***************************************************************************************/
.container-left {
    width: 100%;
    float: left;
    display: block;
    /*background-color:lightgray;*/
    background-color: #fff;
}
.container-left table#main, .container-left table#main tr, .container-left table#main tr td, .container-left table#main tr th {
    border:solid 1px #000;
    border-collapse: collapse;
    padding: 0px;
    text-align: center;
    border-spacing: 0px;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: 1px;
}

.container-left table#main tr th{
	padding:2px 0px;
    font-weight: normal;
}
.container-left table#main tr td table{
	width:100%;
	border-collapse:collapse;
    border-color:transparent;
}
.container-left table#main tr td table tr{
	border:none !important;
}
.container-left table#main tr td table tr td{
	line-height:32px;
	border-collapse:collapse;
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
    width:33%;
}
.container-left table#main tr td table tr th{
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
    width:33%;
}
.container-left table#main tr td table tr th:last-child{
	border-right:none !important;
}
.container-left table#main tr td table tr td:last-child{
	border-right:none !important;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card.active h1{
	border-color:grey;
}
.card.dotted h1{
	border:dotted 5px grey;
}
.card.alert h1{
	background-color:red;
	color:#ffffff;
}
.card.blink h1{
	color:#ffffff;
	animation: anim1 1s linear 1s infinite alternate;
}
@-webkit-keyframes anim1 {
	 0%   {background-color:red;}   
    100% {background-color:blue;}
}

@keyframes anim1 {
    0%   {background-color:red;}   
    100% {background-color:blue;}
}
.card.blink h1{
	-webkit-animation: anim 1s linear 1s infinite alternate;
	animation: anim 1s linear 1s infinite alternate;
}
@-webkit-keyframes anim {
	 0%   {background-color:red; transform:scale(1);}   
    100% {background-color:white; transform:scale(1.1);}
}
@keyframes anim {
    0%   {background-color:red; transform:scale(1);}   
    100% {background-color:white; transform:scale(1.1);}
}

img {
    width:50px;
    vertical-align:middle;
    display:inline-block;
    margin:0 auto;
}

.card.rota h1{
	-webkit-animation: rota 1.5s linear 2s infinite alternate;
	animation: rota 1.5s linear 2s infinite alternate;
}
.card.bord h1{
	-webkit-animation: bord 1s linear 2s infinite alternate;
	animation: bord 1s linear 2s infinite alternate;
}
.count {
    position: absolute;
    right: 0px;
    top: 0px;
    /*border-bottom: solid 1px;
    border-left: solid 1px;*/
    border-radius: 0px 0px 0px 5px;
    padding: 0px 0px 0px 2px;
}
h3.count {
    left: 0px;
    text-align: justify;
}
.count p{
	margin:1px 0px;
}
.count1 {
    position: absolute;
    left: 0px;
    top: 0px;
    /*border-bottom: solid 1px;
    border-left: solid 1px;*/
    border-radius: 0px 0px 0px 5px;
    padding: 0px 0px 0px 2px;
}
.count1 p{
	margin:1px 0px;
    font-size: 10px;
}


.pop_up{
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 8px;
    background: #ffffff;
    border: solid 1px;
    border-radius: 5px;
    padding: 0 15px;
    width: 141px;
	display:none;
}
.count:hover .pop_up{
	display:block;
	cursor:pointer;
}
#tone{
	display:none;
}
.error{
	width:100%;
	display:block;
	text-align:center;
}
.error h3 {
    color: red;
    padding: 5px 0px;
    border: solid 1px red;
    border-radius: 2px;
}
.error h3 span{
	float:right;
}
.error h3 span a{
	color:red;
	text-decoration:none;
	padding-right:5px;
}
@-webkit-keyframes rota-2 {
	 0%   {transform:rotate(0deg);}   
    100% {transform:rotate(360deg);}
}

@-webkit-keyframes rota {
	 0%   {border: solid 5px #cccccc; transform:rotate(0deg);}   
    100% {border:dotted 5px red; transform:rotate(360deg);}
}
@keyframes rota {
     0% {border: solid 5px #cccccc; transform:rotate(0deg);}   
    100% {border:dotted 5px red; transform:rotate(360deg);}
}
@-webkit-keyframes bord {
	 0%   {border: solid 5px red;}  
	 50% {border:solid 5px red;}
    100% {border:solid 5px black;}
}
@keyframes bord {
     0% {border: solid 5px red;}   
    50% {border:solid 5px red;}
    100% {border:solid 5px black;}
}
.main-head {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
}
.main-head h2{
	border:solid 2px #000;
	border-left:none;
	border-right:none;
	padding:5px 2px;
    width:100%;
    font-size:15px;
    margin:2px 0px 0px;
    text-align : left;
}
.centerMainHead {
    background: transparent;
    border: none;
    box-shadow: none;
    height: 91px;
    width: 72px;
    text-align: center;
}

.spiralContainer {
  border-radius: 50%;
  width:200px;
  height:200px;
  overflow:hidden;
  margin:20px;
  
  -webkit-animation: spin 3s linear 0s infinite reverse;
  -moz-animation: spin 3s linear 0s infinite reverse;  
  -ms-animation: spin 3s linear 0s infinite reverse;
  -o-animation: spin 3s linear 0s infinite reverse;
  animation: spin 3s linear 0s infinite reverse;
  
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;  
  animation-play-state: paused;
}
.spiral {
  width:200px;
  height:200px;
  border-radius: 50%;
  
  background-repeat:no-repeat;
  background-position:50% 50%;
  
  
  -webkit-animation: spin 6s linear 0s infinite normal;
  -moz-animation: spin 6s linear 0s infinite normal;
  -ms-animation: spin 6s linear 0s infinite normal;
  -o-animation: spin 6s linear 0s infinite normal;
  animation: spin 6s linear 0s infinite normal;
}
.spiralContainer:hover {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
@keyframes spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes spin {
  0% {-ms-transform: rotate(360deg); }
  100% { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(360deg); }
  100% { -o-transform: rotate(0deg); }
}
/*@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100%;
    }
}*/
.container-left table#Qtable, .container-left table#Qtable tr, .container-left table#Qtable tr td, .container-left table#Qtable tr th {
    border:solid 1px #000;
    border-collapse: collapse;
    padding: 0px;
    text-align: center;
    border-spacing: 0px;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: 1px;
}

.stock_t, .stock_p {cursor: pointer}