/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu');


canvas {
  -ms-touch-action: double-tap-zoom;
}

#WebsiteTitle:before
{
  content: "WebSped";
}
#WebsiteTitleRegTrademark
{
  /*display:none;*/
}

.collapsed
{
  visibility: collapse;
}

*
{
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: gray; 
  /*overflow-x: hidden;*/
 /* background: #fff url(images/img01.gif) repeat-x;*/
}

clear
{
  clear: both;
}

fieldset
{
  border: none;
}

legend
{
  display: none;
}

h1, h2, h3, h4 {
  margin-bottom: 5px;
  color: #51af44;
  font-size: 42px;
  font-weight: normal;
}

/* MWO Start */
h1 {
  margin-bottom: 5px;
  color: #51af44;
  font-size: 42px;
  font-weight: normal;
}
/* MWO Ende */


h2 {
  margin-bottom: 5px;
  color: #51af44;
  font-size: 20px;
  font-weight: normal;
}

h3 {
  margin-top: 1.5em;
  margin-bottom: .1em;
  color: #51af44;
  font-size: 14px;
  font-weight: normal;
}

h4 {
  color: #51af44;
  font-size: 14px;
}

hr
{
  border: none;
  height: 1px;
  color: #D1D1D1;
  background-color: #D1D1D1;
  margin-bottom: 1em;
  text-align: left;
  margin-left: 0;
}

p, blockquote, ul, ol
{
  margin-bottom: 0.5em;
  line-height: 1.0em;
}

p
{
}

blockquote
{
}

ul
{
  margin-left: 2em;
  list-style: square;
}

ul li
{
}

ol
{
  margin-left: 2em;
  list-style: lower-roman;
}

ol li
{
}

a {
  color: #1f1b20;
}

  a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
  }

img
{
  border: none;
}

/* Boxed Style */

.boxed {
  margin-bottom: 1em;
  border: 0px solid #CCCCCC;
  width: 600px;
}

  .boxed .title {
    height: 60px;
    padding: 10px;
    background: #51af44;
    color: #fff;
  }

  .boxed .content {
    padding: 30px 10px 10px 10px;
    background-color: rgba(81, 175, 68, 0.6);
    color: #fff;
  }

textarea
{
  width: 100%;
  padding: 3px;
}

  textarea:focus {
    outline: none;
    border: 1px solid #231f20;
  }

/* Header */

#header {
  width: 100%;
  height: 100px;
  background: url(images/logo.png) #1f1b20 no-repeat;
  background-position: 150px center;
  /*background-size: auto 65px;*/
}

#headerBackgroundHome, #headerBackground {
  background-image: none;
}
#headerBackgroundHome, #headerlogo {
  background: none;
  background-position: 0 0;
}

@media (min-width: 1400px) {
  #headerlogoHome, #headerlogo {
    background-position: 0 0;
  }
}

@media (max-width: 2200px) {
  #header {
    background-position: 130px center;
  }
}
  /* Header > Slogan */
#slogan {
  /* MWO Start */
  visibility: hidden;
  /* MWO Ende */
  float: left;
  cursor: pointer;
}

    #slogan h1 {
      color: #ff5300;
      font-size: 16px;
      font-weight: 400;
      text-transform: uppercase
    }

    #slogan h2 {
      margin: 0;
      padding: 48px 0px 0px 50px;
      color: #231f20;
      font-size: 14px;
      font-weight: bold;
    }

    #slogan a {
      text-decoration: none;
      color: #FFFFFF;
    }

  #sectionHeader {
    background-color: #ececec;
    color: #231f20;
    text-align: right;
    padding: 0 10px 0 0;
  }

  /* Header > Top Menu */

  #topmenu {
    position: relative;
    width: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
    float: unset;
    top: -30px;
  }

    #topmenu ul {
      margin: 0;
      padding: unset;
      list-style: none;
      line-height: normal;
    }

    #topmenu li {
      display: inline;
    }

    #topmenu a {
      display: block;
      float: left;
      /*   margin: 0 0 0 20px;*/
      padding: unset;
      font-family: 'Raleway', sans-serif;
      text-decoration: none;
      text-transform: none;
      font-size: 1.188rem;
      font-weight: 700;
      color: #fff;
    }

      #topmenu a:hover {
        text-decoration: none;
        text-decoration-color: #51af44;
        color: #51af44;
        border-bottom: 2px solid #51af44;
      }

