/* header left */

md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar),
md-toolbar.md-hue-2:not(.md-menu-toolbar) {
  background-color: #a8020a !important;
}

/* header right start */

md-toolbar.toolbar-main._md.layout-align-space-between-center.layout-row._md-toolbar-transitions {
  background-color: #01256e !important;
}

/* page setting */

md-toolbar.md-tall._md.layout-align-space-between-start.layout-row._md-toolbar-transitions {
  background-color: #01256e !important;
}

/* jjjjj*/

/* header right end


/* tab */

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: #01256e !important;
}

/* end tab */

/* line on tab */

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #01256e !important;
  background: #01256e !important;
}

/* end line on tab */

.md-button.md-default-theme.md-primary,
.md-button.md-primary {
  color: #01256e !important;
}

.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised {
  color: rgba(255, 255, 255, 0.87);
  background-color: #01256e !important;
}

.md-button.md-default-theme.md-primary:not([disabled]) md-icon,
.md-button.md-primary:not([disabled]) md-icon {
  color: #01256e !important;
}

._md a.md-default-theme:not(.md-button).md-primary,
._md a:not(.md-button).md-primary {
  color: #01256e !important;
}

md-chips.md-default-theme .md-chips.md-focused,
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #01256e !important;
}

md-chips.md-default-theme md-chip.md-focused,
md-chips md-chip.md-focused {
  background: #01256e !important;
  color: rgba(255, 255, 255, 0.87);
}

.md-default-theme .md-datepicker-input-container.md-datepicker-focused,
.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-color: #01256e !important;
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon,
.md-datepicker-open .md-datepicker-calendar-icon {
  color: #01256e !important;
}

md-icon.md-default-theme.md-primary,
md-icon.md-primary {
  color: #01256e !important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused
  .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized
  .md-input,
md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #01256e !important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused
  label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused
  md-icon,
md-input-container:not(.md-input-invalid).md-input-focused md-icon {
  color: #01256e !important;
}

md-list.md-default-theme md-list-item > md-icon.md-highlight,
md-list md-list-item > md-icon.md-highlight {
  color: #01256e !important;
}

md-toolbar.md-default-theme.md-menu-toolbar md-toolbar-filler,
md-toolbar.md-menu-toolbar md-toolbar-filler {
  background-color: #01256e !important;
  color: rgba(255, 255, 255, 0.87);
}

md-nav-bar.md-default-theme.md-primary > .md-nav-bar,
md-nav-bar.md-primary > .md-nav-bar {
  background-color: #01256e !important;
}

md-toolbar > md-nav-bar.md-default-theme > .md-nav-bar,
md-toolbar > md-nav-bar > .md-nav-bar {
  background-color: #01256e !important;
}

md-progress-circular.md-default-theme path,
md-progress-circular path {
  stroke: #01256e !important;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
  background-color: #01256e !important;
}

md-input-container.md-input-focused:not(.md-input-has-value)
  md-select.md-default-theme
  .md-select-value,
md-input-container.md-input-focused:not(.md-input-has-value)
  md-select
  .md-select-value,
md-input-container.md-input-focused:not(.md-input-has-value)
  md-select.md-default-theme
  .md-select-value.md-select-placeholder,
md-input-container.md-input-focused:not(.md-input-has-value)
  md-select
  .md-select-value.md-select-placeholder {
  color: #01256e !important;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #01256e !important;
  color: rgba(0, 0, 0, 0.87);
}

md-slider.md-default-theme.md-primary .md-thumb:after,
md-slider.md-primary .md-thumb:after {
  border-color: #01256e !important;
  background-color: #01256e !important;
}

md-slider.md-default-theme.md-primary .md-sign,
md-slider.md-primary .md-sign {
  background-color: #01256e !important;
}

md-slider.md-default-theme.md-primary .md-sign:after,
md-slider.md-primary .md-sign:after {
  border-top-color: #01256e !important;
}

md-slider.md-default-theme.md-primary[md-vertical] .md-sign:after,
md-slider.md-primary[md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #01256e !important;
}

.md-subheader.md-default-theme.md-primary,
.md-subheader.md-primary {
  color: #01256e !important;
}

md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-ink-ripple,
md-switch.md-checked:not([disabled]).md-primary .md-ink-ripple {
  color: #01256e !important;
}

md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-thumb,
md-switch.md-checked:not([disabled]).md-primary .md-thumb {
  background-color: #01256e !important;
}

md-tabs.md-default-theme .md-paginator md-icon,
md-tabs .md-paginator md-icon {
  color: #01256e !important;
}

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: #01256e !important;
}

