html, body, div[ng-view] {
  height: auto !important;
  position: relative;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-top:36px;

}

@media (min-width: 1500px) {
  .col-lga-2 {
    width: 16.66666667%;
  }

  .col-lga-3 {
    width: 25%;
  }

  .col-lga-9 {
    width: 75%;
  }
}

.rz-curstom-slider.rzslider * {
  transition: none;
}

.rz-curstom-slider.rzslider .rz-pointer {
  top: -7px;
  width: 16px;
  height: 16px;
}

.rz-curstom-slider.rzslider .rz-pointer:after {
  top: 4px;
  left: 4px;
}

.min-width-200 {
  min-width: 200px;
}

.tree-control .tree-input {
  background-color: #eceff1;
  background-image: none;
}

.tree-control .tree-input:hover {
  background-color: #0f4a7799  !important;
  background-image: none;
}

.tree-control .tree-input span{
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.tree-control .tree-input:hover span{
  color: #fff;
}

.tree-control .item-close{
  margin-right: 0;
  line-height: 0;
}

.multiselect-position-0 a {
  font-weight: bold !important;
}

.multiselect-position-1 a {
  font-weight: bold !important;
  padding-left: 35px !important;
}

.multiselect-position-2 a {
  font-weight: bold !important;
  padding-left: 45px !important;
}

.multiselect-position-3 a {
  padding-left: 55px !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
  pointer-events: visible !important;
}

input {
  border-radius: 0 !important;
}

nav > li > a {
  border-radius: 0 !important;
}

nav a.active {
  background: #0f4a77 !important;
}

.bg-white {
  background-color: #fff;
}

.tooltip {
  min-width: 150px !important;
}

.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.w-100 {
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .reverse-column-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 992px) {
  .contactCard .contactInfo  {
    border-right: dotted;
  }

  .contactEdit .detail-separator  {
    border-left: solid;
  }

  .static-header tbody {
    display: block;
    overflow: auto;
  }

  .static-header thead {
    width: calc( 100% - 1em );
  }

  .static-header thead tr th {
    font-size: 13px;
    border-bottom: 0;
  }

  .static-header tbody {
    border-top: 2px solid #ddd;
  }

  .static-header thead th a {
    cursor: pointer;
  }

  .static-header thead, .static-header tbody tr {
    display: table;
    table-layout: fixed;
  }
  .static-header tbody tr {
    width: 100%;
  }

  .static-header td {
    font-size: 13px;
  }

  .static-header {
    background-color: #f5f5f5;
  }

  .static-header .head-summary {
    background-color: #f5f5f5;
    cursor: pointer;
  }

  .static-header .head-description {
    background-color: #f5f5f5;
  }

  .static-header .head-description th {
    vertical-align: top;
    font-weight: normal;
    font-size: 10px;
  }
}

.popover-content {
  word-wrap: break-word !important;
}

.fancybox-overlay {
  overflow-y: hidden !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .slider-handle {
  background-image: none !important;
  background-color: #546E7A !important;
  color: #fff !important;
}

.dropdown-menu > li > a.disabled, .dropdown-menu > li > a.disabled:focus, .dropdown-menu > li > a.disabled:hover {
  background-image: unset !important;
  background-color: unset !important;
  color: #000 !important;
  opacity: 0.45;
  cursor: not-allowed;
}

.dropdown-menu  button:focus, .dropdown-menu  button:hover{
  color: #000000 !important;
}

.slider-selection {
  background-image: none !important;
  background-color: #607D8B4D  !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background-color: #546E7A !important;
}

.btn-default, .btn-primary, .btn-success, .btn-warning, .btn-darkgrey {
  background: none !important;
}

.btn-default {
  background: none !important;
  background-color: #CFD8DC !important;
  color: #000;
}

.btn-primary {
  background: none !important;
  background-color: #0f4a77 !important;
  color: #fff;
}

.btn-success {
  background: none !important;
  background-color: rgba(25, 191, 91, 1) !important;
}
.text-success {
  color: rgba(25, 191, 91, 1) !important;
}

.btn-warning {
  background: none !important;
  background-color: #ffc107 !important;
  color: #212529;
}

.btn-danger {
  background: none !important;
  background-color: rgba(255, 0, 0, 0.77) !important;
}
.text-danger {
  color: rgba(255, 0, 0, 0.77) !important;
}

.btn-darkgrey {
  background: none !important;
  background-color: #546E7A !important;
  color: #fff;
  text-shadow: none;
}

.btn-darkgrey:hover {
  color: #fff;
}


.btn-lightgrey, multiselect .btn-default {
  box-shadow: unset !important;
  text-shadow: none;
  color: #000;
  background: #ECEFF1  !important;
  border-radius: 0 !important;
}

.btn-lightgrey:hover {
  background-color: #0f4a7799  !important;
  color: #fff;
}

/*  Login  */
.login-form {
  max-width: 320px;
  margin: 0px auto;
  position: relative;
  font-size: 18px;
}

.login-form .header {
  background: #02508d !important;
  color: #ffffff;
  padding: 2rem;
  margin: 0;
}

.login-form .header h3 {
  line-height: 25px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.login-form .header p {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  padding: 10px 0;
  margin: 0;
}

.login-form .content input {
  margin: 20px 0;
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.login-form .content p {
  color: #fff;
  margin-top: 1rem;
}

.login-form .content .btn {
  float: right;
  background: #2c81b0;
  color: #fff;
  margin-top: 2rem;
  font-size: 16px;
}

.navbar {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
  background: #02508d
}

.navbar-fixed-top  a:hover {
  background: #0f4a77 !important;
}

.navbar-inverse .nav .active > a {
  background: #0f4a77
}

/* BREADCRUMB */
#breadcrumb {
  list-style: none;
  display: inline-flex;
  position: fixed;
  top: 39px;
  z-index: 1029;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #78909C;
  text-decoration: none;
  position: relative;
  height: 28px;
  line-height: 30px;
  padding: 0 10px 0 5px;
  text-align: center;
}
#breadcrumb li:not(:last-child) a {
  margin-right: 23px;
}
#breadcrumb li:last-child a {
  background-color: #404141;
}
#breadcrumb li:last-child a:before {
  border-color: #404141;
  border-left-color: transparent;
}
#breadcrumb li:last-child a:after {
  border-left-color: #404141;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
  pointer-events: none;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #78909C;
  border-width: 14px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #78909C;
}
#breadcrumb li a:hover {
  background-color: #0f4a77;
}
#breadcrumb li a:hover:before {
  border-color: #0f4a77;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #0f4a77;
}
#breadcrumb li a:active {
  background-color: #0f4a77;
}
#breadcrumb li a:active:before {
  border-color: #0f4a77;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #0f4a77;
}
.touch-screen #breadcrumb {
  font-size: 13px;
}
/* BREADCRUMB */