#topmenu1 {
  background: unset;
}
#topmenu2 {
  background: unset;
}
#topmenu3 {
  background: unset;
}

  /* Menu */

#menu {
  clear: both;
  width: 100%;
  height: 10px;
  margin: 0 Auto;
/*  background-color: #51af44;*/
}

    #menu ul {
      margin: 0;
      list-style: none;
      line-height: normal;
      float: left;
    }

    #menu li {
      display: inline;
    }

    #menu a {
      display: block;
      float: left;
      height: 26px;
      padding: 14px 18px 0 20px;
      background: url(images/img06.gif) no-repeat;
      text-transform: uppercase;
      text-decoration: none;
    }

      #menu a:hover {
        text-decoration: underline;
        font-weight: bold;
      }

    #menu .first a {
      padding-left: 0;
      background: none;
    }

  /* Content */
  .content-video {
    top: 0px;
  }

#content-user {
  top: 10px;
  right: 0px;
}

#content-center {
  width: 1180px;
  /*  margin: 85px auto 30px auto;*/
  text-align: left;
  padding: 10px;
  background-color: transparent;
  margin-top: 50px;
}
#headerlogoHome {
    height: 100vh;
    background: unset;
}

#headerlogoHome #content-center {
  background-color: transparent;
}

  @media (min-width: 1400px) {
    #content-center {
      width: 1380px;
    }
  }

  @media (min-width: 1600px) {
    #content-center {
      width: 1580px;
    }
  }

  @media (min-width: 1900px) {
    #content-center {
      width: 1800px;
    }
  }

  #content-right-bar {
    text-align: left;
    padding: 10px 10px;
    border: 0px solid #D1D1D1;
    background: #FFFFFF url(images/flaeche.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* for non-css3 browsers */ /*background: #FFFFFF; */ /* for IE */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FFFFFF', 30px); */ /* for webkit browsers */ /*background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF)); */ /* for firefox 3.6+ */ /*background: -moz-linear-gradient(top,  #F1F1F1,  #FFFFFF); */
  }

    #content-right-bar h3 {
      margin-top: 0px;
      margin-bottom: 5px;
      background-color: #231f20; /*width: 100%;*/
      padding: 5px 10px 5px 10px;
      color: #FFFFFF;
    }

  #content {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  #content-header-left {
    background-color: #51af44;
    width: 50px;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
  }

    #content-header-left:hover, .headerButton:hover {
      background-color: #e5e5e5;
    }

    #content-header-center {
      background: #51af44;
      padding: 0 10px 0 10px;
    }

  #content-header {
    height: 50px;
    width: 100%;
    color: #fff;
    font-size: 20px;
  }

  #content-header-popup {
    border: 1px solid #231f20;
    box-shadow: 0 0 10px #231f20;
  }

    #content-header-popup a {
      color: #231f20;
    }

  .content-header-popup-title {
    color: #666;
  }



  .PartialContentAjax {
    text-align: center;
  }


  /* Content > Main */

  #main {
    float: left;
    width: 460px;
  }

  /* Content > Main > Example */

  #example {
  }

  /* Content > Main > Welcome */

  #welcome {
    margin: 0 0 3em 0;
    padding: 10px 0 1.5em 0;
    border-bottom: 1px solid #CCCCCC;
  }

  /* Content > Sidebar */

  #sidebar {
    float: right;
    width: 220px;
  }


  /* Content > Sidebar > Updates*/

  #updates {
  }

    #updates ul {
      margin: 0;
      list-style: none;
    }

    #updates li {
      margin-bottom: 1em;
    }

    #updates h3 {
      margin: 0;
      padding: 0 0 0 10px;
      background: url(images/img09.gif) no-repeat left center;
      font-size: 9px;
    }

    #updates p {
      margin: 0;
      padding: 0 0 0 10px;
      line-height: normal;
      font-size: 9px;
    }

    #updates a {
      text-decoration: none;
    }

  /* Content > Sidebar > Partners*/

  #partners {
  }

  /* Footer */

  #footer {
    clear: both;
    width: 100%; 
    position: fixed;
    bottom: 0px;
    padding: 10px 0px;
    background: #51af44;
    border-top: 0px solid #231f20;
  }


  /* Footer > Legal */

  #legal {
    margin: 0;
    padding: 6px 0px;
    text-align: center;
    text-transform: none;
    background: none;
    color: #1f1b20;
    font-size: 0.8em;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
  }

    #legal a {
      font-weight: bold;
      text-decoration: none;
      color: #1f1b20;
    }

  /* Footer > Links */

  #links {
    margin: 0;
    padding: 10px;
    text-align: center;
  }

  .deleteRequestText {
    float: left;
    color: Red;
    font-weight: bold;
    margin: 10px 0 0 0;
  }

  .noticeText {
  }

  /* Tables */
  .tableForm {
    /*color: Red;*/
  }

    .tableForm td {
      height: 20px; 
      vertical-align: central;
    }

  .tableLabelTitle {
    height: 20px;
    vertical-align: middle;
    color: White;
    background-color: #231f20;
    padding-left: 10px;
  }

  .tableLabelAddress {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .tableLabelHeader {
    height: 25px;
    vertical-align: bottom;
    font-weight: bold;
  }

    .tableLabelHeader td {
      height: 20px;
      padding-left: 10px;
    }

  .tableLabelContent td {
    padding-left: 10px;
  }

  #tableMC td {
    height: 20px;
    background: #51af44;
    vertical-align: top;
  }

  #homeTable tr {
    background: #51af44;
  }