md-tabs.md-default-theme.md-primary > md-tabs-wrapper,
md-tabs.md-primary > md-tabs-wrapper {
  background-color: #01256e !important;
}

md-toolbar > md-tabs.md-default-theme > md-tabs-wrapper,
md-toolbar > md-tabs > md-tabs-wrapper {
  background-color: #01256e !important;
}

md-toast.md-default-theme .md-toast-content .md-button.md-highlight.md-primary,
md-toast .md-toast-content .md-button.md-highlight.md-primary {
  color: #01256e !important;
}

/*md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
	background-color: #01256e !important;
	color: rgba(255, 255, 255, 0.87)
}*/

.sg-timepicker-open .sg-timepicker-icon {
  color: #01256e !important;
}

.md-default-theme.md-fg {
  color: #01256e !important;
}

[ui-view="calendars"] .hours {
  color: #01256e !important;
}

.md-default-theme
  .md-calendar-date.md-calendar-selected-date
  .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date
  .md-calendar-date-selection-indicator,
.md-default-theme
  .md-calendar-date.md-focus.md-calendar-selected-date
  .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date
  .md-calendar-date-selection-indicator {
  color: #01256e !important;
}

.md-default-theme
  .md-calendar-date.md-calendar-date-today
  .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  color: #01256e !important;
}

.md-button.md-default-theme.md-accent.md-fab,
.md-button.md-accent.md-fab,
.md-button.md-default-theme.md-accent.md-raised,
.md-button.md-accent.md-raised {
  background-color: #01256e !important;
}

.md-button.md-default-theme.md-accent.md-fab,
.md-button.md-accent.md-fab,
.md-button.md-default-theme.md-accent.md-raised,
.md-button.md-accent.md-raised:hover {
  background-color: #01256e !important;
}

