/*
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
:root{
  --color-admin : crimson;
  --color-administrateur : #eb9414;
}
paper-button[style-admin] {
  background-color: var( --color-admin) !important;
  
}
paper-button[style-administrator] {
  background-color: var( --color-administrateur)  !important; 
}
paper-icon-button[style-admin] {
  background-color: var( --color-admin) !important;
  
}
paper-icon-button[style-administrator] {
  background-color: var( --color-administrateur)  !important; 
}
paper-icon-button[style-color-admin] {
  color: var( --color-admin) !important;
  
}
paper-icon-button[style-color-administrator] {
   color: var( --color-administrateur)  !important; 
}
body
{
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 13px;

}

.holiday, .sp_event {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background-color: #da1030;
  border: 1px solid black;
  height:20px;
  width:20px;
position: relative;
}
.sp_event {
      background-color: purple;
}
.holiday.sp_event:after {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  background-color: red;
  content: "";
  top: 0;
}

.matriceColor0 { background-color:  white; }
.matriceColor1 { background-color:  #cccccc; cursor: pointer; }
.matriceColor2 { background-color:   #242462; cursor: pointer;  }
.matriceColor3 { background-color:    #00e600; cursor: pointer; }
.matriceColor4 { background-color:  orange; cursor: pointer;}
.matriceColor5 { background-color:   #008000; cursor: pointer;  }
.matriceColor6 { background-color:   red; cursor: pointer;  }
.matriceColor7 { background-color:   #FFA07A; cursor: pointer;  }
.matriceColor8  { background-color:   #008000; cursor: pointer;opacity: 0.5;  } 
.matriceColor9  { background-color:   red; cursor: pointer;opacity: 0.5;  } 

.notificationsBadgeMenu{
  position:absolute;
  top:-2px;
  left:9px;
  width:20px;
  height:20px;
  border-radius:50%;
  text-align:center;
  background:rgba( 156, 25, 26, 0);
}

.notificationStyleMenu 
{
      position: relative;
      display: block;
      left:14px;
      top: -34px;
      font-weight: bold;
      color: red;
      
}

table.tableClass td 
{
      text-align: center; 
}

/* style='overflow-x:auto;display:block;white-space:nowrap' */

table.tableClass {
   border-spacing:7px;  border-collapse: separate;
   overflow-x: auto;
   display: block;
   white-space: nowrap;
  
}




.tooltipLabel{
  font-size: 12px;
  padding: 15px;
  border-radius:15px;
}
.tooltipLabel1{
  font-size: 14px;
  padding: 15px;
  margin-left: 70px;
  border-radius:15px;
}
paper-icon-button /*utilis� pour l'icone maison*/
{
  color: black;
}


.mainbutton{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-transform: lowercase;
  font-family: sans-serif;
  text-align: center;
}
.buttonaddprofil{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-transform: lowercase;
  font-family: sans-serif;
  text-align: center;
  color:white;
}

.groupCardd
{
  cursor:pointer;
  border-radius: 10px;
  background:white;
  border-style:solid;
  border-width:1px;

  width:150px;
  height: 80px;


}

.groupCard
{ 
  cursor:pointer;
  z-index:0;
  border-radius: 10px;
  background:white;
  border-style:solid;
  border-width:1px;
  width:230px;
  height: 92px;
  padding: 5px;

}

.groupCard .img
{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 5px;
}
.toolbarprofils{
  border-bottom: solid black 0.5px;
  background-color: rgba(1,1,1,0);
  height: 95px;
}


.indigo2:first-letter
{
  text-transform: uppercase;
}

paper-button.indigo2 /*utilis? dans modern-login*/
{
  text-transform: lowercase;
  font-family: sans-serif;
  text-align: center;
  color: white;
}

.paperToolbarHeader /*utilis? dans la barre de recherche*/
{
  background-color: yellow;



}

.toolbarContent
{
  padding: 10px 10px 0px 10px;
}



.sectionToolbar
{
  background: white;
  height: 50px;
}

/*style css paper dialog add user*/
.paperdialog
{
  background-color:white;
  border: 2px solid;
  border-color: #303F9F;
  border-radius: 10px;
  min-width: 250px;
}
.paperdialog  > *:first-child
{
  margin-top: 7px;
}

.paperdialog  > *:last-child
{
  margin-bottom: 1px;
}

.paperdialog  > *
{
  margin-top: 2px;
  padding: 0 2px;
}

.pointer
{
  cursor:pointer;
}
.testbtn2 {
  -webkit-border-radius: 150;
  -moz-border-radius: 150;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #ffffff;
  background: var(--couleur-dynedoc-principale);
  padding: 10px 20px 10px 20px;

}

