/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                                   BEGIN : THEME SLATE                         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body[attr-theme="slake"]{
  background: #2d2d2d;
}

body[attr-theme="slake"] #login form span {
  background-color: #3f505d;
  color: #9c9c9c;
}

body[attr-theme="slake"] #login form #submit{
  background-color: #4f6c84;
}

body[attr-theme="slake"] .main-title span{
  color: #ffffff;
}

body[attr-theme="slake"] #login form input[type="text"], body[attr-theme="slake"] input[type="password"]{
  background-color: #384854;
}

body[attr-theme="slake"] .intro{
  background: #565656;
}

body[attr-theme="slake"] #menuOverlay .icons-menu a{
  background: #797979;
}

body[attr-theme="slake"] .icons-menu .menuItem i{
  /*text-shadow: 1px 1px #6e7479;*/
  text-shadow: none;
}

body[attr-theme="slake"] #searchPanel{
  background-color: #464646;
}

body[attr-theme="slake"] #searchPanel button.filter, body[attr-theme="slake"] #searchPanel button.close{
  background: #828282;
}

body[attr-theme="slake"] #menuButton{
  background-color: #828282;
}


body[attr-theme="slake"] .sidebar{
  background-color: #2d2d2d;
}

body[attr-theme="slake"]  #car-details-popup, body[attr-theme="slake"] #car-details-popup .fleet-summary{
  background: #565656;
}

body[attr-theme="slake"]  .car-dashboard .odometer-block .speed-txt{
  background-color: #565656;
}

body[attr-theme="slake"] #menuOverlay .icons-menu a:hover {
  background: rgb(39 39 39) !important;
}

body[attr-theme="slake"] #menuOverlay .icons-menu a:hover i{
  color: #ffffff;
}

/*body[attr-theme="slake"] {
  background: #293742; 
}*/

@media (min-width: 960px) {
  body[attr-theme="slake"]  #car-details-popup {
    background: none;
  }

  body[attr-theme="slake"] .car-dashboard .stats-block .content,
  body[attr-theme="slake"] .car-dashboard .adress div.txt,
  body[attr-theme="slake"] .car-dashboard .vizualInfos-block{
    background: #565656;
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                                   BEGIN : THEME DARK GREEN                    */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body[attr-theme="darkGreen"]{
  background: #18443e;
}

body[attr-theme="darkGreen"] #login form span {
  background-color: #5a9e95;
  color: #ccefea;
}

body[attr-theme="darkGreen"] #login form #submit{
  background-color: #00a28c;
}

body[attr-theme="darkGreen"] .main-title span{
  color: #ffffff;
}

body[attr-theme="darkGreen"] #login form input[type="text"], body[attr-theme="darkGreen"] input[type="password"]{
  background-color: #3b7d74;
}

body[attr-theme="darkGreen"] .intro{
  background: #18443e;
}

body[attr-theme="darkGreen"] #menuOverlay .icons-menu a{
  background: #3e776e;
}

body[attr-theme="darkGreen"] .icons-menu .menuItem i{
  /*text-shadow: 1px 1px #6e7479;*/
  text-shadow: none;
}

body[attr-theme="darkGreen"] #searchPanel{
  background-color: #255049;
}

body[attr-theme="darkGreen"] #searchPanel button.filter, body[attr-theme="darkGreen"] #searchPanel button.close{
  background: #189c88;
}

body[attr-theme="darkGreen"] #menuButton{
  background-color: #189c88;
}

body[attr-theme="darkGreen"] .sidebar{
  background-color: #1a2d2a;
}

body[attr-theme="darkGreen"]  #car-details-popup, body[attr-theme="darkGreen"] #car-details-popup .fleet-summary{
  background: #516f6b;
}

body[attr-theme="darkGreen"]  .car-dashboard .odometer-block .speed-txt{
  background-color: #516f6b;
}

body[attr-theme="darkGreen"] #menuOverlay .icons-menu a:hover {
  background: rgb(28 66 60) !important;
}

body[attr-theme="darkGreen"] #menuOverlay .icons-menu a:hover i{
  color: #ffffff;
}

/*body[attr-theme="darkGreen"] {
  background: #293742; 
}*/

@media (min-width: 960px) {
  body[attr-theme="darkGreen"]  #car-details-popup {
    background: none;
  }

  body[attr-theme="darkGreen"] .car-dashboard .stats-block .content,
  body[attr-theme="darkGreen"] .car-dashboard .adress div.txt,
  body[attr-theme="darkGreen"] .car-dashboard .vizualInfos-block{
    background: #516f6b;
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                                   BEGIN : THEME GRAY                          */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body[attr-theme="darkPurple"]{
  background: #2a3846;
}

body[attr-theme="darkPurple"] #login form span {
  background-color: #3d566f;
  color: #b8c9d6;
}

body[attr-theme="darkPurple"] #login form #submit{
  background-color: #4f6c84;
}

body[attr-theme="darkPurple"] .main-title span{
  color: #ffffff;
}

body[attr-theme="darkPurple"] #login form input[type="text"], body[attr-theme="darkPurple"] input[type="password"]{
  background-color: #384854;
}

body[attr-theme="darkPurple"] .intro{
  background: #4f6c84;
}

body[attr-theme="darkPurple"] #menuOverlay .icons-menu a{
  background: #4f6373;
}

body[attr-theme="darkPurple"] #searchPanel{
  background-color: #3f4d5a;
}

body[attr-theme="darkPurple"] #searchPanel button.filter, body[attr-theme="darkPurple"] #searchPanel button.close{
  background: #617282;
}

body[attr-theme="darkPurple"] #menuButton{
  background-color: #617282;
}

body[attr-theme="darkPurple"] .sidebar{
  background-color: #2a3846;
}

body[attr-theme="darkPurple"]  #car-details-popup, body[attr-theme="darkPurple"] #car-details-popup .fleet-summary{
  background: #4c5761;
}

body[attr-theme="darkPurple"]  .car-dashboard .odometer-block .speed-txt{
  background-color: #4c5761;
}

body[attr-theme="darkPurple"] #menuOverlay .icons-menu a:hover {
  background: rgb(38 46 53) !important;
}

body[attr-theme="darkPurple"] #menuOverlay .icons-menu a:hover i{
  color: #ffffff;
}

/*body[attr-theme="darkPurple"] {
  background: #293742; 
}*/

@media (min-width: 960px) {
  body[attr-theme="darkPurple"]  #car-details-popup {
    background: none;
  }

  body[attr-theme="darkPurple"] .car-dashboard .stats-block .content,
  body[attr-theme="darkPurple"] .car-dashboard .adress div.txt,
  body[attr-theme="darkPurple"] .car-dashboard .vizualInfos-block{
    background: #4c5761;
  }
}