html.md-default-theme, html, body.md-default-theme, body {
  background-color: #0c1246;
  color: #ffffff;
  font-family: 'Quicksand', sans-serif;
}

.quicksand, .quicksand-60, .quicksand-30, .quicksand-20, .quicksand-14, .quicksand-12, .quicksand-10, .quicksand-current-month {
font-family: 'Quicksand', sans-serif;
font-weight:400;
}

.quicksand-60 {
    font-size:60px;     
}

.quicksand-30 {
    font-size:30px;    
}

.quicksand-18 {
  font-size:18px;    
}

.quicksand-20 {
    font-size:20px;    
}

.quicksand-16 {
  font-size:16px;    
}

.quicksand-14 {
    font-size:14px;    
}

.quicksand-12 {
  font-size:12px;    
}

.quicksand-10 {
  font-size:10px;    
}


.quicksand-current-month{
  font-size:18px;  
}


.quicksand-color01 {
  color: #ffffff !important;    
}

.quicksand-color02 {
  color: #000000 !important;     
}

.quicksand-bold {
  font-weight: 800;    
}


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



.display-none {
  display: none;    
 }

.display-block{  
  display: block;   
}


hr.dashstyle {
  border: 0;
  border-bottom: 1px dashed #ccc;
  /*background: #999;*/
}



.buttonIconMenu{
  width:100px;
  height:100px;
  border-radius:50%;
  background-color: rgba(255,255,255,0.5);
  
  }



md-toast.md-default-theme .md-toast-content {
  background-color:#ff2525d2;
  color: #000000;
  font-size: 18px;
}

.myToastPosition {
  position:absolute;  
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0%);
  
}

.avatar {  
  flex: none;
  width: 64px;
  height: 64px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 50%;
  box-sizing: content-box;
  }

.md-button-exit{    
    display:none;  
  } 

.imgLogo {
  width:70%;
}

.md-button-toolbar{
  border: 2px solid #cccccc;
  min-width: 128px;
} 


.md-button-toolbar-add{
  background-color: #141A5F;
} 


.md-button-previous{
  border: 2px solid #cccccc;
  min-width: 64px;
} 



.md-button-mini{
  min-width: 0px;
} 


.lineSession:hover {
  background-color:#7986CB;
  }

.blocSession{
  cursor: pointer;
  padding: 2px;
}


.md-button.md-fab.md-mini-button-round{
  line-height: 40px;
  width: 40px;
  height: 40px;
  }
  

  
.md-radio-button-black {
  color: rgb(0,0,0);
  outline-width: 0px !important;
}

.div-session-full{
  background-color: #373f8e; /* #aaaaaa; */
  display: block; 
  
}


.div-session-odd{
  background-color: #101b63;
  display: block; 
  
}


.div-session-even{
  background-color: #0c1246; /* #aaaaaa; */
  display: block; 
  
}

.div-margin-top-session{
margin-top:180px;
}

.session-add{
  display:block;
  position: fixed;
  left: 70%;
  bottom: 50px;
  width: 48px;
  height: 86px;
  border-radius: 50%;
   z-index: 1;
  background-color: #eaff00;
  
}


.session-dialog-item{  
  background-color: #000000;  
  border-top: #fff solid 1px;
}


.session-dialog-item:hover{  
  background-color: #999999;  
 
}



.day-of-month{
  position: absolute;
  border-radius: 10%;
  padding:1px;
  background-color:#ffffff5f;
  width: auto;
  height: auto;
  left: 45%;
  margin-top: 10px;
  text-align: center;
  z-index: 1;
  
}

.day-of-month label{
  color:#ffffff82;
  font-size:24px;
  font-weight: 800;   
 
}



/* settings */

.custom-tooltip {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 14px !important;
  background-color: #1a237e !important;
  color: #ffffff !important;
  border-radius: 5px;
}



.line-size{
  text-align:center;
  color:#000000;  
  border: 1px dotted #000000; 
  }


.line-size:hover {
    background-color:#7986CB;
    }   

.line-board{
  text-align:center;
  color:#ffffff;  
  border: 1px dotted #ffffff; 
  }
    
    
.line-board:hover {
  background-color:#7986CB;
  }   

.md-dialog-setsize{
  width: 500px;
  min-width: 96px;
  max-height: 500px;
}

.table-winddirection td{
color: #ffffff;  
text-align:center;
padding: 5px;
}

.table-winddirection img{
  width:64px;  
 }
  
  
.pictoMini{
  width:24px;
  height:24px;
}

.pictoMedium{
  width:48px;
  height:48px;
}
 
.pictoHigh{
  width:72px;
  height:72px;
}

.pictoMaxi{
  width:96px;
  height:96px;
}

.pictoMarginLeft {
  margin-left: 10px;
}

.pictoWhite path {
fill: #ffffff;
}



.md-dialog-settime, .md-dialog-setrating, .md-dialog-setbestjump{
  min-width: 300px;
  }


.md-dialog-setcomment{
    min-width: 450px;
    }


.label-rond{
  background-color: #1a237e;
  color:#ffffff;
  border-radius:50%;
  text-align:center;
  width:96px;
  height:96px;
  line-height:96px;
}
  

.md-checkbox-stat {
  color: #000000;
}

.md-tab{
  color: #5c5c5c !important;
  font-size:12px; 

}

.md-tab.md-active{
  color: #ffffff !important;
     

}


/*   sizes    */

.content-bg{
  background-color: #0c1246;
    
}

.div-margin-top-size {
  margin-top: 100px;
}





