.validationError{
      background:#e74c3c;
      color:#ffffff;
    }

    .styleMenuPlanStaff{
      font-size: 16px;
      cursor:pointer;
      border-bottom: solid #0091DB 4px;   
      transition:all 0.3s ease; 
    }

    .styleMenuPlanStaff:hover{
      font-weight: bold;
      /*border-bottom: solid #2ECC71;*/
      border-color: #2ECC71;
      transition:all 0.3s ease; 

    }

    .styleActiveMenuPlanStaff{
      font-weight: bold;
      font-size: 19px;
      border-bottom: solid #2ECC71 7px;
    }

    .imgToday{

      width: 50px;
      height: 50px;
      border-radius: 100px;
      cursor: pointer;

    }
    .supervisor{
      /*rojo*/
      background: #F76B6A;
      width: 100%;
      height: 30px;
      border-radius: 3px;
      color: #ffffff;
      cursor:pointer;
    }

    hr.colorSuper{
      background: #F76B6A;
      height: 2px;
      width: 90%;
      margin: auto;
    }

    .leadCS{
      /*naranja*/
      background: #FDB34D;
      width: 100%;
      height: 30px;
      border-radius: 3px;
      color: #ffffff;
      cursor:pointer;
    }

    hr.colorLead{
      background: #FDB34D;
      height: 2px;
      width: 90%;
      margin: auto;
    }

    .agentCS{
      /*azul*/
      background: #00AEEF;
      width: 100%;
      height: 30px;
      border-radius: 3px;
      color: #ffffff;
      cursor:pointer;
    }

    hr.colorAgent{
      background: #00AEEF;
      height: 2px;
      width: 90%;
      margin: auto;
    }

    .oSAgent{
      /*verde*/
      background: #00C49E;
      width: 100%;
      height: 30px;
      border-radius: 3px;
      color: #ffffff;
      cursor:pointer;
    }

    hr.colorOs{
      background: #00C49E;
      height: 2px;
      width: 90%;
      margin: auto;
    }


    .marginB{
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 11px;
    }

    /*.padding-margin{
      padding-left: 0px;
      padding-right: 0px;

      background: red;
    }*/

    .padding-l{

      padding-left: 2px;
      background: red;
    }

    .padding-r{

      padding-right: 2px;
      background: black;
    }

    .padding-lr{
      padding-right: 2px;
      padding-left: 2px;
    }

  /*  .click{
      font-size:23px; 
      color:gray; 
      cursor:pointer;
    }
    .no-click{
      font-size:23px; 
      color:gray; 
      pointer-events:none;
      opacity: 0.3;
    }*/
    


    .Day{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }

    .Tra{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }

    .Vac{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }

    .Sic{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }

    .Rem{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }


    .Abs{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }


    .Per{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }

    .Pen{
      background: gray;
      opacity: 0.8;
      color: white;
      border: solid gray 1px;
    }




    .click-h{
      cursor:pointer;
    }