.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

[hidden][style="display: block;"] {
  display: block !important; }

.form-group .invalid-feedback {
  display: block; }

.navbar.bg-header {
  background-color: #5db1c3; }

.navbar-brand {
  font-weight: 300;
  font-size: 1.5em; }

#main-menu {
  text-align: center; }
  #main-menu a {
    font-size: 0.85em;
    color: #17a2b8; }
    #main-menu a.red {
      color: #b94a48; }
    #main-menu a.active {
      color: #fd7e14; }
  #main-menu span {
    font-size: 1.5em; }

ol.breadcrumb {
  font-size: .8em; }

h2 {
  margin-bottom: 1em; }
  h2 small {
    color: #CFCFCF; }

.fc-event-container .fc-content {
  color: white !important; }

form label {
  color: #666; }
  form label.requiredField {
    font-weight: bold; }
  form label .asteriskField {
    display: none; }

form fieldset {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  border: 1px solid #CFCFCF;
  padding: 0 16px;
  padding: 0 1rem; }
  form fieldset legend {
    font-size: 17.6px;
    font-size: 1.1rem;
    padding-left: 48px;
    padding-left: 3rem; }

form .form-group.row {
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin-bottom: 0; }

form .submit-row {
  padding: 12px 14px;
  margin: 20px 0 20px;
  background: #f8f8f8;
  border: 1px solid #eee;
  border-radius: 4px;
  text-align: right; }
  @media (max-width: 768px) {
    form .submit-row input, form .submit-row .btn {
      width: 100%;
      margin-bottom: 5px; } }

form input.shortInput {
  width: 60px; }

table.table .thead-dark th {
  background-color: #117a8b;
  border-color: #117a8b; }

a.oi.oi-plus:hover {
  text-decoration: none; }

.select2-container .select2-selection--single {
  height: 38px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important; }

.fc-day-grid-event .fc-content {
  white-space: normal !important; }

.atdc-i {
  margin-right: 2px;
  font-size: .9em; }

.fixed-side {
  position: fixed;
  z-index: 100;
  top: 0;
  height: 100%; }

.future-transaction td {
  opacity: .5; }

tr.deposited-transaction {
  background-color: #d6e9c6 !important; }

.display-5 {
  font-size: 19.2px;
  font-size: 1.2rem; }

.dashboard .event {
  border-bottom: 1px solid #CFCFCF; }

.stats {
  font-size: 20.8px;
  font-size: 1.3rem; }

.endless_page_link {
  border: 1px solid #17a2b8;
  color: #17a2b8;
  background-color: #fff;
  display: inline-block;
  width: 24px;
  text-align: center;
  text-decoration: none; }
  .endless_page_link:hover {
    background-color: #e9e9e9;
    text-decoration: none; }

.endless_page_current {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center; }

table.table td.w-75, table.table th.w-75 {
  width: 75%; }

table.table td.w-50, table.table th.w-50 {
  width: 50%; }

table.table td.w-25, table.table th.w-25 {
  width: 25%; }

table.table td.w-80, table.table th.w-80 {
  width: 80%; }

table.table td.w-60, table.table th.w-60 {
  width: 60%; }

table.table td.w-40, table.table th.w-40 {
  width: 40%; }

table.table td.w-30, table.table th.w-30 {
  width: 30%; }

table.table td.w-20, table.table th.w-20 {
  width: 20%; }

table.table td.w-15, table.table th.w-15 {
  width: 15%; }

table.table td.w-55, table.table th.w-55 {
  width: 55%; }

.autoinvoicing {
  background-color: #fffee0 !important; }

.card.offer-no-tracking .card-body {
  background-color: #ecfcf7; }

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -50px 0px 0px -50px;
  border: 16px solid #bfcef3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }