html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: #56514D;
  font-family: verdana, arial, sans-serif;
  font-size: 90%; }

.skip-to-content {
  left: 20%;
  position: absolute;
  transform: translateY(-50px); }
  .skip-to-content:focus {
    background: #345E6E;
    border-radius: 10px;
    color: #ffffff;
    padding: 0.75em;
    text-decoration: none;
    transform: translateY(20px); }

input, select, textarea {
  color: #56514D; }

.flags {
  float: right;
  width: 5%;
  display: inline-block;
  margin: auto;
  text-align: left;
  padding-top: 10px;
  min-width: 51px; }
  .flags img {
    cursor: pointer;
    width: 17px; }
  .flags div {
    display: inline-block;
    width: 25%;
    margin-top: 3px;
    min-width: 18px;
    margin-top: 0px; }
    .flags div:nth-child(2n +1) {
      margin-left: 10px; }
    .flags div:nth-child(1), .flags div:nth-child(2) {
      margin-top: 0px; }

@media all and (min-width: 1920px) {
  .flags div {
    width: 40%; }
    .flags div:nth-child(2n+1) {
      width: 40%;
      text-align: center; } }

.log-in-message {
  color: #345E6E;
  font-weight: bold;
  padding-bottom: 1em;
  text-align: center; }

a img {
  border: 0px; }

#container {
  min-height: 100%;
  position: relative;
  min-width: 1000px; }

#header {
  width: 90%;
  margin: auto;
  padding: 10px 0px;
  float: right; }
  #header div {
    float: left;
    width: 50%; }

@media all and (max-width: 1200px) {
  #header {
    width: 88%; } }

/* child page */
#content {
  float: left;
  width: 100%;
  padding-bottom: 60px;
  /* Height of the footer */ }

#ContentPanelSmall {
  margin: 25px auto 35px auto;
  width: 50%; }

#ContentPanelMedium, .ContentPanelMedium {
  margin: 25px auto 35px auto;
  width: 75%; }

#ContentPanelLarge, .ContentPanelLarge {
  margin: 25px auto 25px auto;
  width: 95%; }

.simple-panel {
  padding: 10px;
  min-height: 30px;
  border-bottom: 1px solid #b7b7b7; }

#sysinfo {
  float: right;
  text-align: right; }

#footer_outer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  /* Height of the footer */
  background-color: #345E6E;
  z-index: 1000; }

#footer_inner {
  width: 90%;
  margin: auto;
  padding-top: 10px;
  font-size: 75%;
  color: White; }

#PageTitle, .pagetitle {
  font-size: 120%;
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 0; }

h1 {
  background-color: #ffffff;
  color: #56514D;
  font-family: verdana, arial, sans-serif;
  font-size: 120% !important;
  font-weight: bold !important; }

h2 {
  background-color: #ffffff;
  color: #56514D;
  font-family: verdana, arial, sans-serif;
  font-size: 105%;
  font-weight: bold; }

h3 {
  background-color: #ffffff;
  color: #56514D;
  font-family: verdana, arial, sans-serif;
  font-size: 95%;
  font-weight: bold;
  /*text-transform: capitalize;*/ }

h4 {
  background-color: #ffffff;
  color: #56514D;
  font-family: verdana, arial, sans-serif;
  font-size: 95%;
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
  /*text-transform: capitalize;*/ }

.right {
  text-align: right; }

