.logged-in .main-navbar {
  color: #333333; }

.logged-in .main-navbar,
.logged-in .main-navbar .navbar-collapse {
  background-color: #d8d8df; }

.logged-in .applications-display {
  background-color: #cecfd5; }

.logged-in .select2-container--default.select2-container--focus .applications-display,
.logged-in .select2-container--default.select2-container--open .applications-display {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 207, 213, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 207, 213, 0.6); }

.logged-in .applications-display .select2-selection__rendered {
  color: #333333; }

.logged-in .applications-display .select2-selection__arrow {
  background: none; }
  .logged-in .applications-display .select2-selection__arrow::before {
    display: inline-block;
    content: '\f0d7';
    color: #333333;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px; }

.logged-in .applications-display[aria-expanded="true"] .select2-selection__arrow {
  background: none; }
  .logged-in .applications-display[aria-expanded="true"] .select2-selection__arrow::before {
    content: '\f0d8'; }

.logged-in .applications-dropdown {
  background-color: #b6b6bf; }
  .logged-in .applications-dropdown::before {
    color: #b6b6bf; }
  .logged-in .applications-dropdown .select2-search input {
    color: #333333; }
  .logged-in .applications-dropdown .select2-results {
    background-color: #a9a9b3;
    color: #333333; }
  .logged-in .applications-dropdown .select2-results__option[aria-selected="true"] {
    color: #01a850; }
  .logged-in .applications-dropdown .select2-results__option--highlighted,
  .logged-in .applications-dropdown .select2-results__option--highlighted[aria-selected="true"] {
    background-color: #c4c4cb;
    color: #01a850; }

.logged-in .main-navbar .navbar-nav > li > a {
  background-color: #c4c4cb; }

.logged-in .main-navbar .navbar-nav > li > a:focus,
.logged-in .main-navbar .navbar-nav > li > a:hover {
  background-color: #a9a9b3; }

.logged-in .profile-name,
.logged-in .profile-email {
  color: #333333; }

.logged-in .profile-name + .profile-email {
  color: rgba(51, 51, 51, 0.57); }

.logged-in .profile-logout a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: none; }
  .logged-in .profile-logout a::before {
    display: inline-block;
    content: '\f011';
    color: #333333;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px; }

.logged-in .main-navbar .navbar-toggle .icon-bar {
  background-color: #333333; }

.navmenu-sidebar .nav > li.active > a,
.navmenu-sidebar .nav .open > a,
.navmenu-sidebar .nav .open > a:focus,
.navmenu-sidebar .nav .open > a:hover {
  color: #01a850; }

.navmenu-sidebar .nav > li.active .dropdown-menu > li.active a {
  background-color: #01a850; }

.logged-in #tabs-container {
  background-color: #bbbbbb; }
  .logged-in #tabs-container .tab {
    padding: 14px 15px;
    border-color: #bbbbbb; }
  .logged-in #tabs-container a:hover,
  .logged-in #tabs-container a:focus {
    border-color: #e6e6e6; }
  .logged-in #tabs-container .tab.selected {
    border-color: #01a850;
    color: #333333; }

.page-header h1 {
  color: #01a850; }

.width-300 {
  width: 300px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

::-moz-selection {
  background-color: #01a850;
  color: #ffffff; }

::selection {
  background-color: #01a850;
  color: #ffffff; }

h2 {
  color: #ffffff; }

h3 {
  color: #ffffff; }

.blue-well p {
  color: #333333;
  font-weight: bold; }

.btn-secondary {
  background-color: #018f44 !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-secondary:focus, .btn-secondary.focus {
    background-color: #015c2c;
    color: #ffffff; }
  .btn-secondary:hover {
    background-color: #015c2c;
    color: #ffffff; }
  .btn-secondary:active, .btn-secondary.active {
    background-color: #015c2c;
    color: #ffffff; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus {
      background-color: #00381b;
      color: #ffffff; }
  .btn-secondary:active, .btn-secondary.active {
    background-image: none; }
  .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
  fieldset[disabled] .btn-secondary:hover,
  fieldset[disabled] .btn-secondary:focus,
  fieldset[disabled] .btn-secondary.focus {
    background-color: #018f44;
    color: #ffffff; }

.btn-green {
  background-color: #ffffff;
  color: #01a850;
  font-weight: bold;
  border: 1px solid #01a850; }
  .btn-green:focus, .btn-green.focus {
    background-color: #ffffff;
    color: #017538;
    border: 1px solid #01a850; }
  .btn-green:hover {
    background-color: #ffffff;
    color: #017538;
    border: 1px solid #01a850; }
  .btn-green:active, .btn-green.active {
    background-color: #ffffff;
    color: #017538;
    border: 1px solid #01a850; }
    .btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus {
      background-color: #ffffff;
      color: #017538;
      border: 1px solid #01a850; }
  .btn-green:active, .btn-green.active {
    background-image: none; }
  .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus,
  fieldset[disabled] .btn-green:hover,
  fieldset[disabled] .btn-green:focus,
  fieldset[disabled] .btn-green.focus {
    background-color: #ffffff;
    color: #017538;
    border: 1px solid #01a850; }

.btn-green-active {
  background-color: #01a850 !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-green-active:focus, .btn-green-active.focus {
    background-color: #017538;
    color: #ffffff; }
  .btn-green-active:hover {
    background-color: #017538;
    color: #ffffff; }
  .btn-green-active:active, .btn-green-active.active {
    background-color: #017538;
    color: #ffffff; }
    .btn-green-active:active:hover, .btn-green-active:active:focus, .btn-green-active:active.focus, .btn-green-active.active:hover, .btn-green-active.active:focus, .btn-green-active.active.focus {
      background-color: #005227;
      color: #ffffff; }
  .btn-green-active:active, .btn-green-active.active {
    background-image: none; }
  .btn-green-active.disabled:hover, .btn-green-active.disabled:focus, .btn-green-active.disabled.focus, .btn-green-active[disabled]:hover, .btn-green-active[disabled]:focus, .btn-green-active[disabled].focus,
  fieldset[disabled] .btn-green-active:hover,
  fieldset[disabled] .btn-green-active:focus,
  fieldset[disabled] .btn-green-active.focus {
    background-color: #01a850;
    color: #ffffff; }

.btn-red {
  background-color: #ffffff;
  color: #e36a54;
  font-weight: bold;
  border: 1px solid #e36a54; }
  .btn-red:focus, .btn-red.focus {
    background-color: #ffffff;
    color: #dc4428;
    border: 1px solid #e36a54; }
  .btn-red:hover {
    background-color: #ffffff;
    color: #dc4428;
    border: 1px solid #e36a54; }
  .btn-red:active, .btn-red.active {
    background-color: #ffffff;
    color: #dc4428;
    border: 1px solid #e36a54; }
    .btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus {
      background-color: #ffffff;
      color: #dc4428;
      border: 1px solid #e36a54; }
  .btn-red:active, .btn-red.active {
    background-image: none; }
  .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus,
  fieldset[disabled] .btn-red:hover,
  fieldset[disabled] .btn-red:focus,
  fieldset[disabled] .btn-red.focus {
    background-color: #ffffff;
    color: #dc4428;
    border: 1px solid #e36a54; }

.btn-red-active {
  background-color: #e36a54 !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-red-active:focus, .btn-red-active.focus {
    background-color: #dc4428;
    color: #ffffff; }
  .btn-red-active:hover {
    background-color: #dc4428;
    color: #ffffff; }
  .btn-red-active:active, .btn-red-active.active {
    background-color: #dc4428;
    color: #ffffff; }
    .btn-red-active:active:hover, .btn-red-active:active:focus, .btn-red-active:active.focus, .btn-red-active.active:hover, .btn-red-active.active:focus, .btn-red-active.active.focus {
      background-color: #c13820;
      color: #ffffff; }
  .btn-red-active:active, .btn-red-active.active {
    background-image: none; }
  .btn-red-active.disabled:hover, .btn-red-active.disabled:focus, .btn-red-active.disabled.focus, .btn-red-active[disabled]:hover, .btn-red-active[disabled]:focus, .btn-red-active[disabled].focus,
  fieldset[disabled] .btn-red-active:hover,
  fieldset[disabled] .btn-red-active:focus,
  fieldset[disabled] .btn-red-active.focus {
    background-color: #e36a54;
    color: #ffffff; }

.btn-yellow {
  background-color: #ffffff;
  color: #f0ad4e;
  font-weight: bold;
  border: 1px solid #f0ad4e; }
  .btn-yellow:focus, .btn-yellow.focus {
    background-color: #ffffff;
    color: #ec971f;
    border: 1px solid #f0ad4e; }
  .btn-yellow:hover {
    background-color: #ffffff;
    color: #ec971f;
    border: 1px solid #f0ad4e; }
  .btn-yellow:active, .btn-yellow.active {
    background-color: #ffffff;
    color: #ec971f;
    border: 1px solid #f0ad4e; }
    .btn-yellow:active:hover, .btn-yellow:active:focus, .btn-yellow:active.focus, .btn-yellow.active:hover, .btn-yellow.active:focus, .btn-yellow.active.focus {
      background-color: #ffffff;
      color: #ec971f;
      border: 1px solid #f0ad4e; }
  .btn-yellow:active, .btn-yellow.active {
    background-image: none; }
  .btn-yellow.disabled:hover, .btn-yellow.disabled:focus, .btn-yellow.disabled.focus, .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus, .btn-yellow[disabled].focus,
  fieldset[disabled] .btn-yellow:hover,
  fieldset[disabled] .btn-yellow:focus,
  fieldset[disabled] .btn-yellow.focus {
    background-color: #ffffff;
    color: #ec971f;
    border: 1px solid #f0ad4e; }

.btn-yellow-active {
  background-color: #f0ad4e !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-yellow-active:focus, .btn-yellow-active.focus {
    background-color: #ec971f;
    color: #ffffff; }
  .btn-yellow-active:hover {
    background-color: #ec971f;
    color: #ffffff; }
  .btn-yellow-active:active, .btn-yellow-active.active {
    background-color: #ec971f;
    color: #ffffff; }
    .btn-yellow-active:active:hover, .btn-yellow-active:active:focus, .btn-yellow-active:active.focus, .btn-yellow-active.active:hover, .btn-yellow-active.active:focus, .btn-yellow-active.active.focus {
      background-color: #d58512;
      color: #ffffff; }
  .btn-yellow-active:active, .btn-yellow-active.active {
    background-image: none; }
  .btn-yellow-active.disabled:hover, .btn-yellow-active.disabled:focus, .btn-yellow-active.disabled.focus, .btn-yellow-active[disabled]:hover, .btn-yellow-active[disabled]:focus, .btn-yellow-active[disabled].focus,
  fieldset[disabled] .btn-yellow-active:hover,
  fieldset[disabled] .btn-yellow-active:focus,
  fieldset[disabled] .btn-yellow-active.focus {
    background-color: #f0ad4e;
    color: #ffffff; }

.btn-black {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000; }
  .btn-black:focus, .btn-black.focus {
    background-color: #ffffff;
    color: black;
    border: 1px solid #000000; }
  .btn-black:hover {
    background-color: #ffffff;
    color: black;
    border: 1px solid #000000; }
  .btn-black:active, .btn-black.active {
    background-color: #ffffff;
    color: black;
    border: 1px solid #000000; }
    .btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus {
      background-color: #ffffff;
      color: black;
      border: 1px solid #000000; }
  .btn-black:active, .btn-black.active {
    background-image: none; }
  .btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus,
  fieldset[disabled] .btn-black:hover,
  fieldset[disabled] .btn-black:focus,
  fieldset[disabled] .btn-black.focus {
    background-color: #ffffff;
    color: black;
    border: 1px solid #000000; }

.btn-black-active {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-black-active:focus, .btn-black-active.focus {
    background-color: black;
    color: #ffffff; }
  .btn-black-active:hover {
    background-color: black;
    color: #ffffff; }
  .btn-black-active:active, .btn-black-active.active {
    background-color: black;
    color: #ffffff; }
    .btn-black-active:active:hover, .btn-black-active:active:focus, .btn-black-active:active.focus, .btn-black-active.active:hover, .btn-black-active.active:focus, .btn-black-active.active.focus {
      background-color: black;
      color: #ffffff; }
  .btn-black-active:active, .btn-black-active.active {
    background-image: none; }
  .btn-black-active.disabled:hover, .btn-black-active.disabled:focus, .btn-black-active.disabled.focus, .btn-black-active[disabled]:hover, .btn-black-active[disabled]:focus, .btn-black-active[disabled].focus,
  fieldset[disabled] .btn-black-active:hover,
  fieldset[disabled] .btn-black-active:focus,
  fieldset[disabled] .btn-black-active.focus {
    background-color: #000000;
    color: #ffffff; }

.large-btn {
  width: 200px; }

.divider {
  width: 20px;
  height: auto;
  display: inline-block; }

.collaborators-well {
  color: #333333; }

.collaborators-well p {
  font-weight: bold; }

.switchable-holder.switchable-checked {
  background-color: #cecfd5; }
  .switchable-holder.switchable-checked .switchable-switcher {
    background-color: #333333; }

.fa-angle-down {
  color: #333333;
  cursor: pointer; }

.fa-angle-up {
  color: #333333;
  cursor: pointer; }

.team-select {
  margin-top: 20px;
  display: none; }

.checkbox-label {
  padding-left: 10px;
  font-weight: bold; }

.user-select {
  display: table;
  margin-top: 10px; }

.material-select {
  display: table;
  margin-top: 10px; }

.user-checkbox-row {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: left;
  width: 300px;
  padding-top: 15px;
  white-space: nowrap;
  overflow: hidden; }

.form-check-label {
  padding-left: 5px; }

.planning-table {
  border: none;
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 8px; }

.planning-th {
  background-color: #c4c4cb;
  text-align: center;
  color: #333333; }

.planning-tr-users {
  height: 27px; }

.planning-td-days {
  border-top: none;
  background-color: #c4c4cb;
  color: #333333;
  text-align: center;
  height: 27px;
  font-weight: 600; }

.planning-td-users {
  border-bottom: none;
  border-top: none;
  color: #333333;
  font-weight: bold; }

.user-label {
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis; }

.vacationReason {
  margin-top: 15px; }

.td-create {
  background-color: #c4c4cb;
  cursor: pointer; }

.td-create-weekend {
  background-color: #dfdfe3;
  cursor: pointer; }

.td-create:hover {
  background-color: #9b9ba7;
  cursor: pointer; }

.td-create-weekend:hover {
  background-color: #c4c4cb;
  cursor: pointer; }

.td-waiting {
  background-color: #f0ad4e;
  cursor: pointer; }

.td-waiting-weekend {
  background-color: #f6ce95;
  cursor: pointer; }

.td-waiting:hover {
  background-color: #df8a13;
  cursor: pointer; }

.td-waiting-weekend:hover {
  background-color: #f0ad4e;
  cursor: pointer; }

.td-refused {
  background-color: #e36a54;
  cursor: pointer; }

.td-refused-weekend {
  background-color: #eea396;
  cursor: pointer; }

.td-refused:hover {
  background-color: #ca3b21;
  cursor: pointer; }

.td-refused-weekend:hover {
  background-color: #e36a54;
  cursor: pointer; }

.td-unavailable {
  background-color: #000000;
  cursor: pointer; }

.td-unavailable-weekend {
  background-color: #262626;
  cursor: pointer; }

.td-unavailable:hover {
  background-color: #333333;
  cursor: pointer; }

.td-unavailable-weekend:hover {
  background-color: #595959;
  cursor: pointer; }

.td-validated {
  background-color: #01a850;
  cursor: pointer; }

.td-validated-weekend {
  background-color: rgba(1, 168, 80, 0.55);
  cursor: pointer; }

.td-validated:hover {
  background-color: #015c2c;
  cursor: pointer; }

.td-validated-weekend:hover {
  background-color: #01a850;
  cursor: pointer; }

.td-inactive-waiting {
  background-color: #c4c4cb; }

.td-weekend-inactive-waiting {
  background-color: #dfdfe3; }

.td-inactive-refused {
  background-color: #c4c4cb; }

.td-weekend-inactive-refused {
  background-color: #dfdfe3; }

.td-inactive-validated {
  background-color: #c4c4cb; }

.td-weekend-inactive-validated {
  background-color: #dfdfe3; }

.td-inactive-unavailable {
  background-color: #c4c4cb; }

.td-weekend-inactive-unavailable {
  background-color: #dfdfe3; }

.week {
  background-color: #005fad;
  color: white; }

#users tr.hidden + tr {
  display: none; }

.modal-header {
  background-color: #cecfd5 !important; }

#createForm button {
  background-color: #cecfd5 !important;
  color: #000000 !important; }

#vacationExistModal button {
  background-color: #cecfd5 !important;
  color: #000000 !important; }

#vacationExistModal .modal-header {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#vacationDetailModal .modal-header {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.nice-select {
  border-radius: 30px !important;
  background-color: #c4c4cb !important;
  color: #333333;
  border: solid 1px #c4c4cb !important; }

.nice-select .list {
  background-color: #c4c4cb !important;
  color: #333333; }

.nice-select .option:hover {
  background-color: #333333 !important;
  color: #ffffff !important; }

.nice-select .option.selected.focus {
  background-color: #333333 !important;
  color: #ffffff !important; }

.nice-select .option.selected.hover {
  background-color: #333333 !important;
  color: #ffffff !important; }

.nice-select .option.selected.hover {
  background-color: #333333 !important;
  color: #ffffff !important; }

.nice-select .option {
  font-weight: bold !important; }

.nice-select span {
  font-weight: bold !important; }

.week_card_synchronized {
  background-color: #31708f;
  border: 1px solid #31708f;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white; }
  .week_card_synchronized a,
  .week_card_synchronized a:hover {
    color: inherit; }

.week_card {
  background-color: #01a850;
  border: 1px solid #01a850;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white; }

.week_card_need_action {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white; }

.week_card_refused {
  background-color: #fc5d5f;
  border: 1px solid #fc5d5f;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white; }

.week_card_empty {
  background-color: #c4c4cb;
  border: 1px solid white;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff; }

.card_header {
  color: #000000; }
  .card_header [data-toggle="collapse"] {
    cursor: pointer; }

.week_date {
  font-weight: lighter; }

.select_button {
  background-color: #ffffff;
  color: #000000; }

.left-arrow {
  float: left; }

.right-arrow {
  float: right; }

.right_side {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 10px; }

.carousel-control.left, .carousel-control.right {
  background-image: none !important; }

.carousel-control {
  width: 7% !important;
  padding-top: 150px; }

.week-info p {
  color: #000000; }

.week_label {
  font-weight: bold;
  margin: 0px 0px 1px; }

.week_card_empty {
  color: #000000; }

.week_card_need_action {
  color: #ffffff; }

.week_card {
  color: #ffffff; }

.item {
  margin-right: -15px;
  margin-left: -15px; }

.col-ap-2 {
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-ap-1 {
  width: 10%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.user-card {
  margin-bottom: 25px; }

.time-sheets-legend .legend {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .time-sheets-legend .legend::before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #000000;
    background-color: #000000;
    content: ''; }
  .time-sheets-legend .legend + .legend {
    margin-left: 15px; }

.time-sheets-legend .waiting {
  color: #f0ad4e; }
  .time-sheets-legend .waiting::before {
    border-color: #f0ad4e;
    background-color: #fae3c25e; }

.time-sheets-legend .validated {
  color: #01a850; }
  .time-sheets-legend .validated::before {
    border-color: #01a850;
    background-color: #edf9f4; }

.time-sheets-legend .refused {
  color: #fc5d5f; }
  .time-sheets-legend .refused::before {
    border-color: #fc5d5f;
    background-color: #ffeeee; }

.time-sheets-legend .synchronized {
  color: #31708f; }
  .time-sheets-legend .synchronized::before {
    border-color: #31708f;
    background-color: #d9edf7; }

.header_content .end_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.header_content .end_header a[data-action="mark-synchronized"]:hover {
  text-decoration: none; }
  .header_content .end_header a[data-action="mark-synchronized"]:hover .check_elipse {
    border-color: #31708f !important; }

.header_content .end_header a + a {
  margin-left: 5px; }

.card_day {
  background-color: white;
  margin: 10px;
  border: 1px solid white;
  border-radius: 5px; }

.task_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }
  .task_header i {
    margin-left: auto; }
  .task_header .bold {
    font-weight: bold;
    margin-right: 3px; }

.card_content {
  background-color: #eaebef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.bold {
  font-weight: bold; }

.card_day button {
  color: white; }

.card_day.waiting {
  color: #f0ad4e; }
  .card_day.waiting a {
    color: inherit; }

.card_day.valid {
  color: #01a850; }
  .card_day.valid a {
    color: inherit; }

.card_day.refused {
  color: #FC5D5F; }
  .card_day.refused button {
    background-color: #FC5D5F; }

.card_day.synchronized {
  color: #31708f; }

.card_day.empty {
  color: #8e8e9b; }

.task_card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px;
  padding: 5px 10px;
  border: 1px solid #EDF9F4;
  border-radius: 5px; }

.task_card.waiting {
  background-color: #fae3c25e; }

.task_card.refused {
  background-color: #FFEEEE;
  color: #FC5D5F; }

.task_card.valid {
  background-color: #EDF9F4;
  color: #01a850; }
  .task_card.valid a {
    color: white; }

.task_card.synchronized {
  background-color: #d9edf7;
  color: #31708f; }

.task_card.unknown {
  background-color: #e2e3e5;
  color: #383d41; }

.task_card.holiday {
  padding: 10px;
  background-color: #F1F9FF; }

.task_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.select_task_button_refused {
  background-color: #FC5D5F;
  color: white; }

.select_task_button_waiting {
  background-color: #f0ad4e;
  color: white; }

.select_task_button_valid {
  background-color: #50C090;
  color: white; }

#timesheetModal .modal-content {
  border-radius: 6px !important;
  background-color: #337ab7;
  color: white; }

#timesheetValidateModal .modal-content {
  border-radius: 6px !important;
  background-color: #337ab7;
  color: white; }

.timesheetModal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */ }

.carousel-control, .carousel-control:focus, .carousel-control:hover {
  color: #000000;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  text-shadow: none; }

.carousel-control:focus, .carousel-control:hover {
  color: #bbbbbb; }

.user_data {
  color: #000000; }

.user_data .card_header {
  background-color: #c4c4cb; }

.user_data .card_header .fa-user {
  color: #c4c4cb; }

.user_data .card_header .fa-check {
  color: #c4c4cb; }

.btn-primary {
  background-color: #01a850 !important;
  color: #ffffff !important;
  font-weight: bold !important; }
  .btn-primary:focus, .btn-primary.focus {
    background-color: #017538;
    color: #ffffff; }
  .btn-primary:hover {
    background-color: #017538;
    color: #ffffff; }
  .btn-primary:active, .btn-primary.active {
    background-color: #017538;
    color: #ffffff; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      background-color: #005227;
      color: #ffffff; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #01a850;
    color: #ffffff; }

a {
  color: #6d6d6d; }
  a:focus, a:hover {
    color: #bbbbbb; }
  a.highlight {
    color: #01a850; }

.pagination > li > a,
.pagination > li > span {
  color: #01a850; }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #017538; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  border-color: #01a850;
  background-color: #01a850; }

#timesheetModal .modal-content {
  background-color: #ffffff;
  color: #000000; }

#timesheetValidateModal .modal-content {
  background-color: #bbbbbb;
  color: #000000; }

.modal-content h4 {
  color: #000000 !important; }

.modal-content .close {
  color: #000000 !important; }

.modal-content .bootstrap-dialog-title {
  color: #000000 !important; }

#materials tr.hidden + tr {
  display: none; }

.planning-tr-materials {
  height: 27px; }

.planning-td-materials {
  border-bottom: none;
  border-top: none;
  color: #333333;
  font-weight: bold; }

#materialExistModal .materialButton {
  background-color: #cecfd5 !important;
  color: #000000 !important; }

#materialExistModal .modal-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.deleteButton {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px; }

.hover-eye-empty {
  color: #000000; }

.hover-eye-empty:hover {
  color: #404040; }

.hover-eye-need_action {
  color: #ffffff; }

.hover-eye-need_action:hover {
  text-shadow: 0px 0px 6px white;
  -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.hover-eye-need_valid {
  color: #ffffff; }

.hover-eye-need_valid:hover {
  text-shadow: 0px 0px 6px white;
  -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

#timesheetModal .modal-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

#timesheetModal .vacationButton {
  background-color: #cecfd5 !important;
  color: #000000 !important; }

.backButton {
  background-color: #a9a9b3 !important; }

@media (max-width: 1700px) {
  .task_card {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    word-break: break-all; }
  .task_header {
    word-break: break-all; }
  .bold {
    text-align: center; } }

@media (max-width: 1100px) {
  .week_card {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .week_card_need_action {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .week_card_empty {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media (max-width: 1500px) {
  .task_card span u {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    margin: 0 auto;
    display: block;
    overflow: hidden; } }

.select2-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .select2-result .column-thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover; }
  .select2-result .column + .column {
    margin-left: 5px; }

.logged-out .main-navbar {
  background-color: #ffffff;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #666666; }

.logged-out {
  background: none;
  color: #666666; }

#background-video {
  display: none; }

.security h1 {
  color: #01a850; }

.logged-out .main-navbar .navbar-toggle .icon-bar {
  background-color: #cecfd5; }

.logged-out .main-navbar .navbar-collapse {
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8df; }

.logged-out .logo-on-top {
  background-image: url("https://priv-ecs.energie-cote-sud.com/logo/logo.png");
  -webkit-background-size: 30% 30%;
          background-size: 30% 30%; }

.form-transparent input[type="text"].icon-email, .form-transparent input[type="password"].icon-email, .form-transparent input[type="email"].icon-email {
  background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-email.png"); }

.form-transparent input[type="text"].icon-lock, .form-transparent input[type="password"].icon-lock, .form-transparent input[type="email"].icon-lock {
  background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-lock.png"); }

.form-transparent input[type="text"], .form-transparent input[type="password"], .form-transparent input[type="email"] {
  background-color: #f2f2f2 !important;
  border: solid 1px #d8d8d8 !important;
  color: #666666 !important; }

.form-transparent input[type="text"]:focus, .form-transparent input[type="password"]:focus, .form-transparent input[type="email"]:focus {
  border-color: #01a850;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #01a850;
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(205, 34, 44, 0.6); */ }

@-webkit-keyframes autofill-icon-email {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-email.png");
    color: #666666 !important; } }

@-o-keyframes autofill-icon-email {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-email.png");
    color: #666666 !important; } }

@keyframes autofill-icon-email {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-email.png");
    color: #666666 !important; } }

@-webkit-keyframes autofill-icon-lock {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-lock.png");
    color: #666666 !important; } }

@-o-keyframes autofill-icon-lock {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-lock.png");
    color: #666666 !important; } }

@keyframes autofill-icon-lock {
  to {
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #f2f2f2;
    background-image: url("https://priv-ecs.energie-cote-sud.com/logo/icon-lock.png");
    color: #666666 !important; } }

.orders-evolution li + li::before {
  content: '>'; }

.orders-evolution .state-synchronized {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #31708f;
  background-color: #d9edf7;
  vertical-align: middle;
  content: ''; }

.form-control:focus {
  border-color: #01a850;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 168, 80, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 168, 80, 0.6); }

input[type="checkbox"],
input[type="radio"] {
  accent-color: #01a850; }

.select2-container.select2-container--open .select2-selection,
.select2-container.select2-container--focus .select2-selection {
  border-color: #01a850;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 168, 80, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 168, 80, 0.6); }

.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #01a850; }

.modal.type-primary .modal-body .control-label {
  color: inherit; }

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