/* views */
#views {
  margin-top: 3rem;
}
/* views */

.advSrch-first-block, .advSrch-third-block {
  background-color: #0f4a7714;
  min-height: 62rem;
}

.advSrch-second-block {
  background-color: #0f4a7726;
  min-height: 62rem;
}
.advSrch-container label {
  margin-top: 7px;
}

.advSrch-checkboxes {
  padding-right: 7px !important;
  padding-top: 0px !important;
}

.btn-confirm {
  background-color: #0f4a77;
  color: white;
}

.btn-confirm:hover {
  background-color: #0f3577;
  color: white;
}

.color-confirm {
  color: #0f3577;
}

.btn-edit {
  background-color: #0f4a77;
  color: white;
}

.btn-edit:hover {
  background-color: #0f3577;
  color: white;
}

.btn-cancel {
  background-color: #CFD8DC;
  color: black;
}
.color-cancel {
  color: #7D7D7D;
}

.footer {
  position: fixed;
  bottom: 0;
  background: #546E7A;
  width: 100%;
  left: 0;
  color: #fff;
  z-index: 3;
}

/* custom badges */
.badge {
  border-radius: 0px !important;
  font-weight: normal !important;
}

.badge-important {
  background-color: #ef716e;
}
.badge-success {
  background-color: #61b962;
}
.badge-info, .badge-info a {
  background-color: #3a87adb3;
  color: #fff;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-grey {
  background-color: #6e8590;
}
.badge-lightblue {
  background-color: #0f4a7799;
}

#contact-table td {
  cursor: pointer;
}

.action-delete i {
  color: #0f4a77;
}

.action-delete i.text-muted {
  color: #787878 !important;
}

.action-buttons > a, .action-panel span a {
  margin-left: 2px;
  margin-right: 2px;
  color: #0f4a77;
  text-decoration: none;
  cursor: pointer;
}

.action-buttons.disabled > a,.action-buttons.disabled:focus, .action-buttons.disabled:hover {
  color: #0f4a7733;
  text-decoration: none;
}

.navbar, .navbar-inverse {
  border-radius : 0;
}

.dashboard-container  h2 {
  margin-bottom: 1.5rem !important;
}

.dashboard-wrapper .notice {
  min-width: 100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.nopadding-left {
   padding-left: 0 !important;
   margin-left: 0 !important;
}
.nopadding-right {
   padding-right: 0 !important;
   margin-right: 0 !important;
}
.nopadding-top {
   padding-top: 0 !important;
   margin-top: 0 !important;
}
.nopadding-bottom {
   padding-bottom: 0 !important;
   margin-bottom: 0 !important;
}

.notice {
    position: relative;
    display: inline-block;
    min-width: 13.3%;
    width: 100%;
    margin-right: 1em;
    margin-bottom: 10px;
    padding: 7px;
    cursor: pointer;
    background-color: #fafafa;
    border-left: 6px solid;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-displayonly {
    cursor: default;
}

.notice span.larger{
  font-size: 19px;
}

.notice i {
  font-size: 18px;
}

.sub-notices {
  width: 90%;
  float: right;
}

.sub-notices-chevron {
  font-size: 14px;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.transition-04 {
  transition: transform 0.4s;
}

.fa-rotate-90-i {
  transform: rotate(-90deg);
}

.fa-rotate-180-i {
  transform: rotate(-180deg);
}

.fa-rotate-270-i {
  transform: rotate(-270deg);
}

.sub-notices span {
  font-size: 12px;
  color: #53606f;
}

.sub-notices hr {
  font-size: 12px;
  color: #53606f;
  height: 1px;
  background: #ccc;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sub-notices .sub-element span {
cursor: pointer;
}

.sub-notices .sub-element-passive span {
  cursor: default;
  }

.notice-container {
    position: relative;
    display: inline-block;
    min-width: 100%;
    min-height: 6rem;
    margin-right: 1em;
    margin-bottom: 10px;
    padding: 7px;
    padding-left: 0;
    background-color: #fafafa;
    border-left: 6px solid;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 4px 5px 7px 1px rgba(0, 0, 0, .2);
    padding-bottom: 0;
}

.notice-container div:last-of-type .notice{
  margin-bottom: 0;
}

.notice-shadow {
  box-shadow: 4px 5px 7px 1px rgba(0, 0, 0, .2);
}
.notice-shadow .pull-right{
  font-size: 15px !important;
}

.notice-container .title {
  margin-left: 1rem;
}

.notice-container-source {
  color: #0B8AB4;
}

.no-border {
  border-left: 0;
}

.notice-container > .notice {
  display: block;
  margin-left: 1rem;
  margin-top: 2rem;
  box-shadow: 8px 9px 10px -6px rgba(0, 0, 0, .2);
}

.notice-container select {
  border: none;
  background: #FAFAFA;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-bottom: 1px solid lightgray;
}

.notice-min-height {
  min-height: 62rem;
}

.notice .notice-label {
    display: block;
    padding-top: 0.5em;
}
.notice .notice-number {
  padding-right: 5px;
}

.notice-lg {
    padding: 35px;
    font-size: large;
}

.no-line {
  border-left: 0px !important;
}

.notice-options ,
.notice-options i,
.notice-options span {
    color: #f3851f;
}

.notice-prereservations ,
.notice-prereservations i,
.notice-prereservations span {
    color: #f7c583;
}

.notice-annulations ,
.notice-annulations i,
.notice-annulations span {
    color: #d33939;
}

.notice-reservations ,
.notice-reservations i,
.notice-reservations span {
    color: #58c2ec;
}

.notice-attentesru ,
.notice-attentesru i,
.notice-attentesru span {
    color: #3e82ff;
}

.notice-attentepret ,
.notice-attentepret i,
.notice-attentepret span {
    color: #125fee;
}

.notice-fixerrdvnotaire ,
.notice-fixerrdvnotaire i,
.notice-fixerrdvnotaire span {
    color: #79e050;
}

.notice-rdvnotairefixe ,
.notice-rdvnotairefixe i,
.notice-rdvnotairefixe span {
    color: #22bd51;
}

.notice-vefasigner ,
.notice-vefasigner i,
.notice-vefasigner span {
    color: #177524;
}

.notice-success,
.notice-success i,
.notice-success span {
    color: #499e1a;
}


.notice-source,
.notice-source i,
.notice-source span {
    color: #0B8AB4;
}

.notice-source-disabled,
.notice-source-disabled i,
.notice-source-disabled span {
    color: #0B8AB466;
}

.notice-info,
.notice-info i,
.notice-info span {
    color: #45ABCD;
}

.notice-warning ,
.notice-warning i,
.notice-warning span {
    color: #FEAF20;
}

.notice-danger,
.notice-danger i,
.notice-danger span {
    color: #E61E1EE6;
}


.notice-purple,
.notice-purple i,
.notice-purple span {
    color: #984dfa;
}

.notice-light-purple,
.notice-light-purple i,
.notice-light-purple span {
    color: #93a6fa;
}

.notice-dark-yellow,
.notice-dark-yellow i,
.notice-dark-yellow span {
    color: #949e00;
}

.notice-grey,
.notice-grey i,
.notice-grey span {
    color: #412F2EE6;
}

.breadcrumb {
    background-color: #3a4a5633;
}

.breadcrumb a {
    color: #545267d6;
}

.tasks .list-group-item {
    cursor: pointer;
}

.tasks .list-group-item:first-child {
    color: #fff;
    border-bottom: 0;
    padding: 5px 15px;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 2rem !important;
}

.mr-3 {
    margin-right: 3rem !important;
}

.ml-half {
    margin-left: 0.5rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.ml-2 {
    margin-left: 2rem !important;
}

.ml-3 {
    margin-left: 3rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}





.pr-0 {
    padding-right: 0rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 2rem !important;
}



.pl-0 {
    padding-left: 0rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 2rem !important;
}



.pt-0 {
    padding-top: 0rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 2rem !important;
}



.pb-0 {
    padding-bottom: 0rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 2rem !important;
}

.btn {
  border-radius: 0 !important;
}

.lightblue {
  color: #0f4a77 !important;
}

.btn-lightblue {
  color: #fff;
  background: #0f4a77 !important;
  border-radius: 0 !important;
}

.btn-lightblue, .btn-danger {
  min-width: 4.2rem;
}

.btn-lightblue:hover, .btn-lightblue:focus {
  color: #fff;
  background-color: #0f4a7799  !important;
  border-radius: 0 !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
#grid-pagination {
  background-color: #0f4a77;
  border-color: #0f4a77;
}

.pagination-sm > li > a {
  padding: 2px 7px;

}

#contactSynthese a:hover, #contactSynthese a:focus {
  text-decoration: none;
}

/* contact page */
#contact-detail-bar .title {
  padding: 1rem;
}
#contact-detail-bar .title a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
#contact-detail-bar .title span {
  margin-left: 10px;
}
#contact-detail-bar ul:first-child {
  display: inline-flex;
  list-style: none;
  padding-top: 0.7rem;
  margin-bottom: 0;
}
#contact-detail-bar ul:first-child li {
  padding-right: 0.1rem;
}

