body {

}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    margin-top: 14px !important
}

.error {
    color: red;
}

.success {
    color:green;
}

div.sujet-envoye, div.sujet-pas-envoye {
    text-align: center;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}
div.sujet-envoye {
    background: #6b9430;
 }

div.sujet-pas-envoye {
    background: #ffc107;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

/* Definie le style de la navbar */
    .dropdown {
      display: inline-block;
    }

    nav a,nav a:hover {
    /*color: #fff;*/
    }

    nav ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    nav li {
      float: left;
    }

    nav li a {
      display: inline-block;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }


    .align-left {
      float: left;
    }

    .align-right {
      float: right;
    }


    /* Definie affichage des options de navbar type droplist */
        .dropdown-content {
          /* display: none; */
          position: absolute;
          min-width: 80px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
          padding: 12px 16px;
          text-decoration: none;
          text-align: left;
        }

        .dropdown-content a {
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
        }

        .menu-content {
          position: relative;
          left: 0;
          top: -45px;
        }

        .menu-content > * {
          transform: translate(-100%);
        }


/* Definie le style des collapsible*/
    /* Collapsible "button" */
    .collapsible {
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
    }

    /* Collapsible content. Note: hidden by default */
    .content {
      padding: 0 18px;
      display: none;
      overflow: hidden;
    }


/* Class outils */
    .hide {
      display: none;
    }

    .show {
      display: block;
    }


/* Affichage mobile */
    #menu {
      width: 70px;
    }

    #menu > .dropdown-content {
      right: 0;
    }




@media screen and (min-width: 540px) {}
@media screen and (min-width: 720px) {
  .md-hide {
    display: none;
  }

  .md-reveal {
    display: block;
  }
}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1140px) {}