.highlight-label {
  color: #221FE0; }

.warning-message {
  color: #265C89; }

.error-message {
  color: #903B37; }

textarea {
  resize: none; }

a {
  color: #345E6E; }

.input_table td {
  height: 24px;
  padding-right: 5px; }

input, select, textarea {
  font-family: Verdana, arial, sans-serif; }

input:not([type="submit"]):focus, select:focus, textarea:focus, a:not(.btn):focus {
  border: 2px solid #56514D; }

input.txt_extrasmall {
  width: 50px; }

input.txt_small {
  width: 100px; }

input.txt_70 {
  width: 70px; }

input.txt_medium {
  width: 180px; }

input.txt_large {
  width: 240px; }

select.lst_small {
  width: 100px; }

select.lst_small_ext {
  min-width: 100px; }

select.lst_medium {
  width: 180px; }

select.lst_medium_adjustable {
  min-width: 180px; }

select.lst_large {
  width: 240px; }

select.lst_large-230 {
  width: 230px; }

select.lst_large.crm-combo {
  width: 250px; }

select.lst_large_adjustable {
  min-width: 240px; }

.btn-small, .btn-medium, .btn-large {
  background-color: #345E6E;
  border: 1px solid #345E6E;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  box-shadow: 0 2px 0px #2A4D5A;
  text-decoration: none; }

.btn-small:hover, .btn-small:hover:enabled, .btn-small:focus, .btn-small.focus, .btn-medium:hover, .btn-medium:hover:enabled, .btn-medium:focus, .btn-medium.focus, .btn-large:hover, .btn-large:hover:enabled, .btn-large:focus, .btn-large.focus, input[type=checkbox]:hover, input[type=checkbox]:hover:enabled, input[type=checkbox]:focus, input[type=checkbox].focus, .btn-medium.ui-button:hover, .btn-medium.ui-button:hover:enabled, .btn-medium.ui-button:focus, .btn-medium.ui-button.focus {
  border-color: #50AAAD;
  background-color: #50AAAD;
  color: #000000; }
  .btn-small:hover i, .btn-small:hover:enabled i, .btn-small:focus i, .btn-small.focus i, .btn-medium:hover i, .btn-medium:hover:enabled i, .btn-medium:focus i, .btn-medium.focus i, .btn-large:hover i, .btn-large:hover:enabled i, .btn-large:focus i, .btn-large.focus i, input[type=checkbox]:hover i, input[type=checkbox]:hover:enabled i, input[type=checkbox]:focus i, input[type=checkbox].focus i, .btn-medium.ui-button:hover i, .btn-medium.ui-button:hover:enabled i, .btn-medium.ui-button:focus i, .btn-medium.ui-button.focus i {
    color: #000000; }

input[type=checkbox]:hover, input[type=checkbox]:hover:enabled, input[type=checkbox]:focus, input[type=checkbox]:checked:hover, input[type=checkbox]:checked:hover:enabled, input[type=checkbox]:checked:focus {
  border-color: #345E6E;
  background-color: #345E6E;
  color: #FFFFFF; }

.btn-small:disabled, .btn-medium:disabled, .btn-large:disabled {
  cursor: not-allowed;
  border-color: #f1f2f3;
  background-color: #f1f2f3;
  color: #8d9294;
  box-shadow: 0 2px 0px #f1f2f3; }

.btn-small:active {
  transform: scale(0.98); }

.btn-medium:active, .btn-large:active {
  transform: scale(0.99); }

.btn-medium + .btn-medium {
  margin-left: 5px; }

.btn-small {
  min-width: 56px;
  font-size: 0.75em;
  padding: 3px 10px 3px 10px; }

a.btn-small {
  display: inline-block;
  min-width: 34px;
  font-size: 0.75em;
  text-align: center; }

.btn-medium {
  font-size: 1em;
  padding: 5px 13px;
  /*min-width: 110px;*/ }

.btn-large {
  width: 160px;
  padding: 2px; }

.btn-margin-vertical {
  margin-top: 14px; }

.btn-chevron {
  display: block;
  margin: 10px auto; }

/* table-Based Psuedo-Accordion classes */
#tabCurrencies {
  border-collapse: collapse;
  border-style: dotted;
  border-width: 1px;
  width: 100%; }
  #tabCurrencies TD {
    border-bottom: 1px solid gray;
    border-left: 1px dotted silver;
    border-right: none;
    border-top: 1px solid gray;
    padding: 5px;
    word-break: keep-all; }

#tdDeliveryType {
  border: thin solid #C35856; }

#tabDenominations {
  border: none; }
  #tabDenominations TD {
    border: none;
    padding-bottom: 0;
    padding-top: 0; }

.accordion {
  width: 100%; }

.accordion-header, .accordion-header-simple {
  color: White;
  margin-top: 10px;
  cursor: pointer;
  padding: 5px;
  font-weight: normal;
  background-color: #575858; }

.accordion-header.active, .accordion-header-simple.active {
  background-color: #23778C; }

.accordion-header::before {
  display: block;
  width: 18px;
  height: 19px;
  float: left;
  padding-right: 5px;
  margin-top: -1px;
  content: ' ';
  background-image: url("../images/accordion_plus.png");
  background-repeat: no-repeat; }

.accordion-header.active::before {
  background-image: url("../images/accordion_minus.png"); }

.accordion-body {
  display: none;
  margin: 10px 0 15px 0; }

#tabTally {
  border: none; }
  #tabTally TD {
    border: none; }

.grdStandard {
  width: 80%; }

.grdNarrow {
  width: 50%; }

.grdWide {
  width: 100%; }

TD {
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  word-break: keep-all; }

.MoneyNetGrid TD {
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px; }

.watermark {
  color: Gray;
  font-style: italic;
  width: 180px; }

TD.EndOfHorizontalGroup {
  padding-right: 25px; }

.controlContainer {
  margin: 0 auto;
  width: 850px;
  width: 850px; }

.alignCenter {
  text-align: center; }

.filterArea {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: thin solid grey; }

.fullWidth {
  width: 100%; }

tr.inTablePanel td {
  padding-top: 10px;
  color: #345E6E;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: thin solid #345E6E; }

tr.inTablePanel + tr td {
  padding-top: 10px; }

label.fileupload {
  overflow: hidden;
  cursor: pointer;
  line-height: 2em; }
  label.fileupload input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  label.fileupload .file-name {
    color: #575858; }

.download-link img {
  height: 16px;
  margin-right: 5px;
  margin-bottom: -3px; }

.login-box-wrap {
  position: fixed;
  top: calc(50% - 25px);
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.login-box {
  border: 2px solid #ECECEC;
  border-radius: 10px;
  padding: 25px 50px;
  background-color: white;
  min-width: 400px;
  max-width: 500px;
  float: left; }
  .login-box .login-text {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center; }
  .login-box h2 {
    text-transform: uppercase;
    text-align: right; }
  .login-box .accessible-form {
    width: 100%; }
  .login-box .centered-button {
    display: block;
    text-align: center; }
    .login-box .centered-button input[type="submit"] {
      float: none;
      margin-top: 1em; }

.login-box-wrap .help-link {
  color: #345E6E;
  font-weight: bold;
  text-decoration: none; }

.report-padding td {
  padding: 0px; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.placeholder {
  color: #b7b7b7; }

.simple-link {
  text-decoration: none; }

.combo-label {
  border: none;
  outline: none;
  margin-left: -2px; }

select.combo-label::-ms-expand {
  border: none;
  background: none; }

.ui-widget-header {
  background: #345E6E !important;
  border: 1px solid #345E6E !important;
  color: #ffffff;
  font-weight: bold; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #50AAAD;
  border: 1px solid #50AAAD;
  color: #ffffff;
  border-radius: 4px;
  font-weight: normal; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border-color: #469698;
  background-color: #469698;
  border-radius: 4px;
  outline: none; }

.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  background: #345E6E;
  border: none;
  color: #ffffff; }

.ui-widget-header .ui-icon, .ui-button-icon.ui-icon.ui-icon-closethick {
  background-image: url(themes/base/images/ui-icons_ffffff_256x240.png); }

.ui-button .ui-button-text {
  padding: .4em 1em;
  display: block;
  line-height: normal; }

.ui-widget-overlay, .modalBackground {
  background: #666 url(../Images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  filter: Alpha(Opacity=5);
  opacity: .5; }

.modalPopup {
  background-color: #FFFFFF;
  width: 700px; }

.modulPopupHeader {
  background: #345E6E !important;
  border: 1px solid #345E6E !important;
  color: #ffffff;
  font-weight: bold;
  margin: 2px;
  padding: 0px 0px 0px 10px;
  line-height: 30px;
  font-size: 16px;
  border-radius: 3px; }

.service-note {
  padding: 0px;
  position: relative;
  background: white;
  margin: 5px 80px 5px 0px;
  border-left: 13px solid #23778C;
  max-width: 500px;
  word-wrap: break-word;
  color: #56514D;
  border-radius: 5px; }
  .service-note i, .service-note b {
    color: #23778C; }
  .service-note .inner-container {
    border-radius: 5px;
    border: 1pt solid #23778C;
    padding: 5px;
    position: relative;
    left: -4px;
    background: white;
    z-index: 100; }
  .service-note.opening .inner-container {
    background: #eef6f7 !important; }

.note-extender .service-note {
  box-shadow: 0 0 0 1pt #23778C;
  border: none;
  background-color: #23778C; }
  .note-extender .service-note .note-body {
    padding: 5px 0px 2px 5px; }
  .note-extender .service-note .note-title {
    color: white; }
    .note-extender .service-note .note-title b, .note-extender .service-note .note-title i, .note-extender .service-note .note-title a {
      color: white; }
  .note-extender .service-note .note-footer {
    color: white; }
    .note-extender .service-note .note-footer b, .note-extender .service-note .note-footer i, .note-extender .service-note .note-footer a {
      color: white; }
  .note-extender .service-note .note-title i {
    vertical-align: top;
    margin-top: 2px; }

.incoming-email p span, .incoming-email div {
  color: #56514D !important;
  font-size: 12.96px !important;
  background: white !important;
  font-family: verdana, arial, sans-serif !important; }

.service-note .expand-panel {
  height: 16px;
  margin-bottom: -2px; }
  .service-note .expand-panel .note-info {
    margin-right: 5px;
    float: right;
    font-size: 11px;
    vertical-align: bottom;
    line-height: 20px;
    font-style: italic; }

.service-note .note-info {
  margin-right: 5px;
  float: right;
  font-size: 11px;
  vertical-align: bottom;
  line-height: 20px;
  font-style: italic; }

.service-note .note-details {
  width: 99%;
  background-color: white;
  color: #56514D;
  height: 400px; }

.service-note .note-title .fa.disabled {
  color: rgba(197, 197, 197, 0.42);
  cursor: default !important; }
  .service-note .note-title .fa.disabled:hover {
    color: rgba(197, 197, 197, 0.42);
    cursor: default !important; }

.service-note .note-title .expand-button.disabled:hover {
  color: rgba(197, 197, 197, 0.42);
  cursor: default !important; }

.service-note .expand-button {
  background: none;
  border: none;
  float: right;
  cursor: pointer;
  font-weight: bold;
  outline: none;
  margin-right: -5px; }
  .service-note .expand-button:focus {
    background: none;
    border: 1px solid #345E6E;
    float: right;
    cursor: pointer;
    font-weight: bold;
    outline: none;
    margin-right: -5px; }

.service-note .fa-file-text-o, .service-note .fa-envelope-o, .service-note .fa-envelopeopen-o, .service-note .fa-info-circle {
  font-size: 15px; }

.envelopeHeader {
  display: table-cell !important;
  padding-left: 3px;
  text-decoration: none !important; }

.service-note .fa-envelopeopen-o, .service-note .fa-commenting-o {
  margin-top: 1px; }

.service-note.carrier {
  border-left: 13px solid #345E6E;
  background: white;
  margin: 5px 5px 5px 80px; }
  .service-note.carrier .inner-container {
    border: 1pt solid #345E6E; }
  .service-note.carrier i, .service-note.carrier b {
    color: #345E6E; }
  .service-note.carrier .expand-button {
    color: #345E6E; }
    .service-note.carrier .expand-button:focus {
      color: #345E6E; }

.schedulesList_Selected {
  font-weight: bold; }

.schedulesList_Current {
  background-color: #D5F7DF; }

.schedulesList_Gap {
  background-color: #FFE1CE; }

.note-extender .service-note.carrier {
  box-shadow: 0 0 0 1pt #345E6E;
  background-color: #345E6E;
  border: none; }

.service-note.ho, .ho {
  border-left: 13px solid #345E6E;
  background: white;
  margin: 5px 5px 5px 80px; }

.service-note.ho .inner-container {
  border: 1pt solid #345E6E; }

.service-note.ho i, .service-note.ho b {
  color: #345E6E; }

.service-note.ho .expand-button {
  color: #345E6E; }
  .service-note.ho .expand-button:focus {
    color: #345E6E; }

.note-extender .service-note.ho {
  box-shadow: 0 0 0 1pt #345E6E;
  background-color: #345E6E;
  border: none; }

.service-note.to-remove {
  text-decoration: line-through;
  color: #ddd; }
  .service-note.to-remove b, .service-note.to-remove i {
    text-decoration: line-through;
    color: #ddd; }

.service-note.closure {
  border-left: 13px solid #A0413C;
  /*border-left: 3px solid $cms-light-red;*/ }

.closure {
  border-left: 13px solid #A0413C;
  /*border-left: 3px solid $cms-light-red;*/ }

.service-note.closure .inner-container {
  border: 1pt solid #A0413C;
  background: #F3DEDE; }

.service-note.closure i, .service-note.closure b {
  color: #A0413C; }

.service-note.closure .expand-button {
  color: #A0413C; }
  .service-note.closure .expand-button:focus {
    color: #A0413C; }

.note-extender .service-note.closure {
  box-shadow: 0 0 0 1pt #A0413C;
  background-color: #A0413C;
  border: none; }

.service-note .note-title {
  line-height: 16px;
  padding-right: 20px; }
  .service-note .note-title .i {
    vertical-align: unset; }

.service-note .note-body {
  padding: 5px 0px 2px 18px; }

.note-list .service-note .note-body {
  overflow: hidden; }
  .note-list .service-note .note-body div, .note-list .service-note .note-body span {
    font-family: verdana, arial, sans-serif;
    font-size: 12.96px !important; }
  .note-list .service-note .note-body p {
    font-family: verdana, arial, sans-serif;
    font-size: 12.96px !important;
    margin-top: 0px;
    margin-bottom: 0px; }
    .note-list .service-note .note-body p font {
      font-family: verdana, arial, sans-serif;
      font-size: 12.96px !important; }

.limited-height .service-note .inner-container {
  overflow-y: auto;
  max-height: 98px; }

.ui-widget.ui-widget-content {
  z-index: 100000; }

.ui-dialog {
  font-size: 1em !important; }

.ui-widget-overlay {
  background: #666 url(../Images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-dialog-titlebar-close {
  background: #345E6E !important;
  border: none; }
  .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
    background: #345E6E !important;
    border: none; }
  .ui-dialog-titlebar-close .ui-icon, .ui-dialog-titlebar-close:hover .ui-icon, .ui-dialog-titlebar-close:focus .ui-icon {
    background-image: url(themes/base/images/ui-icons_ffffff_256x240.png); }

.ui-widget-header {
  background: #345E6E !important;
  border: 1px solid #345E6E !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #50AAAD;
  border: 1px solid #50AAAD;
  color: #ffffff;
  border-radius: 4px;
  font-weight: normal; }

.ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button ui-corner-all ui-widget .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border-color: #345E6E;
  background-color: #345E6E;
  border-radius: 4px;
  outline: none;
  color: white; }

.ui-button {
  border-color: #345E6E;
  background-color: #345E6E;
  border-radius: 4px;
  outline: none;
  color: white; }
  .ui-button:hover, .ui-button:focus {
    border-color: #345E6E;
    background-color: #345E6E;
    border-radius: 4px;
    outline: none;
    color: white; }

.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
  border-color: #345E6E;
  background-color: #345E6E;
  border-radius: 4px;
  outline: none;
  color: white; }

html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border-color: #345E6E;
  background-color: #345E6E;
  border-radius: 4px;
  outline: none;
  color: white; }

.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  background: #345E6E;
  border: none;
  color: #ffffff; }

.ui-state-hover .ui-icon {
  background-image: url(themes/base/images/ui-icons_ffffff_256x240.png); }

[contenteditable=true]:empty:not(:focus) {
  opacity: 0.6; }
  [contenteditable=true]:empty:not(:focus):before {
    content: attr(placeholder); }

.editorContainer {
  position: relative;
  overflow-wrap: break-word; }
  .editorContainer .ajax__html_editor_extender_container {
    width: 99% !important; }

.unread-emails {
  cursor: pointer;
  position: relative;
  color: #56514D;
  float: right;
  margin-right: 10px;
  margin-top: 3px; }
  .unread-emails i {
    font-size: 18px; }
  .unread-emails span {
    border-radius: 40px;
    padding: 1px 4px 2px 4px;
    font-size: 10px;
    position: absolute;
    background: #C35856;
    color: white;
    bottom: -5px;
    left: 10px;
    z-index: 100; }

.error_box {
  border: thin solid #C35856; }

.week-config {
  border-collapse: collapse; }
  .week-config TR TD {
    line-height: 20px; }

TD.week-config-header {
  padding-top: 3px; }

.schedules-list {
  list-style: none;
  text-align: center;
  padding: 0px;
  overflow-y: auto;
  max-height: 466px; }
  .schedules-list li {
    border: solid 1px gray;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    padding: 15px 5px; }
  .schedules-list .schedule-status {
    position: absolute;
    font-size: 10px;
    right: 4px;
    top: 2px; }
  .schedules-list .date-section {
    font-size: 10px; }
  .schedules-list .li-empty .date-section {
    display: none; }
  .schedules-list .schedule-name {
    margin-bottom: 5px;
    margin-top: -2px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .schedules-list .schedule-name a {
      text-decoration: none; }
  .schedules-list li.li-current {
    font-weight: bold;
    background-color: #345E6E;
    border-color: #50AAAD;
    color: white; }
    .schedules-list li.li-current a {
      color: white; }
  .schedules-list li.li-gap {
    color: white;
    background-color: #903B37;
    border-color: #C35856; }
    .schedules-list li.li-gap a {
      color: white; }
  .schedules-list li.li-history {
    color: white;
    background-color: #575858;
    border-color: #737778; }
    .schedules-list li.li-history a {
      color: white; }
  .schedules-list .li-current .schedule-status {
    font-size: 11px; }
  .schedules-list .li-empty span {
    color: gray;
    font-weight: normal !important; }
  .schedules-list li.li-selected {
    border-left-width: 7px; }

.validation-summary-valid, .field-validation-valid {
  display: none; }

.validation-summary-errors, .accessible-form .error-message {
  border: 1px solid #903B37;
  border-radius: 5px;
  color: #903B37;
  float: left;
  margin-bottom: 1em;
  padding: 1em;
  width: 100%;
  text-align: left;
  text-align: left; }
  .validation-summary-errors:empty, .accessible-form .error-message:empty {
    display: none; }
  .validation-summary-errors span, .accessible-form .error-message span {
    color: black;
    float: left;
    font-weight: bold;
    margin-bottom: 1em;
    width: 100%; }

.accessible-form .success-message {
  border: 1px solid #221FE0;
  border-radius: 5px;
  color: #221FE0;
  float: left;
  margin-bottom: 1em;
  padding: 1em;
  width: 100%;
  text-align: left; }
  .accessible-form .success-message:empty {
    display: none; }

.input-validation-error {
  outline: #C35856 auto 1px; }

.field-validation-error {
  color: #903B37;
  margin-right: 1em; }

.flatpickr ~ .field-validation-error {
  float: none; }

.validation-header {
  color: #903B37;
  float: left;
  margin-bottom: 1em; }

.ui-dialog .validation-summary-errors {
  width: 96%; }

.table-striped .grid-row {
  cursor: pointer; }

.table-striped tr:nth-child(even), .table-striped tr.grid-row:hover:nth-child(even) {
  background-color: #e1e2e3; }

.table-striped-odd tr:nth-child(odd), .table-striped-odd tr.grid-row:hover:nth-child(odd) {
  background-color: #e1e2e3; }

table.grid-table tbody td {
  padding: 3px; }

table.grid-table .grid-row {
  border-bottom: none !important; }
  table.grid-table .grid-row .grid-cell:first-child {
    padding-left: 10px; }

.grid-footer .pagination li {
  padding: 2px;
  font-size: 13px; }

table.grid-table thead {
  border-bottom: 1px solid gray !important;
  border-top: 1px solid gray !important; }
  table.grid-table thead th {
    padding: 4px; }

table.grid-table .grid-row {
  cursor: inherit !important; }

.summary-message {
  height: 20px; }

.rpv-style {
  margin-top: 10px; }
  .rpv-style div {
    word-break: keep-all; }
  .rpv-style iframe {
    border: none; }

.tooltip-cms > div {
  display: none;
  left: 50%;
  margin-left: -150px;
  position: absolute;
  max-width: 650px; }

.tooltipContent {
  background-color: #eee;
  border: 1px solid #555;
  border-radius: 5px;
  padding: 5px;
  min-height: 50px;
  text-wrap: normal;
  white-space: normal;
  font-weight: normal !important; }

.flatpickr {
  display: inline-block;
  width: 130px; }

.flatpickr-calendar.open {
  z-index: 100001; }

.btn-medium.ui-button.ui-corner-all.ui-widget {
  padding: 5px; }

.ui-dialog .ui-dialog-title {
  color: white; }

input.readonly-disabled {
  border-color: darkgrey;
  border-style: solid;
  border-width: 1px;
  background-color: #ebebe4;
  color: #545454;
  padding: 2px 3px; }

select.readonly-disabled {
  border-color: darkgrey;
  border-style: solid;
  border-width: 1px;
  background-color: #ebebe4;
  color: #545454;
  padding: 2px 3px;
  padding: 0px 3px; }

.loader-overlay {
  top: 0;
  right: 1px;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5; }

.loader-1 {
  -moz-animation: loaderAnimate 1000ms linear infinite;
  -o-animation: loaderAnimate 1000ms linear infinite;
  -webkit-animation: loaderAnimate 1000ms linear infinite;
  animation: loaderAnimate 1000ms linear infinite;
  clip: rect(0, 30px, 30px, 0px);
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px; }
  .loader-1:after {
    -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
    -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
    -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
    animation: loaderAnimate2 1000ms ease-in-out infinite;
    border-radius: 50%;
    clip: rect(0, 30px, 30px, 15px);
    content: '';
    height: 30px;
    position: absolute;
    width: 30px; }

@-webkit-keyframes loaderAnimate2 {
  0% {
    box-shadow: inset #555 0 0 0 8px;
    -webkit-transform: rotate(-140deg); }
  50% {
    box-shadow: inset #555 0 0 0 2px; }
  100% {
    box-shadow: inset #555 0 0 0 8px;
    -webkit-transform: rotate(140deg); } }

@-moz-keyframes loaderAnimate2 {
  0% {
    box-shadow: inset #555 0 0 0 8px;
    -moz-transform: rotate(-140deg); }
  50% {
    box-shadow: inset #555 0 0 0 2px; }
  100% {
    box-shadow: inset #555 0 0 0 8px;
    -moz-transform: rotate(140deg); } }

@-o-keyframes loaderAnimate2 {
  0% {
    box-shadow: inset #555 0 0 0 8px;
    -o-transform: rotate(-140deg); }
  50% {
    box-shadow: inset #555 0 0 0 2px; }
  100% {
    box-shadow: inset #555 0 0 0 8px;
    -o-transform: rotate(140deg); } }

@keyframes loaderAnimate2 {
  0% {
    box-shadow: inset #555 0 0 0 8px;
    -webkit-transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  50% {
    box-shadow: inset #555 0 0 0 2px; }
  100% {
    box-shadow: inset #555 0 0 0 8px;
    -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg); } }

@keyframes loaderAnimate2 {
  0% {
    box-shadow: inset #999 0 0 0 17px;
    transform: rotate(-140deg); }
  50% {
    box-shadow: inset #999 0 0 0 2px; }
  100% {
    box-shadow: inset #999 0 0 0 17px;
    transform: rotate(140deg); } }

iframe {
  border: none;
  width: 100%; }

.selected-row td.selectable-td {
  background-color: #345E6E;
  color: white; }
  .selected-row td.selectable-td a {
    color: white; }

.inactive {
  color: #ddd; }

div.selectable-area > div {
  padding: 2px; }

div.selectable-area table {
  min-width: 178px; }

.selectable-area table span {
  vertical-align: top; }

.js_service_area.selectable-area tr,
.selectable-area input {
  cursor: pointer; }

.table-filter {
  float: left;
  margin-left: .5em;
  margin-bottom: 1em;
  width: 100%;
  position: relative; }
  .table-filter .filter-item {
    float: left;
    margin-right: 1em; }
    .table-filter .filter-item > label, .table-filter .filter-item > select, .table-filter .filter-item > input {
      display: block;
      line-height: 1.5em; }
    .table-filter .filter-item .combo-label {
      margin-left: auto;
      margin-right: auto; }
  .table-filter .filter-button {
    display: inline-block;
    position: absolute;
    bottom: 0; }

.sla-chart-description {
  margin-top: 0.5em;
  text-align: center; }

.order .left-column {
  float: left;
  padding: 0 0.5em;
  width: 48%; }
  .order .left-column .order-content {
    float: right;
    width: 430px; }

.order .right-column {
  float: right;
  padding: 0 0.5em;
  width: 48%; }

.calendar .month-container .day-content a {
  color: #56514D; }

.calendar .month-container .day-content.has-event {
  border-radius: 15px;
  background-color: #a0413c; }
  .calendar .month-container .day-content.has-event a {
    color: #FFFFFF; }

.calendar .month-container .disabled .day-content a {
  color: #ddd; }

.calendar-header .year-title a, .calendar-header .next a, .calendar-header .prev a {
  color: #56514D; }

.calendar-header .year-neighbor a {
  color: #aaa; }

.calendar-header .year-neighbor2 a {
  color: #ddd; }

#tabWeek th {
  text-align: left; }

.fa {
  /* padlock/calendar icons */
  color: #56514D;
  text-decoration: none; }
  .fa.fa-plus {
    color: #FFFFFF; }
  .fa.fa-lock, .fa.fa-unlock {
    float: left;
    margin-right: .5em; }