.skin-green2 .main-sidebar{
		background-color: #232b24; /*#1d3821;*/
}


/*btn-primary*/
.btn-primary {
  background-color: LIGHTSEAGREEN;
  border-color: LIGHTSEAGREEN;
  color: white;
}
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: darkcyan;
  border-color: darkcyan;
  color: white;
}

.bg-dekra {
  background-color: LIGHTSEAGREEN !important;
  color:white;
}
.bg-gray {
  background-color: GRAY !important;
  color:#ccc;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: LIGHTSEAGREEN;
}

.nav-pills>li>a:focus, .nav-pills>li>a:hover {
  color: #fff;
  background-color: #999;
}

.nav-pills>li>a {
  color: #fff;
  background-color: grey;
  margin-left:5px;
  margin-right:5px;
  border-radius: 4px;
  border-top: 0;
  padding:10px 4px;
}


.tab-content {
  margin-top:10px;
}

.text-yellow{
  color: yellow;
}
.text-red{
  color: ORANGERED;
}

/* checklist */
/*.btn-ruota {    
    height: 100px;
    width: 100px;
    border-radius: 80px;
    border: 5px solid #333;
  }*/

  .fa-8x {
    font-size: 7em !important;
}

#frmRuota .row {
    margin-right: -5px; 
    margin-left: -5px; 
}

#frmRuota .col-xs-1,
#frmRuota .col-xs-2,
#frmRuota .col-xs-3,
#frmRuota .col-xs-4,
#frmRuota .col-xs-5,
#frmRuota .col-xs-6,
#frmRuota .col-xs-7,
#frmRuota .col-xs-8,
#frmRuota .col-xs-9,
#frmRuota .col-xs-10,
#frmRuota .col-xs-11,
#frmRuota .col-xs-12 {
  padding-right: 5px;
  padding-left: 5px;
}

#frmRuota h4{
  padding-top:15px;
  padding-bottom:15px;
}
.control {
  cursor: pointer;
}
.controls i {
  margin-right:15px;
  margin-left:15px;
}
.controls .btn {
  margin-right:10px;
  margin-left:10px;
}
.controls .text-muted{
  color: #ccc;
}
.control.text-ok{
  color: MEDIUMSEAGREEN;
}
.control.text-ko{
  color: ORANGERED;
}
.control.text-na{
  color: orange;
}
.tab-content {
  padding-left:20px;
  padding-right:20px;
}
.btn.control.active{
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.pneumatici-list dt {
  width: 120px;
}
.pneumatici-list dd {
  margin-left: 130px;
}

.bg-white{
  background-color: #fff;
  color: black !important;
}
.bg-white .small-box-footer{
  background-color: #666;
}

.modal-warning .modal-header {
  background-color: #fff !important;
  color: black !important;
}

.blurry-text {
  text-shadow: 0 0 10px black;
  color: transparent;
}

li.divider {
  margin: 0 10px;
  border-bottom: 1.5px solid #b8c7ce;
}

.skin-green .sidebar-form textarea {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-green .sidebar-form textarea {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  color: white;
}

.plate:not(:empty) {
  font-family: "Source Sans Pro"; /* monospace;*/
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border: 1px solid #0f70b7;
  border-right-width: 8px;
  border-left-width: 8px;
  background-color: #f7f7f7;
  color: #444;
  border-radius: 2px;
  width: 6em;
}

#frm-checklist .img-input, #modal-pneumatico .img-input {
  display:inline-block;
}

:not(#frm-checklist, #modal-pneumatico) .img-input img {
  width:100%;
  display:none;
  margin-bottom:0px;
}

#frm-checklist .img-input  img , #modal-pneumatico .img-input  img {
  max-height:28px;
  cursor: pointer;
  border:1px solid lightgrey;
}

.img-input input {
  display:none;
}

.img-input label.button {
  display:block;
  width:70%;
  height:30px;
  margin-top:5px;
  margin-left: 15%;
  line-height:30px;
  text-align:center;
  background:#1172c2;
  color:#fff;
  font-size:12px;
  font-family:"Open Sans",sans-serif;
  text-transform:Uppercase;
  font-weight:600;
  border-radius:3px;
  cursor:pointer;
}

#frm-checklist .img-input label,
#dotazioni .img-input label {
  margin-bottom:0;
}


.rotate-90 {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

.rotate-180 {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.rotate-270 {
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}

.flip {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}

.flip-and-rotate-90 {
-moz-transform: rotate(90deg) scaleX(-1);
-webkit-transform: rotate(90deg) scaleX(-1);
-o-transform: rotate(90deg) scaleX(-1);
transform: rotate(90deg) scaleX(-1);
}