.notice-container .title {
  font-size: 20px;
  border-bottom: 2px solid #0B8AB4;
  margin-bottom: 20px;
}

.modifyContactIcon {
  color: #0B8AB4;
  padding-top: 3px;
  margin-right: 0px;
  cursor: pointer;
}

.contactCard {
  padding-bottom: 1rem;
}

.contactCard span:not(.card-color) {
  color: #000;
}

.contactCard label span:not(.card-color) {
  color: #fff;
}

.contactCard .name {
  font-size: 20px;
  border-bottom: 2px solid #0B8AB4;
  margin-bottom: 20px;
  min-height: 3rem;
}

.contactCard i {
  margin-right: 0.5rem;
}

.contactCard .contactInfo div {
  margin-top: 0.7rem;
}

.contactInfoFooter {
  border-top: dotted;
  padding-top: 0.5rem;
}

.contactCard .searchAttrs span {
  color: #fff;
  background: #0B8AB466;
  margin-top: 0.5rem;
}

.contactCard .searchAttrs .not-empty {
  color: #fff;
  background: #0B8AB4;
  margin-top: 0.5rem;
}

@media only screen and (min-width: 992px) {
  .eventsCard.table-responsive, .eventsHistory.table-responsive {
    overflow-x: visible;
  }
}
@media only screen and (max-width: 992px) {
  .col-xxs-12 {
    width: 100%;
  }
}

