/************************** COMMON STYLE ************************/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,400&display=swap&subset=latin-ext");
@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: 900;
  src: url("/customizations/fonts/webfonts/fa-sharp-thin-100.woff2") format("woff2"), url("/customizations/fonts/webfonts/fa-sharp-thin-100.ttf") format("truetype");
}
@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/customizations/fonts/webfonts/fa-sharp-thin-100.woff2") format("woff2"), url("/customizations/fonts/webfonts/fa-sharp-thin-100.ttf") format("truetype");
}
body {
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
}

a {
  color: #154dd2;
}
a:hover, a:focus, a:active {
  color: rgb(18.6818181818, 68.5, 186.8181818182);
}

.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 #154dd2;
}

.btn-primary {
  background-color: #154dd2;
  border-color: rgb(18.6818181818, 68.5, 186.8181818182);
  color: white;
}
.btn-primary.disabled {
  background-color: rgb(24.5454545455, 86, 231.9545454545) !important;
  border-color: #154dd2 !important;
}
.btn-primary:not(.disabled):hover, .btn-primary:not(.disabled):focus, .btn-primary:not(.disabled):active {
  background-color: rgb(18.6818181818, 68.5, 186.8181818182) !important;
  border-color: rgb(16.3636363636, 60, 163.6363636364) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #154dd2;
  border-color: rgb(47.7272727273, 103, 234.2727272727);
  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: rgb(117.2727272727, 154, 241.2272727273) !important;
}
body > #layout .header {
  background-color: #154dd2;
  color: white;
  border-bottom: 1px solid rgb(18.6818181818, 68.5, 186.8181818182);
  border-right: 1px solid rgb(18.6818181818, 68.5, 186.8181818182);
}
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: rgb(18.6818181818, 68.5, 186.8181818182);
}
body > #layout .listbox {
  border: none;
}
body > #layout .listbox tr.focused td {
  border-left-color: #154dd2;
}
body > #layout #mailboxlist .unreadcount {
  background-color: #154dd2;
  color: white;
}
body > #layout .messagelist td {
  font-size: 0.9rem !important;
}

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

.popover .menu li a:not(.disabled):hover {
  background-color: #154dd2;
  color: white;
}
.popover .listing li > a:focus {
  border-left-color: #154dd2 !important;
}

/************************** DARK MODE *************************/
html.dark-mode {
  scrollbar-color: #3c4a50 #2f3a3f;
  /*
     .message-htmlpart {
  background-color: #2c363a !important;
  color: $color-darkmode-text !important;

  * {
      color: $color-darkmode-text !important;
  }

  .rcmBody {
      padding: 1rem;
  }

  blockquote {
      padding: 1rem !important;
  }
     }
     */
}
html.dark-mode a {
  color: rgb(140.4545454545, 171, 243.5454545455);
}
html.dark-mode .listing li.selected, html.dark-mode .listing li.selected > a, html.dark-mode .listing li.selected > div > a, html.dark-mode .listing li.selected > tr.selected td {
  color: rgb(140.4545454545, 171, 243.5454545455);
}
html.dark-mode .custom-file-label:focus:not(.is-invalid),
html.dark-mode .form-control:focus:not(.is-invalid) {
  border-color: #154dd2;
}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
  color: rgb(140.4545454545, 171, 243.5454545455);
}

/************************** LIGHT MODE ************************/
html:not(.dark-mode) > body > #layout .listbox .scroller {
  border-right: 1px solid #f1f3f4;
}
html:not(.dark-mode) > body > #layout #layout-sidebar .scroller {
  background-color: #f1f3f4;
}
html:not(.dark-mode) > body > #layout .listing tr:hover td {
  cursor: pointer;
  background-color: #fbfbfb;
}
html:not(.dark-mode) > body > #layout .listing li.selected a,
html:not(.dark-mode) > body > #layout .listing tr.selected td {
  background-color: #fbfbfb;
}

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