.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  padding: 0;
  background-color: #DADADA;
}

.green.darken-2 {
 background-color: #43a047;
}

.green.darken-3 {
  background-color: #61b765;
}

.bg-booklet {
  background-image: url(../images/booklet.png);
  background-size: 100% 100%;
  /* #cb6565 #269486 #a0b75e*/
}

.no-margin {
  margin: 0;
}

body > ui-view > div > div.bg-booklet.layout-align-center-center.layout-row.flex-gt-sm-65.flex > md-card {
  background-image: rgba(255,255,0,0.8);
}

.p-home {
  font-size: 0.6em;
}

/* ajout sitan */

md-tab-data{
  opacity: 1;
  display: table;
  right: 0;
  left: initial;
  z-index: 20;
}

.demo-tab div.principaux_formation {
  padding: 5px;
  margin: 7px;
  border-bottom: 3px solid grey;
}

.div_periodes {
  background-color: teal; padding: 5px; border: 2px solid green;margin:7px;min-height: 50px;
}

.principaux_formation > div {
  background-color: snow;
  
}

.principaux_formation form {
     background-color: snow;
    /* margin-top: 8px; */
    margin: 8px;
    padding: 10px;
    min-height: 50px;
    border: 1px solid black;
}

.div_studentsList {
      padding: 8px;
    /* border: 1px solid; */
    background-color: yellowgreen;
}

.well {
  padding: 15px;
  margin: 5px;
  background-color: #e0e0e0;
  border: dotted 3px lightgray;
}

.note {
  padding: 15px;
  margin: 5px;
  background-color: #a5d6a7;
}


.error {
  padding: 15px;
  margin: 5px;
  background-color: #ef9a9a;
}