/* LAYOUT */

body {
    min-height: 100vh;
    font-size: 14px;
    color: #6f6f6e;
}

h2, h3, h4 {
    color: #1879bf
}

/* LOGO */

.bayer__logo {
    padding: 0 15px;
    max-width: 100%;
}

/* NAVBAR */

.navbar-container {
    min-height: 100vh;
    padding: 0;
}

.nav-dropdown .dropdown-toggle {
    border: none;
    color: #fff !important;
}

.nav-dropdown .dropdown-toggle:hover {
    background: none;
}

.breadcrumb {
    background-color: transparent !important;
    padding-left: 0;
}

.breadcrumb > li > a {
    color: #1879bf;
}

.breadcrumb-item.active {
    color: #1879bf;
}

.sidebar {
    color: #fff;
    background-color: #66cc66;
    font-weight: 200;
    text-transform: uppercase;
    height: 100%;
    position: relative;
}

.sidebar > ul > li > a {
    padding-left: 15px;
}

.list-unstyled > li {
    padding: 15px 0;
}

.list-unstyled > li > a {
    font-size: 18px;
    color: #fff;
 } 

.list-unstyled > li > a:hover {
    color: #fff;
 }

 .sublist {
     background-color: #60b760;
 }

 .sublist > li > a{
    display: inline-block;
    padding-left: 23px;
    font-size: 16px;
    margin-bottom: 10px;
 }

 .sublist-2 {
    background-color: #519951;
}

.sublist-2 > li > a {
    display: inline-block;
    padding-left: 36px;
    font-size: 15px;
}

 .bayer-container {
    padding: 15px;
}

.bayer__header {
    color: #1879bf;
}

.bayer__line {
    border-bottom: 1px solid #66cc66;
}

.bayer__subheader {
    font-size: 14px;
    color: #1879bf;
    font-weight: bold;
}

.bayer__select {
    border-color: #00bcff;
    color: #00bcff !important;
    border-radius: 20px;
    display: block;
}

.bayer__select:hover {
    border-color: #00bcff;
    color: #00bcff !important;
    background-color: #fff;
}

.bayer__action-dropdown {
    border: none;
    background: none;
    text-indent: 1px;
    text-overflow: '';
    color: #1879bf;
}

.bayer__action-dropdown:focus {
    box-shadow: none;
}

.bayer__action-dropdown:hover {
    color: #1879bf;
}

.bayer__action-dropdown::after {
    content: none;
}

.bayer__action-dropdown::-ms-expand {
    display: none;
}

.bayer__comments-list {
    color: #1879bf;
    border-bottom: 1px solid #1879bf;
}

.bayer__blacklist-info {
    padding: 2px 10px;
    background-color: #ffc8c8;
    border: 1px solid #d81919;
    border-radius: 20px;
    color: #d81919;
}

.bayer__blacklist-icon:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 5px;
    background: #d81919;
}

/* BUTTONS */

.bayer__filter-container {
    border: 1px solid #66cc66;
    padding: 25px;
}

.bayer__filter {
    margin: 1px 3px;
}

.bayer__action-btn {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    background-color: #66cc66;
    color: #fff;
}

.bayer__action-btn-desc {
    margin: 0 15px;
    display: flex;
    align-items: center;
    color: #66cc66;
}

.btn--navy-blue {
    background-color: #1879bf;
    font-size: 12px; 
    color: #fff;
}

.btn--transparent {
    background-color: transparent;
    font-size: 12px; 
    color: #60b760;
    border: 1px solid #60b760;
    text-transform: uppercase;
}

.btn--sharp {
    border-radius: 0;
}

.bootstrap-select {
    width: auto !important;
}

.bayer__cancen-btn {
    background-color: #fff;
    color: #1879bf;
    border: 1px solid #1879bf;
}

.bayer__table-btn {
    border: none;
    color: #1879bf;
    background: none;
}

.bayer__multiselect-filter {
    background-color: transparent;
    font-size: 12px;
    color: #60b760 !important;
    border: 1px solid #60b760;
    border-radius: 5px;
}

.bayer__multiselect-filter:hover {
    background-color: #60b760;
    color: #fff !important;
}

.input-dropdown {
    width: 100% !important;
}

