/************************** COMMON STYLE ************************/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=latin-ext");
body {
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
}

a {
  color: #5abb4e;
}
a:hover, a:focus, a:active {
  color: #4ead42;
}

.form-control,
.input-group-text,
.btn {
  border-radius: 0 !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
}

.form-control:focus {
  border: 1px solid #5abb4e;
}

.btn-primary {
  background-color: #5abb4e;
  border-color: #4ead42;
  color: white;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #6bc260 !important;
  border-color: #5abb4e !important;
}
.btn-primary:not(.disabled):hover, .btn-primary:not(.disabled):focus, .btn-primary:not(.disabled):active {
  background-color: #4ead42 !important;
  border-color: #469b3b !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #5abb4e;
  border-color: #7cc973;
  box-shadow: none !important;
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  box-shadow: none;
  border-color: #adb5bd;
}

/************************** COMMON STYLE ************************/
.task-login #logo {
  max-width: 200px;
}

/************************** COMMON STYLE ************************/
body > #layout #taskmenu a {
  font-size: 0.9rem;
}
body > #layout #taskmenu .action-buttons a,
body > #layout #taskmenu .logout {
  color: #b0deaa !important;
}
body > #layout .header {
  background-color: #5abb4e;
  color: white;
  border-bottom: 1px solid #4ead42;
  border-right: 1px solid #4ead42;
}
body > #layout .header a,
body > #layout .header a.button,
body > #layout .header .button,
body > #layout .header .dropbutton {
  color: white;
}
body > #layout .header a:not(.disabled):hover, body > #layout .header a:not(.disabled):focus, body > #layout .header a:not(.disabled):active,
body > #layout .header a.button:not(.disabled):hover,
body > #layout .header a.button:not(.disabled):focus,
body > #layout .header a.button:not(.disabled):active,
body > #layout .header .button:not(.disabled):hover,
body > #layout .header .button:not(.disabled):focus,
body > #layout .header .button:not(.disabled):active,
body > #layout .header .dropbutton:not(.disabled):hover,
body > #layout .header .dropbutton:not(.disabled):focus,
body > #layout .header .dropbutton:not(.disabled):active {
  background-color: #4ead42;
}
body > #layout .listbox {
  border: none;
}
body > #layout .listbox .scroller {
  border-right: 1px solid #f1f3f4;
}
body > #layout #layout-sidebar .scroller {
  background-color: #f1f3f4;
}
body > #layout .listing tr:hover td {
  cursor: pointer;
  background-color: #fbfbfb;
}
body > #layout .listing li:hover {
  background-color: #fbfbfb;
}
body > #layout .listing li.selected a,
body > #layout .listing tr.selected td {
  background-color: #fbfbfb;
}
body > #layout .listing tr.focused td {
  border-left-color: #5abb4e;
}
body > #layout #mailboxlist .unreadcount {
  background-color: #5abb4e;
  color: white;
}
body > #layout .messagelist td {
  font-size: 0.9rem !important;
}

.popupmenu .listing li > a:not(.disabled):hover {
  background-color: #5abb4e;
  color: white;
}

/*# sourceMappingURL=theme.css.map */