.fade{
   -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.fade.ng-hide {
  opacity:0;
}


.md-tab-settings{
  
}

.md-tab-settings td{
  padding: 5px 0 10px 0;
}


md-icon.md-icon-margin-right{  
  margin-right: 10px; 
}  



.md-dialog-content, .md-cancel-button, .md-confirm-button{
  font-weight:400;
  font-size:20px;   
  color: #000000;  
}


.iconMenu{
width:48px;
height:48px;
}


.md-input{
  background-color: #0c1246; /* #aaaaaa; */
  color: #ffffff;
  border: 1px solid #ffffff; 
  padding: 3px;

}

.input50 {
width:50%;
}

.input70 {
  width:70%;
  }


.input98 {
width:98%;
}

.input100 {
width:100%;
}

.inputRight {
text-align:right;
}

.ifActif {
  background-color: #00ff00;
}
.ifInActif {
  background-color: #ffffff;
}

.chkBoxLabel{
color:#9e9e9e;
}

.dialogLabel{
color:#9e9e9e;
}

.icon24 {
  width: 24px;
  height: 24px;
  }

.icon48 {
  width: 48px;
  height: 48px;
  }

.icon96 {
  width: 96px;
  height: 96px;
  }



md-radio-button {
   color: rgb(255,255,255);
   outline-width: 0px !important;
}

md-radio-button .md-off {
background-color: rgb(255,255,255);

}

md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon
{
border-color: rgb(229,57,53);
}


md-checkbox {
   color: rgb(250,250,250);
}


md-dialog {
       border: 2px solid #ffffff;
       border-radius: 10px;
       min-width:600px;
}


.dialog-apropos{
min-width:0px;
width:400px;
height:400px;

background-color: rgba(221, 255, 31, 0.699); /* transparent !important; */
border: 0;
border-radius:50%; 
/*
box-shadow: 0 7px 8px -4px rgba(255,255,255,.2), 0 13px 19px 2px rgba(255,255,255,.14), 0 5px 24px 4px rgba(255,255,255,.12);
*/
box-shadow: 0 7px 8px -4px rgba(255,255,0,.2), 0 13px 19px 2px rgba(255,255,0,.14), 0 5px 24px 4px rgba(255,255,0,.12);

}

.dialog-bg-apropos{
   background-image: url('../img/patrick.mart1.png'); 
   width:400px;
   height:400px;
   background-repeat: no-repeat;
   background-size: 300px 300px;
   background-position: center;
} 




/*******************************************/
/* Mediascreen
/*******************************************/



@media screen and (min-width: 200px) and (max-width: 1024px){

h1,h2,h3,h4 {
    font-size:60%;
}


.quicksand-60 {
  font-size:48px;
}
.quicksand-30 {
  font-size:24px;
}

.quicksand-20 {
  font-size:16px;
}


.quicksand-18 {
  font-size:14px;    
}

.quicksand-16 {
  font-size:12px;
}
.quicksand-14 {
  font-size:10px;
}
.quicksand-12 {
  font-size:8px;
}



.quicksand-current-month{
  font-size:12px; 
}



.day-of-month label{
  font-size:16px;    
}


.pictoMini{
  width:16px;
}

.pictoMedium{
  width:24px;
}
 
.pictoHigh{
  width:48px;
}

.pictoMaxi{
  width:72px;
}


/* toolbar session */

.imgLogo {
  width:40%;
}


.md-button-toolbar{
  border: 1px solid #cccccc;
  min-width: 24px;
  margin: 0px 3px;
 
} 


.md-button-toolbar md-icon{
  min-height: 12px;
  min-width: 12px;
  width:12px;
  height:12px;
 } 




.md-button-toolbar label{
 display:none;
} 


.md-button-toolbar-add label{
  display:block;
 } 

.md-button-mini md-icon{
  min-height: 16px;
  min-width: 16px;
  width:16px;
  height:16px;
 } 


/* sessions */


.md-button.md-fab.md-mini-button-round{
  
  border-radius:0%;
  background-color: transparent;


  line-height: 24px;
  min-height: 12px;
  min-width: 12px;
  width: 24px;
  height: 24px;
  

  }
  


.md-mini-button-round md-icon{
    min-height: 12px;
    min-width: 12px;
    width:12px;
    height:12px;
   } 

  

.session-add{
  display:block;
  position: fixed;
  min-height:0;
  min-width: 0;
  left: 80%;
  bottom: 50px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
   z-index: 1;
  background-color: #eaff00;
  
}



.div-margin-top-session{
  margin-top:200px;
  }
  


/* sizes */

.div-margin-top-size {
    margin-top: 120px;
  }



img {
  width:70%;
}


.buttonIconMenu{
width:60px;
height:80px;
}

.avatar {  
  flex: none;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 50%;
  box-sizing: content-box;
  }

.avatar-div {    
  display:none;  
}


.md-button-exit{    
  display:block;  
} 



.md-button-previous{
  border: 2px solid #cccccc;
  min-width: 48px;
} 

md-toast.md-default-theme .md-toast-content {
  background-color:#ff2525d2;
  color: #000000;
  font-size: 14px;
}

.myToastPosition {
left: 0%;
top: 50%;
overflow: visible !important;
transform: translate(0%, 0%);
}


.md-dialog-setcomment{
  min-width: 350px;
  }


md-dialog {
       max-height:95%;
       max-width:95%;
       min-width:95%;   

  }


.table-winddirection td{
  padding: 3px;
  }
  
  .table-winddirection img{
    width:48px;  
   }
    
.dialog-apropos{
    width:300px;
    height:300px;
}
    
.dialog-bg-apropos{
    width:300px;
    height:300px;
    background-size: 200px 200px;
    background-position: center;
  } 




}