.input-dropdown .dropdown-toggle {
    border-color: #00bcff !important;
    color: #00bcff !important;
    background-color: #fff;
    border-radius: 20px;
    width: 100% !important;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.input-dropdown .dropdown-toggle:hover {
    background-color: #fff;
    color: #00bcff !important;
}

.input-dropdown .dropdown-menu {
    background-color: #fff;
    font-size: 12px;
    color: #00bcff;
    border: 1px solid #00bcff;
    border-radius: 5px;
}

.dropdown-menu {
    background-color: #fff;
    font-size: 12px;
    color: #60b760;
    border: 1px solid #60b760;
    border-radius: 5px;
}

.report-multiselect {
    display: block !important;
}

.report-dropdown-menu {
    color: #00bcff;
    border: 1px solid #00bcff;
}

.btn--transparent:hover {
    background-color: #60b760;
    color: #fff;
}

.bayer__period-background {
    padding: 15px;
    background-color: #f0f8ff;
}

.ui-autocomplete {
    top: 64px !important;
    min-width: 450px !important;
    border-radius: 10px !important;
    border-color: #519951 !important;
}

.ui-menu-item > a.ui-corner-all {
    display: block !important;
    padding: 3px 15px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 18px !important;
    color: #519951 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.ui-state-hover, .ui-state-active {
    text-decoration: none !important;
    background-color: #e9e9e9 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer;
}

/* LABELS */

.bayer__label {
    font-size: 12px;
}

.bayer__label--green {
    color: #60b760;
}

.bayer__label--blue { 
    color: #1879bf;
}

.bayer__search-input::placeholder {
    color: #60b760;
}

/* INPUTS */

.bayer__search-input {
    border-color: #60b760;
    color: #60b760;
    border-radius: 20px;
    width: 450px;
}

.bayer__input::placeholder {
    color: #00bcff;
}

.bayer__input {
    width: 100% !important;
    border-color: #00bcff;
    color: #00bcff;
    border-radius: 20px;
    width: 450px;
}

.search-field {
    position: relative;
}

.search-field:after{
    position: absolute;
    transform: translate(0,-50%);
    right: 10px;
    top: 50%;
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
}

.bayer__textarea {
    color: #99e4ff;
    border: 2px solid #1879bf;
    border-radius: 0;
}

hr {
    border-color: #60b760;
}

/* TABLE */

.table th {
    color: #1879bf;
}

.table--red {
    color: #fd2727;
}

.bayer__nav-tabs {
    border-bottom: none;
}

.bayer__nav.active {
    border: none;
    border-bottom: 2px solid #1879bf !important;
    color: #1879bf !important;
}

.bayer__nav:hover {
    border: none;
}

.client__row {
    border-bottom: 1px solid #00bcff;
    color: #00bcff;
    display: flex;
    justify-content: space-between;
}

.collapse-container {
    color:  #1879bf !important;
    border-bottom: 2px solid #1879bf;
    padding: 15px 0;
}

.dot {
    height: 5px;
    width: 5px;
    background-color: #1879bf;
    border-radius: 50%;
    display: block;
    margin: 2px 0;
}

.result-container {
    border: 1px solid #1879bf;
    padding: 15px;
    color: #1879bf;
    margin-bottom: 15px;
}

.bayer__role-table tbody > tr > td:nth-last-child(-n+2) {
    text-align: center;
}

/* toggle switch */
.bayer__switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0;
  }
  
  .bayer__switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .bayer__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
  }
  
  .bayer__slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }
  
  .bayer__switch input:checked + .bayer__slider {
    background-color: #66cc66;
  }
  
  .bayer__switch input:focus + .bayer__slider {
    box-shadow: 0 0 1px #66cc66;
  }
  
  .bayer__switch input:checked + .bayer__slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  .bayer__slider.round {
    border-radius: 34px;
  }
  
  .bayer__slider.round:before {
    border-radius: 50%;
  }

  /* CHECKBOX */

  .bayer__checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #1879bf;
    font-size: 16px;
  }
  
  .bayer__checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .bayer__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #66cc66;
    border-radius: 5px;
  }
  
  .bayer__checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .bayer__checkbox-container input:checked ~ .bayer__checkmark:after {
    display: block;
  }
  
  .bayer__checkbox-container .bayer__checkmark:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: 1px solid #66cc66;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .bayer__role-container {
      border: 1px solid #00bcff;
      padding: 15px;
      border-radius: 5px;
  }
  
  /* DATEPICKER */

  .bayer__datepicker {
    border-color: #00bcff;
    color: #00bcff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .input-group-append button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .bayer__date-range {
    height: calc(1.5em + .75rem + -4px);
    border-color: #60b760;
    color: #60b760;
    border-right: 0 !important;
    min-width: 150px !important;
  }

  .bayer__date-range::placeholder {
    color: #60b760;
  }

  .input-group-text {
      border-color: #60b760 !important;
      color: #60b760;
  }

  /*  TAGS */

  .tag {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 25px;
    background-color: #f1f1f1;
  }

  /* MODALS */

  .modal-header {
    border-bottom: 1px solid #00bcff;
    background-color: #fafafa;
  }

  .modal-footer {
    border-top: 1px solid #00bcff;
  }

  .select-wrapper {
    margin: auto;
    max-width: 600px;
    width: calc(100% - 40px);
  }
  
  .select-pure__select {
    min-width: 200px;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #00bcff;
    color: #00bcff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    min-height: 30px;
    padding: 5px 10px;
    position: relative;
    transition: 0.2s;
    width: 100%;
  }
  
  .select-pure__options {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 221px;
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 5;
  }
  
  .select-pure__select--opened .select-pure__options {
    display: block;
  }
  
  .select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 44px;
    line-height: 25px;
    padding: 10px;
    color: 00bcff;
  }
  
  .select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
  }
  
  .select-pure__option--hidden {
    display: none;
  }
  
  .select-pure__selected-label {
    background: #00bcff;
    border-radius: 15px;
    color: #fff;
    cursor: initial;
    display: inline-block;
    padding: 0 5px;
    margin: 0 3px;
  }
  
  .select-pure__selected-label:last-of-type {
    margin-right: 0;
  }
  
  .select-pure__selected-label i {
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
  }
  
  .select-pure__selected-label i:hover {
    color: #e4e4e4;
  }
  
  .select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
    color: #00bcff;
  }
  
.bayer__datepicker--green {
    border-color: #60b760;
    color: #60b760;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
 
.bayer__datepicker--green::placeholder {
    color: #60b760;
}