/* SASS mixins */
/* Generic UI elements */
.elevation-medium, .toolbar-overflow-menu, .fc-event, .ui-datepicker .ui-datepicker-calendar td a.ui-state-active, .page-login .login-form, .ui-autocomplete {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.elevation-high, .drawer--left.drawer-open .drawer-nav {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35); }

.icon-button, .toolbar .toolbar-button {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms; }
  .icon-button:hover, .toolbar .toolbar-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none; }
  .icon-button:active, .toolbar .toolbar-button:active {
    background-color: rgba(0, 0, 0, 0.2); }
  .icon-button i, .toolbar .toolbar-button i {
    font-size: 20px;
    vertical-align: middle; }

.toolbar {
  color: #fff;
  background: #4285F4;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 46px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: default; }
  .toolbar .hamburger {
    float: left; }
  .toolbar h1 {
    display: inline-block;
    font-size: 1.2em;
    margin: 0 10px;
    padding: 0;
    color: #fefefe;
    font-weight: 400;
    line-height: 46px;
    vertical-align: top; }
  .toolbar .icons-group {
    margin: 0 10px; }
    .toolbar .icons-group.icons-group-right {
      position: absolute;
      right: 0; }
  .toolbar .toolbar-button {
    color: #fff;
    margin-top: 4px; }
    .toolbar .toolbar-button.toolbar-button-text {
      width: auto;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      padding-left: 5px;
      padding-right: 5px;
      text-transform: uppercase;
      font-size: 11px; }
    .toolbar .toolbar-button.highlighted {
      background-color: rgba(255, 255, 255, 0.3);
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.toolbar-overflow-menu {
  position: fixed;
  z-index: 3;
  top: 6px;
  right: 8px;
  width: 165px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .toolbar-overflow-menu ul.material-list li a, .toolbar-overflow-menu ul.ui-autocomplete li a {
    font-size: 14px; }
    .toolbar-overflow-menu ul.material-list li a i, .toolbar-overflow-menu ul.ui-autocomplete li a i {
      font-size: 22px;
      display: inline-block;
      margin: 0px 5px 0px -8px;
      vertical-align: middle;
      color: #444; }
  .toolbar-overflow-menu hr {
    margin: 5px 0; }
  .toolbar-overflow-menu.toolbar-overflow-menu-wide {
    width: 230px; }

.content {
  padding-top: 46px; }

.drawer--left.drawer-open .drawer-nav {
  width: 300px; }

.drawer .drawer-nav {
  max-width: 100%;
  z-index: 4;
  overflow: hidden;
  margin-left: -2px; }
  .drawer .drawer-nav .drawer-header-wrap {
    background-image: url("../img/drawer-background.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .drawer .drawer-nav .drawer-header-wrap .drawer-header {
      min-height: 160px;
      position: relative; }
      .drawer .drawer-nav .drawer-header-wrap .drawer-header img {
        margin: 0 auto;
        display: block; }
      .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition-duration: 150ms;
        -moz-transition-duration: 150ms;
        -o-transition-duration: 150ms;
        transition-duration: 150ms; }
        .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown p {
          padding: 15px 16px;
          font-size: 16px;
          color: #fff;
          margin: 0; }
        .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown .icon-button, .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown .toolbar .toolbar-button, .toolbar .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown .toolbar-button {
          float: right;
          color: #fff;
          margin: 7px; }
        .drawer .drawer-nav .drawer-header-wrap .drawer-header .drawer-dropdown:hover {
          background-color: rgba(0, 0, 0, 0.6); }
  .drawer .drawer-nav ul.drawer-menu li a {
    padding: 10px 18px; }
    .drawer .drawer-nav ul.drawer-menu li a i {
      font-size: 20px;
      vertical-align: bottom;
      margin: 0 9px 0 0px; }
  .drawer .drawer-nav ul.drawer-menu.dropdown-list {
    border-bottom: 1px solid transparent;
    max-height: 0;
    overflow: hidden;
    transition-duration: 300ms;
    padding: 0; }
    .drawer .drawer-nav ul.drawer-menu.dropdown-list.shown {
      border-bottom-color: #ccc;
      max-height: 1000px;
      padding: 4px 0; }

.drawer-overlay {
  z-index: 3; }

ul.material-list, ul.ui-autocomplete {
  list-style: none;
  margin: 0;
  padding: 4px 0; }
  ul.material-list li, ul.ui-autocomplete li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 18px; }
    ul.material-list li a, ul.ui-autocomplete li a {
      display: block;
      color: inherit;
      text-decoration: none;
      line-height: 18px;
      margin: 0;
      padding: 6px 18px;
      -webkit-transition-duration: 150ms;
      -moz-transition-duration: 150ms;
      -o-transition-duration: 150ms;
      transition-duration: 150ms; }
      ul.material-list li a:hover, ul.ui-autocomplete li a:hover, ul.material-list li a.active, ul.ui-autocomplete li a.active {
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.1); }
      ul.material-list li a:active, ul.ui-autocomplete li a:active {
        background-color: rgba(0, 0, 0, 0.2); }
    ul.material-list li.active, ul.ui-autocomplete li.active {
      color: #4285F4;
      font-weight: bold; }

body, h1, h2, h3, h4, h5, h6 {
  font-family: Roboto, sans-serif; }

input[type="text"], input[type="password"], textarea {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms; }
  input[type="text"], input[type="text"]:active, input[type="text"]:focus, input[type="password"], input[type="password"]:active, input[type="password"]:focus, textarea, textarea:active, textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }

input[type="submit"], input[type="submit"].btn, input[type="button"], input[type="button"].btn, button, button.btn {
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms; }

h2 {
  font-size: 20px; }

.content-wrap {
  padding-top: 10px;
  padding-bottom: 5px; }

html, html .content-wrap, html > .row, html > .row .content-wrap, html > .content, html > .content .content-wrap, html > .content > .row, html > .content > .row .content-wrap, html main, html main .content-wrap, html main > .row, html main > .row .content-wrap, html main > .content, html main > .content .content-wrap, html main > .content > .row, html main > .content > .row .content-wrap, html > body, html > body .content-wrap, html > body > .row, html > body > .row .content-wrap, html > body > .content, html > body > .content .content-wrap, html > body > .content > .row, html > body > .content > .row .content-wrap, html > body main, html > body main .content-wrap, html > body main > .row, html > body main > .row .content-wrap, html > body main > .content, html > body main > .content .content-wrap, html > body main > .content > .row, html > body main > .content > .row .content-wrap {
  height: 100%; }

.events-list {
  padding: 0;
  list-style: none; }

.event-RDV {
  background-color: #2E86C1; }

.event-PlageRDV {
  background-color: #5B2C6F; }

.event-Commentaire {
  background-color: #D4AC0D; }

.event-Absence {
  background-color: #2E4053; }

.event-PlagePlanif {
  background: repeating-linear-gradient(45deg, #95A5A6, #95A5A6 4px, #6d8082 5px, #6d8082 6px); }

#calendar .fc-toolbar button {
  padding: 0 6px; }
  #calendar .fc-toolbar button.fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  #calendar .fc-toolbar button.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  #calendar .fc-toolbar button.fc-prev-button, #calendar .fc-toolbar button.fc-next-button {
    font-size: 20px;
    line-height: 26px;
    height: auto; }

.fc-event {
  max-width: 95%;
  cursor: pointer;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .fc-event .fc-bg {
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms;
    opacity: 0.15;
    filter: alpha(opacity=15); }
  .fc-event:hover .fc-bg {
    opacity: 0.05;
    filter: alpha(opacity=5); }
  .fc-event:active .fc-bg {
    opacity: 0;
    filter: alpha(opacity=0); }
  .fc-event .fc-time, .fc-event .fc-title {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
  .fc-event.event-Commentaire, .fc-event.event-PlagePlanif {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .fc-event.event-Commentaire, .fc-event.event-PlageRDV {
    margin-bottom: 0;
    padding: 1px 2px; }
    .fc-event.event-Commentaire .fc-title, .fc-event.event-PlageRDV .fc-title {
      white-space: normal;
      overflow: hidden;
      line-height: 1.2em;
      max-height: 2.4em;
      display: block; }
  .fc-event.fc-event-fake {
    cursor: default;
    padding: 3px 10px;
    margin: 5px 10px;
    font-size: 14px; }
    .fc-event.fc-event-fake dl {
      margin: 0; }
      .fc-event.fc-event-fake dl dt {
        font-weight: normal; }
    .fc-event.fc-event-fake a {
      color: #fff; }
  .fc-event.highlighted {
    border-color: rgba(255, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 10px 3px rgba(255, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px 3px rgba(255, 0, 0, 0.5);
    -o-box-shadow: 0 2px 10px 3px rgba(255, 0, 0, 0.5);
    box-shadow: 0 2px 10px 3px rgba(255, 0, 0, 0.5); }
  .fc-event.fc-bgevent {
    max-width: 100%;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .fc-event.fc-bgevent:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }

.white-popup-block {
  position: relative;
  background: #FFF;
  padding: 2em 3em;
  width: auto;
  margin: 20px auto;
  max-width: 600px; }
  .white-popup-block h2 {
    margin-top: 0;
    overflow: hidden;
    font-size: 20px;
    line-height: 22px;
    max-height: 44px;
    display: block; }
  .white-popup-block.white-popup-block-large {
    max-width: 900px;
    padding: 10px 10px 5px 10px; }

.ui-datepicker {
  width: auto;
  font-family: Roboto, sans-serif;
  border: 0;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .ui-datepicker .ui-datepicker-header {
    border: 0;
    background-color: #ccc;
    background-image: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .ui-datepicker .ui-datepicker-header a:hover {
      border: 0;
      background-image: none; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      font-weight: 500; }
  .ui-datepicker .ui-datepicker-calendar td a {
    border: 0;
    background-image: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms; }
    .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
      font-weight: 500; }

.page-login {
  background-color: #eee; }
  .page-login .login-form {
    background-color: #fff;
    padding: 20px 25px 10px 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-top: 65px; }
    .page-login .login-form h2 {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 25px;
      font-weight: 400; }
    .page-login .login-form .form-group {
      margin-bottom: 5px; }

.ui-autocomplete {
  z-index: 1050;
  border: 0;
  cursor: default;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  max-width: 330px;
  max-height: 400px;
  overflow-y: auto; }
  .ui-autocomplete .ui-state-focus {
    border: 0;
    background: transparent; }

#modal-search .fields-wrap .field {
  float: left;
  width: 20%;
  padding: 0 5px; }
  #modal-search .fields-wrap .field label {
    margin-bottom: 0; }
  #modal-search .fields-wrap .field button {
    margin-top: 20px; }
  @media (max-width: 768px) {
    #modal-search .fields-wrap .field {
      width: 50%; }
      #modal-search .fields-wrap .field button {
        margin-top: 0; } }

#modal-search .fields-wrap:after {
  content: " ";
  clear: both;
  display: block; }

#modal-search .search-results-wrap {
  position: relative;
  height: 300px;
  overflow-y: scroll;
  background-color: #efefef;
  margin: 10px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); }
  #modal-search .search-results-wrap #search-results-noresult {
    display: block;
    text-align: center;
    padding: 100px 0;
    color: #888;
    cursor: default;
    -webkit-user-select: none; }
  #modal-search .search-results-wrap #search-results-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    margin-left: -18px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms; }

#modal-search table {
  width: 100%; }
  #modal-search table tr {
    cursor: default; }
    #modal-search table tr td, #modal-search table tr th {
      padding: 4px 5px;
      font-size: 12px; }
      #modal-search table tr td:first-child, #modal-search table tr th:first-child {
        padding-left: 15px; }
      #modal-search table tr td:last-child, #modal-search table tr th:last-child {
        padding-right: 15px; }
    #modal-search table tr th {
      padding-top: 5px; }
    #modal-search table tr td.actions {
      padding: 0 5px; }
      #modal-search table tr td.actions i.mdi {
        display: inline-block;
        font-size: 20px;
        vertical-align: middle;
        padding: 2px 5px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition-duration: 150ms;
        -moz-transition-duration: 150ms;
        -o-transition-duration: 150ms;
        transition-duration: 150ms; }
        #modal-search table tr td.actions i.mdi:hover {
          background-color: rgba(0, 0, 0, 0.07); }
  #modal-search table tbody tr {
    cursor: pointer;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms; }
    #modal-search table tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.07); }