.testbtn2:hover {
  background: #1667e0;

}


@media screen and (min-width: 601px)
{
  .forLittleMenuContainer{
    overflow:hidden;
    margin-top:114px;
    /*bottom:5px;*/
    border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
    height:100%;
    /*box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);*/
/*      ::-webkit-scrollbar {            
  width: 14px;
  height: 14px;
  background: #bfb6a3 ;
}*/
  }
  .forLittleMenuSubHeader{
    border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
  position:fixed;
  margin-top:64px;
  height:50px;
  width:29px; 
  /*box-shadow: inset 0px 5px 6px -5px rgba(0, 0, 0, 0.8);*/
 
}
.forLittleMenuHeader{
  border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
  position:fixed;
  height:64px;
  width:29px; 
  
 
}
          .spinnerindivlist{
    position:fixed;
    margin-left:20%;
    margin-top:20%;
    text-align:center;
    z-index: 1000;
  }

  .paperHeaderPanel
  {
    width: 50%;
    height: 100%;
  }
  .paperPanelContainerHeader
  {
    width:  100%;
    height: 100%;
  }

  .filePageContainer
  {
    position: absolute;
    right: 1px;
    top: 63px;
    z-index: 0;
    width: 50%;
    bottom: 2px;
  }

  .totaldiv /*style de la barre du path*/
  {
    background-color :rgba(36, 58, 224, 0.47);
    width: 100%;
    position: fixed;
    height:50px;
    padding-right: 2px;
  }

  .folderdiv /*affichage du path dans la navigation des dossiers*/
  {
    width:100%;
    margin-top: 3px;
  }


  .spinnerClass
  {
    margin-left: 45%;
  }



  .inputFilter /*utilis? pour le filtre de la recherche*/
  {
    bottom: 1px;
    position: relative;
    text-align: center;
    width: 100%;
    /*Border Style for footer*/
    border-top:solid;
    border-bottom: solid;
    border-right: solid;
    border-width: 1px;
    border-color:lightgrey;
  }
  .cardList
  {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 0px 10px 0px;
    position:relative;
    width:100%;
    height:100%;
  }
  .hauteurlookprofil{
    width:100%;

    height: 100%;

  }
  .panel{

    margin-left: 1%;

    width: 98%;


    height:100%;


  }
  .poupupButton {
    margin-top: 544px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: lowercase;
    font-family: sans-serif;
    text-align: center;


  }
  .poupupButton:active {


  }
  .poupupButtonn:active {
    background-color: red;
  }
  .poupupButtonn {
    background-color: red;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: lowercase;
    font-family: sans-serif;
    text-align: center;


  }

}

@media (max-width: 601px) and (min-width: 0px)
{
    .forLittleMenuContainer{
      overflow:hidden;
    margin-top:106px;
    border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
    height:100%;
   /* box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);*/
  }
  .forLittleMenuSubHeader{
    border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
  position:fixed;
  margin-top:56px;
  height:50px;
  width:29px;
/*box-shadow: inset 0px 5px 6px -5px rgba(0, 0, 0, 0.8);*/
}
.forLittleMenuHeader{
  border-right: solid;
    border-width: 1px;
    border-color: lightgrey;
  position:fixed;
  height:56px;
  width:29px;
}
            .spinnerindivlist{
    position:fixed;
    margin-left:22%;
    margin-top:50%;
    text-align:center;
    z-index: 1000;
  }
  .panel{
    background-color:rgba(255,255,255,1) ;


    width: 100%;

    height:680px;
  }

  .folderdiv /*affichage du path dans la navigation des dossiers*/
  {
    width:100%;
    margin-top: 3px;
  }
  /* .hauteurlookprofil {

      width:90%;
      top : 0px;
      left: 0.5%;
      z-index: 10;
     } */
  .indigo {
    top : 14px;
    width:11%;
    min-width:30px;
    height: 40px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background:#303F9F;
    color: white;
  }
  .indigo:focus {
    background:#cc3399;

  }

  .paperPanelContainerHeader
  {
    height: 100%;
  }


  .cardList
  {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 0px 10px 0px;
    position:relative;
    width:100%;
    height:100%;
  }

  .totaldiv
  {
    background-color :rgba(36, 58, 224, 0.47);
    width: 100%;
    position: fixed;
    height:50px;
  }

  paper-header-panel.paperHeaderPanel
  {
    width: 100%;
  }

  .spinnerClass
  {
    margin-left: 50%;margin-top: 20%;margin-right: 50%;
  }

  .filePageContainer[wide-layout]
  {
    position: fixed;
    height: 100%;
    top: 5px;
    z-index: 0;
    width: 100%;
  }
}