/* login page */
.sogo-connected {
  /* background: #bee3f8 !important; */
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

.login-container {
  /* background: #bee3f8 !important; */
  background-image: url("/SOGo.woa/WebServerResources/img/login-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.sg-login.md-default-theme.md-bg.md-accent.flex-gt-md-50 {
  background-color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#login md-input-container.md-default-theme .md-placeholder,
md-input-container .md-placeholder,
md-input-container.md-default-theme label,
md-input-container label {
  color: #002b7f !important;
}

md-input-container.md-block.md-icon-left.md-input-invalid label.md-required {
  color: #002b7f !important;
}

md-input-container.md-block.md-icon-left.md-input-invalid
  md-icon.material-icons {
  color: #002b7f !important;
}

md-input-container.md-default-theme.md-input-invalid .md-input,
md-input-container.md-input-invalid .md-input {
  color: #002b7f !important;
}

md-select.md-default-theme .md-select-value.md-select-placeholder,
md-select .md-select-value.md-select-placeholder {
  color: #002b7f !important;
}

.sg-login.md-default-theme.md-bg.md-accent.flex-gt-md-50
  md-icon.material-icons {
  color: #002b7f;
}

.custom1 {
  display: inline-block;
  box-shadow: none;
  background: transparent;
  position: absolute;
  right: 10%;
  top: 2vh;
  /* background: #bee3f8 !important; */
}

@media (max-width: 480px) and (min-width: 320px) {
  .custom1 {
    right: 0%;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .custom1 {
    right: 20vw;
  }
}

.right-0 {
  right: 0;
}

.custom1 div.md-label {
  color: #002b7f !important;
}

.custom1 .language-value {
  color: #002b7f !important;
}

.custom1 .sg-logo.flex-gt-md-50 .md-margin {
  margin: auto;
}

.custom2 .sg-login-content.md-padding {
  margin: auto;
  width: 90%;
}

.sg-login.md-default-theme.md-bg.md-accent.custom2.flex-gt-md-50 {
  margin: auto;
  border-radius: 4px;
  max-width: 100%;
  margin-bottom: 20px;
}

.custom2 .sg-login-content.md-padding {
  margin: auto;
}

.custom1 img.md-margin {
  width: 150px !important;
}

.custom-btn {
  border-radius: 4px !important;
  width: 100% !important;
  height: 50px !important;
  background: #002b7f !important;
}

.custom-btn span {
  color: white;
  display: block;
  margin: -10px;
}

.custom2 md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  color: #002b7f !important;
}

.custom2 label.md-required {
  color: #002b7f !important;
}

.custom2
  md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused
  label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused
  md-icon,
md-input-container:not(.md-input-invalid).md-input-focused md-icon {
  color: #002b7f !important;
}

md-switch.md-default-theme.md-hue-2.md-checked:not([disabled]) .md-bar,
md-switch.md-hue-2.md-checked:not([disabled]) .md-bar {
  background-color: #6599ff !important;
}

md-switch.md-default-theme.md-hue-2.md-checked:not([disabled]) .md-thumb,
md-switch.md-hue-2.md-checked:not([disabled]) .md-thumb {
  background-color: #002b7f !important;
}

/* sg-ripple-content.md-flex.custom3.layout-fill.layout-align-center-center.layout-column {
    background-color: #c30000 !important;
} */

/* sg-ripple-content.md-flex.custom4.layout-fill.layout-align-center-center.layout-column {
    background-color: #56b04c !important;
    color: white !important;
} */

.custom3 .md-default-theme.md-accent.md-hue-1.md-fg.md-padding {
  color: #ffffff !important;
}

.custom3 md-icon.material-icons {
  color: #ffffff !important;
}

.custom3 button.md-button.md-ink-ripple:hover {
  background-color: black;
}

@font-face {
  font-family: StencilRegular;
  src: url("/SOGo.woa/WebServerResources/fonts/StencilRegular.ttf");
}

@font-face {
  font-family: "Aller Display";
  src: url("/SOGo.woa/WebServerResources/fonts/AllerDisplay.eot?") format("eot"),
    url("/SOGo.woa/WebServerResources/fonts/AllerDisplay.woff") format("woff"),
    url("/SOGo.woa/WebServerResources/fonts/AllerDisplay.ttf")
      format("truetype"),
    url("/SOGo.woa/WebServerResources/fonts/AllerDisplay.svg#AllerDisplay")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Microsoft Sans Serif";
  src: url("/SOGo.woa/WebServerResources/fonts/micross.ttf");
}

.login-title {
  text-align: center;
  color: #002b7f;
  font-family: StencilRegular;
  font-size: 35px;
}

.login-subtitle {
  text-align: center;
  color: #002b7f;
  font-family: "Aller Display";
  margin-bottom: 10px;
  font-size: 25px;
}

.login-footer {
  text-align: center;
  color: #002b7f;
  font-family: "Microsoft Sans Serif";
  font-size: 18px;
}

/* sidebar */
.sidenav-toolbar {
  position: relative;
}

.sidenav-logo {
  width: 65px;
  height: 65px;
  position: absolute;
  right: 20px;
}

/* toolbar */
.btn-compose-container {
  position: absolute;
  right: 105px;
  top: 5px;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .btn-compose-container {
    right: 85px;
    top: -3px;
  }

  .btn-compose-text {
    display: none;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .btn-compose-container {
    right: 85px;
    top: 5px;
  }

  .btn-compose-text {
    display: none;
  }
}

@media (max-width: 959px) and (min-width: 812px) {
  .btn-compose-container {
    top: -3px;
  }
}

@media (max-width: 767px) and (min-width: 479px) {
  .btn-compose-container {
    right: 72px;
    top: -3px;
  }

  .btn-compose-text {
    display: none;
  }
}