#homeTable tr, #homeTable p {
  color: #fff;
}

  #homeTable div {
    color: #3F547C;
    border: 1px solid #231f20;
  }

  div #homeTableLogin {
    border: 0px solid #231f20;
  }

    div #homeTableLogin tr {
      color: #3F547C;
    }

  #homeTable {
    border-collapse: separate;
    border-spacing: 0 30px;
    padding: 0 20px;
    margin: 0 auto;
  }

  /* Form Elements */
  .headerBar {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .headerBarRight {
    float: right;
    padding: 0px 0px;
  }

  .Requiered {
    float: left;
    padding: 10px 0px;
    font-size: 9px;
  }

#searchBarTable {
  width: 97.6%;
}

  .searchBar {
  padding: 7px 10px;
    text-align: right;
    color: #7e7e7d;
    background-color: #51af44;
  }

  .searchBarText {
    padding-top: 6px;
    min-width: 700px;
    font-size: 20px;
    color: #fff;
    text-align: right;
    background-color: #51af44;
  }

  @media (min-width: 1400px) {
    .searchBarText {
      padding-top: 6px;
      min-width: 900px;
    }
  }

  @media (min-width: 1600px) {
    .searchBarText {
      padding-top: 6px;
      min-width: 1100px;
    }
  }

  @media (min-width: 1900px) {
    .searchBarText {
      padding-top: 6px;
      min-width: 1300px;
    }
  }

  .searchNotFoundHeader {
    /*width: 750px;*/ /*margin: 0px Auto 0px Auto;*/
    padding: 0 10px 0 10px;
    height: 50px;
    text-align: left;
    color: #7e7e7d;
    background-color: #231f20;
  }

  .searchNotFoundContent {
    margin: 20px 0;
    padding: 0 20px;
    text-align: left;
  }

  .searchNotFoundFooter {
    height: 140px;
    background: #231f20;
  }

  .buttonBar {
    clear: both;
    margin: 30px 0 0 0;
    text-align: right; /*border-top: 1px solid #D1D1D1;*/ /*background: #FFFFFF;    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FFFFFF', 30px);    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF));    background: -moz-linear-gradient(top,  #F1F1F1,  #FFFFFF); */
  }

  .captcha {
    padding: 40px 0 0 0;
  }


  input[type="text"], input[type="password"], select, textarea {
    font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    border-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    padding: 2px 1px 3px;
    margin-top: -1px;
  }

  input.loginEntry {
    width: 320px;
    border: 1px solid #ccc;
  }

  .submitButton {
    text-align: right;
    padding-right: 10px;
  }


  /* image classes for custom commands */
  .tileButton {
    float: left;
    width: 150px;
    height: 110px;
    padding: 10px 0 10px 0;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    color: #1f1b20;
    cursor: pointer;
    background-color: #51af44;
    text-align: center;
    vertical-align: middle;
    transition: all 0.4s;
  }

    .tileButton:hover {
      color: #51af44;
      background-color: #E3E3E3;
    }

    .tileButton .text {
      margin: -15px 2px 0 2px;
      font-size: 18px;
    }

    .tileButton .description {
      display: none;
      text-align: left;
      padding-left: 10px;
      position: static;
      margin-top: -60px;
    }

  .headerButton {
    background: transparent;
    border: 0;
    height: 28px;
    width: 28px;
    float: right;
    margin: 0 1px 0 6px;
  }

    .headerButton::-moz-focus-inner {
      border: none;
      padding: 0 !important;
    }
    /* this fixes 1px span�s offset in firefox*/

    .headerButton:hover {
      cursor: pointer;
      transition: 0.4s;
    }

  .LISImage {
    background: #231f20;
    border: 0;
  }

  .LISImageButton {
    background: #231f20;
    border: 0;
    padding: 1px;
  }

    .LISImageButton:hover {
      background-color: #FECB54;
      cursor: pointer;
    }

  .ImageToggleButton {
    border-style: none;
    border-width: 0px;
    cursor: pointer;
    background-color: transparent;
  }

  .imageButton {
    background-color: transparent;
    border: 0;
    height: 22px;
    width: 22px;
    vertical-align: central;
    padding-top: 2px;
    margin-top: -1px;
    margin-left: 2px;
  }

    .imageButton::-moz-focus-inner {
      border: none;
      padding: 0 !important;
    }
    /* this fixes 1px span�s offset in firefox*/

    .imageButton:hover {
      background-color: #FECB54;
      cursor: pointer;
    }

  .searchButton {
    display: inline-block;
    background-color: #a6a6a6;
    margin: -1px 0px 0px -1px;
    min-width: 22px;
    width: 22px;
    max-height: 21px;
    height: 21px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    text-align: center;
    cursor: pointer;
  }

    .searchButton:hover {
      background-color: #FECB54;
      cursor: pointer;
    }

  #homeMenuItem > .k-menu-expand-arrow-icon,
