html, body {
  font-family: 'Open Sans', serif;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  background: #ECF0F3;
}
body.dashboard {
  width:100vw;
  height:100vh;
  overflow: hidden;
}
body.dashboard .dashboard-viewer {
  overflow-x: hidden;
  overflow-y: auto;
}
.container {
    max-width: 95%;
    width: 95%;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #efefef; 
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #cfcfcf; 
}
nav.navbar {
  border-top: 4px solid #276cda;
  margin-bottom: 1rem;
}
.navbar-item.brand-text {
  font-weight: 300;
}
.navbar-item, .navbar-link {
  font-size: 14px;
  font-weight: 700;
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
  color:#3273dc;
}


.columns {
  width: 100%;
}
.menu-label {
  color: #8F99A3;
  letter-spacing: 1.3;
  font-weight: 700;
}
.menu-list a {
  color: #0F1D38;
  font-size: 14px;
  font-weight: 700;
}
.menu-list a:hover {
  background-color: transparent;
  color: #276cda;
}
.menu-list a.is-active {
  background-color: transparent;
  color: #276cda;
  font-weight: 700;
}
.card {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  margin-bottom: 2rem;
}
.card-header-title {
  color: #8F99A3;
  font-weight: 400;
}
.info-tiles {
  margin-top: 1rem;
}
#sliderWithValue {
  top:0;
}
.info-tiles .subtitle {
  font-weight: 300;
  color: #8F99A3;
}
.hero.welcome.is-info {
  background: #36D1DC;
  background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
  background: linear-gradient(to right, #5B86E5, #36D1DC);
}
.hero.welcome .title, .hero.welcome .subtitle {
  color: hsl(192, 17%, 99%);
}
.card .content {
  font-size: 14px;
}
.card-footer-item {
  font-size: 14px;
  font-weight: 700;
  color: #8F99A3;
}
.card-footer-item:hover {
}
.card-table .table {
  margin-bottom: 0;
}
.events-card .card-table {
  max-height: 400px;
  overflow-y: scroll;
}
.menu-list > li > ul {
  height:0px;
  margin:0px;
  overflow:hidden;
  transition: all 0.2s ease;
}
.menu-list > li.is-deploy > ul {
  height:auto;
  margin: .75em;
}
.events-card .card-table.is-expand{
  max-height:inherit;
}
.table-search-add{
  cursor: pointer;
}
.table-item-info {
  margin: auto;
  width: 45px;
}
.tag {
  cursor: pointer;
}
.table-search-prefilters .table-filter.active,#templates-available .tag.active {
  border:2px solid #444;
}
.table tr.has-text-warning,.table tr.has-text-danger,.table tr.has-text-primary{
  font-weight: bold;
}
.table tr .button {
  font-weight: initial!important;
}
.viewer {
  font-weight: initial!important;
  color: initial!important;
}
.viewer h5 {
  padding-top: 1em;
}
.viewer .columns {
  padding-left: 5em;
  padding-right: 5em;
}

/* MAIL */
.mail-card.reduce-to-send .card-table,.mail-card.reduce-to-send .card-footer,
.mail-content-card.reduce-to-list .card-mail,.mail-content-card.reduce-to-list .card-footer,
.mail-content-card.sending .card-mail,
.card-account .expand.reduce,
.card-cheques.reduce .expand-container,.card-cheques.reduce .card-footer{
  height:0px;
  overflow:hidden;
  padding: 0;
}
#page {
  min-height: 250px;
  background-color: #fff;
  color: #363636;
  box-shadow: inset 0 2px 4px rgba(10,10,10,.1);
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#mail-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  z-index: 1000;
  background: rgba(0,0,0,0.8);
  display: flex;
  padding-top: 10vh;
  justify-content: space-around;
}
#mail-viewer-container {
  width:50vw;
}
.flex-space-between{
  justify-content: space-between;
}
/*
.m-t-1:not(:first-child) {
  margin-top: 2rem;
}*/
.models:not(.has-admin-rights) .is-admin-check {
  display: none;
}
/* DROPDOWN */
.dropdown-menu {
  min-width: 15rem;
}

/* TAGS FILTRE LISTE MEMBRES */

.table-search-prefilters {
height:50px;
}
.tag:not(body){
  min-width: 2em;
}
.pastille {
  border-radius: 50%!important;
}
.pastille.grey {
  background: rgba(178, 190, 195,1.0)!important;
}
.pastille.green {
  background:rgba(0, 184, 148,1)!important;
}
.pastille.blue {
  background:rgba(34, 112, 147,1.0)!important;
}
.pastille.beige {
  background:rgba(255, 234, 167,1)!important;
}
.pastille.red {
  background:rgba(214, 48, 49,1)!important;
}
.pastille.brown {
  background:rgba(205, 97, 51,1.0)!important;
}
.pastille.pink {
  background:rgba(253, 121, 168,1)!important;
}
.pastille.purple {
  background:rgba(162, 155, 254,1)!important;
}
.pastille.orange {
  background:rgba(255, 121, 63,1.0)!important;
}
.pastille.yellow {
  background:rgba(253, 203, 110,1)!important;
}



/* EDITION */

body.edition input,body.edition textarea {
  color:#209cee;
}
tr.editor .editable {
  color: #ff3860;
}
[contenteditable]:focus {
    outline: 0px solid transparent;
}
.cke {
  min-height: 50vh;
}
.edit.editable, .input.is-warning, .textarea.is-warning, select.is-warning{
  color:purple!important;
  border-color:purple!important;
}
.input.is-warning.has-text-warning,select.is-warning.has-text-warning{
  color:purple!important;
  border-color:!important;
}
.editable-cheque.editing > span {
 display: none;
}
.editable-cheque:not(.editing) .field {
  display:none;
}
/* CHART */

.chart-legend {
  padding: 5px;
}
.chart-legend span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.chart-legend li {
  cursor: pointer;
}
.chart-legend li.is-selected{
  text-decoration: line-through;
}

/* LOADER */
#loader {
  position: fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
  margin: 0;
  padding: 0;
}
#loader > div {
  line-height: 100vh;
  color:#fff;
  margin: auto;
  text-align: center;
  font-size:10vh;
}
#loader > div > i {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@media screen and (min-width: 1088px) {
.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
  background-color: #118fe4;
}
}

.navbar-dropdown {
  color:#0F1D38;
}