.joyride-tip-guide {
  z-index: 1044 !important; }
  .joyride-tip-guide img {
    display: block;
    margin: 5px auto 15px auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }

.float-button {
    background-color: #990099;
    color: white;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 2;
    cursor: pointer;
}

.button {
    background-color: whitesmoke;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    color: gray;
    padding: 0.2em 0.4em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}

dt {
    margin: 5px;
}

dd {
    margin: 5px;
}

#cross {
    background: white;
    height: 20px;
    width: 2px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
    #cross:after {
        background: white;
        content: "";
        height: 2px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
    }

#add-client {
    margin-left: 10px;
}

.align-right {
    text-align: right;
}

a:hover {
    text-decoration: none;
}

.datetimepicker {
    z-index: 1080 !important;
}

.form-group.required label:after {
    width: 8px;
    font-size: 10px;
    line-height: 8px;
    margin-right: -11px;
    margin-left: 3px;
    color: #D11318;
    vertical-align: top;
    margin-top: 2px;
    content: "*";
}

.help-block.field-validation-error span {
    color: #D11318;
}

.input-validation-error {
    border-color: #D11318;
}

#RendezVousAdd_TelFixe, #RendezVousAdd_TelPort, #RendezVousEdit_TelFixe, #RendezVousEdit_TelPort {
    width: 39%;
    display: inline-block;
}

#RendezVousAdd_InfoFixe, #RendezVousAdd_InfoPort, #RendezVousEdit_InfoFixe, #RendezVousEdit_InfoPort {
    width: 59%;
    display: inline-block;
}

#applicateur-courant-name {
    display: inline;
}

td {
    padding: 5px;
}

@media only screen and (max-width: 600px) {
    #applicateur-courant-name {
        display: none;
    }
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
    }
}

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.modal {
    overflow:auto;
}