#homeMenuItem > .k-menu-link-text {
    color: #fff;
  }

#homeMenuItem > .k-menu-link-text:hover {
  font-weight: bold;
}

  #logout-menu {
    display: none;
    z-index: 9999999;
    margin-top: 5px;
    border-style: outset; /*background-color:#F2F2F2;*/
    background-color: Black;
    color: White;
    position: absolute;
    text-align: center;
  }

    #logout-menu:hover {
      border-style: inset;
    }

#loginBox a {
  text-decoration: none;
}
    #loginBox a:hover {
      color: #ffffff;
    }

  .deliveryStateOpen1 {
    float: left;
    background-color: #F1F2F2;
  }

  .deliveryStateOpen2 {
    float: left;
    background-color: #F1F2F2;
  }

  .deliveryStateOpen3 {
    float: left;
    background-color: #F1F2F2;
  }

  .deliveryStateOpen4 {
    float: left;
    background-color: #F1F2F2;
  }

  .deliveryStateOpen5 {
    float: left;
    background-color: #F1F2F2;
  }

  .deliveryStateOpenOverview1 {
    float: left;
    background-color: #CCCCCC;
  }

  .deliveryStateOpenOverview2 {
    float: left;
    background-color: #CCCCCC;
  }

  .deliveryStateOpenOverview3 {
    float: left;
    background-color: #CCCCCC;
  }

  .deliveryStateOpenOverview4 {
    float: left;
    background-color: #CCCCCC;
  }

  .deliveryStateOpenOverview5 {
    float: left;
    background-color: #CCCCCC;
  }

.deliveryStateFinished1 {
  float: left;
  background-color: #51af44;
}

.deliveryStateFinished2 {
  float: left;
  background-color: #51af44;
}

.deliveryStateFinished3 {
  float: left;
  background-color: #51af44;
}