.eventsCard td:last-child i, .eventsHistory td:last-child i, .clickableLabel, .eventsCard .title i, .eventsHistory .title i {
  cursor: pointer;
}

.eventsCard, .eventsHistory {
  min-height: 8rem;
}

.eventsHistory, .eventsHistory-collapse {
  color: #2fb32c;
}

.eventsCard, .eventsCard-collapse {
  color: #ef716e;
}

.eventsCard-collapse, .eventsHistory-collapse {
  position: relative;
  z-index: 1;
  margin: -10px;
  top: 18px;
  right: 20px;
  font-size: 20px;
}

.eventsCard .title {
  font-size: 20px;
  border-bottom: 2px solid #ef716e;
  margin-bottom: 1rem;
}

.eventsCard td, .eventsCard th {
  color: #000;
}

.eventsCard tr:first-child th {
    border-top: 0;
}

.eventsHistory .title {
  font-size: 20px;
  border-bottom: 2px solid #2fb32c;
  margin-bottom: 1rem;
}

.eventsHistory td, .eventsHistory th {
  color: #000;
}

.eventsHistory tr:first-child th {
  border-top: 0;
}

.eventsHistory a > i:first-child {
  margin-right: 5px;
}

.actionsHistory div {
  display: inline-flex;
}

.contactEdit .form-group div {
  word-break: break-word;
}

.contactEdit .title i{
  cursor: pointer;
  color: #0B8AB466;
}

.contactEdit .title .selected {
  color: #0B8AB4;
}

.contactEdit input[type="checkbox"]{
  margin-top: 7px;
  min-width: 14px;
}

.contactEdit .form-group {
  min-height: 28px !important;
}
.contactEdit .form-group > div:nth-of-type(1) {
    padding-top: 7px;
    margin-bottom: 0;
    min-height: 35px;
}
.contactEdit .form-group > .control-label {
    min-height: 35px;
}
.contactEdit .form-group input, .contactEdit .form-group label {
    margin: 0;
}

.revenue-bloc {
  min-height: 63rem;
}

.revenue-bloc textarea {
  resize: vertical;
}

.contactEdit multiselect button {
  color: #0B8AB4;
  box-shadow: unset !important;
}

.contactEdit multiselect > div > button, .contactEdit input{
  display: block;
  width: 100%;
  text-align: left;
  border: 0 !important;
  background: none !important;
  background-color: #FAFAFA;
  border: none;
  border-bottom: 0.5px solid lightgrey !important;
}

.contactEdit multiselect > div > button{
  min-height: 3rem;
}

.contactEdit multiselect > div > button .caret{
  position: absolute;
  right: 3px;
  top: 13px;
}


#contact_datenaiss input, #contact_datenaiss2 input, #contact_datedepotdossier input,
#contact_datevisite input, .datetimepickerBox input, .input-thumb input {
  width: 85%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: unset !important;
}

#contact_datenaiss .input-group, #contact_datenaiss2 .input-group,
#contact_datedepotdossier .input-group, #contact_datevisite .input-group,
.datetimepickerBox .input-group, .input-thumb .input-group {
  width: 100%;
  border-bottom: 0.5px solid lightgrey !important;
}

.loanSelect ul {
  top: unset;
  bottom: 100%;
}

.listName {
  color: #337ab7 !important;
}
.listName:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

.dpe, .ges {
  color: #000; display: inline-block; font-size: 1rem; width: 2rem; margin-left: 1rem; text-align: center;
}


/* Material Input  */

.no-spinner {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.daterangepicker_start_input, .daterangepicker_end_input {
  display: none !important;
}


@keyframes blink {
  from, to { opacity: 1 }
  50% { opacity: 0 }
}

.blink {
    animation: blink 2s ease-in infinite;
}

.font-weight-bold {
  font-weight: 700 !important; 
}

.disabled-checkbox {
  opacity: 0.2;
}

/* #3a4a56 #0f4a77 #02508d #3a4a5633 #545267d6*/

/* https://material.io/design/color/the-color-system.html#tools-for-picking-colors */