/************************** 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: #FFC12C;
}
a:hover, a:focus, a:active {
  color: #ffba13;
}

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

.mce-tinymce.focused,
.recipient-input.focus,
.form-control:focus {
  border: 1px solid #FFC12C !important;
}

.input-group a:focus {
  background-color: #d4dbde;
}

.btn-primary {
  background-color: #FFC12C;
  border-color: #ffba13;
  color: white;
}
.btn-primary[disabled], .btn-primary.disabled {
  background-color: #ffc846 !important;
  border-color: #ffc12c !important;
}
.btn-primary:not(.disabled):hover, .btn-primary:not(.disabled):focus, .btn-primary:not(.disabled):active {
  background-color: #ffba13 !important;
  border-color: #f8af00 !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FFC12C;
  border-color: #ffd05f;
  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: #ffe6ac !important;
}
body > #layout .header {
  background-color: #FFC12C;
  color: #2c363a;
  border-bottom: 1px solid #ffba13;
  border-right: 1px solid #ffba13;
}
body > #layout .header a,
body > #layout .header a.button,
body > #layout .header .button,
body > #layout .header .dropbutton {
  color: #2c363a;
}
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: #ffba13;
}
body > #layout .listbox {
  border: none;
}
body > #layout .listbox .scroller {
  border-right: 1px solid #f1f3f4;
}
body > #layout .listing tr:hover td {
  cursor: pointer;
  background-color: #fbfbfb;
}
body > #layout .listing li:hover,
body > #layout .listing li.selected a,
body > #layout .listing tr.selected td {
  background-color: #fbfbfb;
}
body > #layout .listing tr.focused td {
  border-left-color: #FFC12C;
}
body > #layout .menu.listing li:hover {
  background-color: #ffba13;
}
body > #layout #layout-menu .popover-header {
  background-color: #c58b00 !important;
}
body > #layout #layout-sidebar .scroller {
  background-color: #f1f3f4;
}
body > #layout #layout-sidebar .listing li:hover {
  background-color: #fbfbfb;
}
body > #layout #mailboxlist .unreadcount {
  background-color: #FFC12C;
  color: white;
}
body > #layout .messagelist td {
  font-size: 0.9rem !important;
}

.popupmenu .listing li.selected, .popupmenu .listing li > a:not(.disabled):hover {
  background-color: #f1f3f4;
  color: #2c363a;
}

.floating-action-buttons a.button {
  background-color: #FFC12C;
  box-shadow: 0 0 2px 2px #ffeec5;
  color: #2c363a;
}

.quota-widget .bar .value {
  background-color: #FFC12C;
}

html:not(.touch) .listing li > a:focus {
  border-color: #FFC12C;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FFC12C;
  border-color: #ffba13;
}
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #ffdf92;
  border-color: #ffd779;
}

ul.treelist li.selected > div > a, ul.treelist li.selected > a {
  background-color: #f1f3f4;
}

@media screen and (max-width: 768px) {
  #layout > div > .header a.button:before {
    height: 30px;
    font-size: 1.4rem;
  }
}
html.layout-small .popover-header,
html.layout-phone .popover-header {
  background-color: #FFC12C;
  color: #2c363a;
}
html.layout-small #folderlist-content .listing li a,
html.layout-small .popover-body .listing li a,
html.layout-phone #folderlist-content .listing li a,
html.layout-phone .popover-body .listing li a {
  font-size: 0.9rem;
}

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