.deliveryStateFinished4 {
  float: left;
  background-color: #51af44;
}

.deliveryStateFinished5 {
  float: left;
  background-color: #51af44;
}


  /* Page Sub Menu */
  .pagesubmenu {
    margin: -25px 5px 20px 0;
    float: right;
  }

    .pagesubmenu td {
      background-color: #231f20;
      color: #FFFFFF;
    }

  /* AutoComplete list */
  .MC-AutoCompleteList-Container {
    height: auto !important;
    max-height: none !important;
  }

  /* Tooltip */
  .k-widget.k-tooltip {
    border-color: transparent;
    background-color: #231f20;
    color: #FFFFFF;
  }

  /* To hide controls */
  .VisibilityHidden {
    display: none;
  }

  .t-grouping-header
  /*.t-group-delete*/ {
    display: none;
  }

  .k-datepicker {
    width: 120px;
  }

  .k-timepicker {
    width: 80px;
  }

  

  .k-ie9 .k-column-menu {
    width: 180px;
  }

  .k-column-menu {
    min-width: 180px;
  }

  .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 22px;
  }

  .k-grid table {
    table-layout: fixed;
  }

  .k-grid td {
    white-space: nowrap;
  }

  .k-separator {
    background-color: #f5f5f5;
  }

.k-button, .k-card-actions {
/*  color: #ffffff;*/
  border-color: #51af44;
  border-width: 1px;
  background-color: #51af44;
  font-size: 100%;
  font-weight: 400;
  transition: 0.2s;
}

  .k-card .k-button {
    text-transform: none;
    font-weight: normal;
  }

  .mControl .k-button {
    border-color: #cccccc;
    border-width: 1px;
    border-radius: 0px;
    background-color: #ffffff;
    padding: 7px 7px;
  }

#btnSearch2 {
  color: #7e7e7d;
  border-color: #7e7e7d;
  background-color: #51af44;
}
  #btnSearch2:hover {
    color:#7e7e7d;
    background-color: #7e7e7d;
  }
.k-button:hover, .k-card-actions:hover {
  color: #fff;
  font-weight: bold;
  background-color: #51af44;
  border-color: #fff;
}

  .k-button.grid-button {
    border-color: #51af44;
    border-width: 1px;
  }

    .k-button.grid-button:hover {
      border-color: #51af44;
      border-width: 1px;
    }


  .k-numeric-wrap.k-active {
    border-color: #cccccc;
  }

  .k-grid-header .k-header > .k-link {
    display: inline;
  }

  .k-button.grid-button,
  .k-button.k-button-icontext {
    background-color: #f5f5f5;
    color: #333333;
  }

  .TextFromTextBaseTemplate {
    height: 72px;
    overflow: auto;
  }

  .DivisionSelectorMainItem {
    color: #231f20;
  }

  .ContentDivisionSelector .DivisionSelectorMainItem {
    color: #000000;
  }

  .k-treeview .k-checkbox {
    vertical-align: middle;
  }

#mnuGridExport > .k-item .k-link .k-menu-link-text,
#mnuGridExport > .k-item .k-link .k-menu-expand-arrow .k-icon,
#mnu1 > .k-item .k-link .k-menu-link-text,
#mnu1 > .k-item .k-link .k-menu-expand-arrow .k-icon {
  color: #1f1b20;
}
  /*Tour Info Region*/
  #TourInfoScheduler .k-scheduler-groupcolumn {
    width: 120px;
  }

  #TourInfoScheduler .k-scheduler-mark {
    display: none;
  }
  /*********************/

  /*Slot Manager Region*/
  .invalid-slot {
    background: red !important;
    cursor: no-drop;
  }

  .k-nonwork-hour {
    background: silver;
  }

  .k-scheduler-table .k-nonwork-hour {
    background: silver;
  }

  .k-scheduler {
    background: white;
  }

  .Filterbox {
    border-color: #cccccc;
    border-width: 0 0 1px;
    background-color: #f5f5f5;
    border-style: solid;
    background-clip: border-box;
    color: #333333;
    vertical-align: middle;
    padding: 0;
  }

    .Filterbox div {
      float: left;
      margin: 5px;
    }

      .Filterbox div input {
        vertical-align: middle;
        margin: 5px;
      }

    .Filterbox br {
      clear: left;
    }

  .Status_NotSet {
    background-color: red;
  }

  .Status_Arrived {
    background-color: green;
  }

  .Status_Released {
    background-color: yellow;
  }

  .Status_HasLeft {
    background-color: grey;
  }
  /*********************/

  /*Vehicle locations Region*/
  #VehicleLocationTreeView .k-sprite {
    background-image: url(metro/sprite.png);
  }

  .VehicleLocationTreeViewRootFolder {
    background-position: -112px -272px;
  }

  #VehicleLocation-slide-in-share {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    margin-right: -300px;
    border: solid #e9e9e9;
    border-width: 1px 0 1px 0;
    background: #ffffff;
    filter: alpha(opacity=85); /* IE */
    -moz-opacity: 0.85; /* Mozilla */
    opacity: 0.85; /* CSS3 */
  }

  #VehicleLocation-slide-in-handle {
    position: absolute;
    right: 300px;
    width: 50px;
    height: 50px;
    padding: 5px 0;
    background: #231f20;
    color: #7e7e7d;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    /* Internet Explorer */
    -ms-writing-mode: tb-rl;
  }

  .VehicleLocationMenu {
    position: absolute;
    top: 180px;
    left: 30px;
    z-index: 1;
  }
  /*********************/

  .CalendarSheet {
    border: 2px solid #231f20;
  }

  .CalendarSheet-Subline {
    color: #FFFFFF;
    background-color: #231f20;
  }



  .k-grid-header .k-header > .k-link, .k-treemap-title {
    color: #231f20;
  }

  .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #231f20;
  }


  .BusyIndicatorLoading {
    background-color: rgba(255,255,255,0.8);
  }

.spinner {
/*  background:url(link/to/image/when/needed) 30px 50px;*/
  background: 30px 50px;
  background-size: 100px;
  animation: pulse 2.0s linear 0.02s infinite;
}

    .spinner::before {
      border-bottom-color: #1f1b20;
      border-right-color: #1f1b20;
      -webkit-animation: rotate-animation 1.5s linear 0.02s infinite;
      animation: rotate-animation 1.5s linear 0.02s infinite;
    }

    .spinner::before, .spinner::after {
      border-width: 6px;
    }

    .spinner::after {
      border-bottom-color: #51af44;
      border-right-color: #51af44;
      opacity: 1.0;
    }


.card {
  background-color: #f2f2f2;
  color: #212934;
  margin-top: 20px !important;
  margin-bottom: 50px;
}

.k-card-image {
  background-color: #51af44;
}

.k-card-title {
  /*color: #ffffff;*/
}

.k-card-actions .k-button {
  border-color: #51af44;
  color: #7e7e7d;
}

.k-window-content {
  background-color: #f2f2f2;
}

.card .title {
  height: 60px;
  padding: 10px;
  background: #51af44;
  color: #1f1b20;
  margin: -10px;
  margin-bottom: 10px;
}

tr.k-table-row.k-table-alt-row.k-master-row:hover, tr.k-table-row.k-master-row:hover, .k-grid-content-sticky.k-table-td:hover, .k-grid-content-sticky.k-table-td:active {
  background-color: #51af44 !important;
}

.k-master-row .k-grid-content-sticky {
  border-color: #cacaca;
  border-top-color: #cacaca;
  background-color: #fff
}

.k-master-row .k-grid-row-sticky {
  border-top-color: #cacaca;
  border-bottom-color: #cacaca;
  background-color: #fff
}

.k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row .k-grid-row-sticky {
  background-color: #f5f5f5
}

.k-master-row .k-grid-content-sticky:hover {
  border-color: #51af44;
  border-top-color: #51af44;
  background-color: #51af44;
}

.k-master-row .k-grid-row-sticky:hover {
  border-top-color: #51af44;
  border-bottom-color: #51af44;
  background-color: #51af44;
}

.k-master-row.k-table-alt-row .k-grid-content-sticky:hover, .k-master-row.k-table-alt-row .k-grid-row-sticky:hover {
  background-color: #51af44;
}

.custom-row-hover {
  background-color: #51af44 !important;
  color: #fff;
}