.individual{
	
}

.background-color:hover{
    /*background-color: red;*/

}










        .urlopy{
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto 1fr;
            width: 100%;
            height: 400px; /* Example height */
            /*overflow: auto;*/
        }

        .table-header, .table-body {
            display: grid;
            grid-template-columns: 300px repeat(38, 70px);
        }

        .table-header {
            position: sticky;
            top: 0;
            z-index: 2;
            background-color: #f1f1f1;
        }
        .today{
          background-color: #f1f1f1;
        }

        .table-body .row {
            display: contents; /* Make each row's columns span the grid */
        }

        .table-body .row .cell {
            border-bottom: 1px solid #ccc;
          padding: 2px;
        }

        .sticky-cell {
            position: sticky;
            background-color: #f1f1f1;
            z-index: 1;
        }

        .sticky-row .cell {
            top: 0;
            z-index: 2;
        }

        .sticky-column {
            left: 0;
        }
        .table-body{
          overflow-x: scroll;
            white-space: nowrap;
        }
        .row{
        }
        .cell{
          height: 70px;
          padding: 0px;
        }
        .cell-one{
            
          width: 70px;
            

        }
        .one-square{
          /*background: linear-gradient(to right, red, yellow, green);*/
          /*background-color: red;*/
          height: 66px;
          width: 66px;
          border-radius: 15px;
          padding: 3px;

            background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);

        }
        .add_leave{
          /*background: linear-gradient(to right, red, yellow, green);*/
          /*background-color: red;*/
          height: 66px;
          /*width: 66px;*/
          border-radius: 15px;
          padding: 3px;
          color:white;
          font-weight: 400;
          font-size: 1.2em;
          text-align: center;
          cursor: pointer;
          line-height: 57px;

            background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
            transition: font-weight .5s ;

        }
        .add_leave:hover{
          font-weight: 600;

        }
        .cell-first-row {
            line-height: 60px;
            height: 70px;
            position: relative;
            text-align: center

        }

        .gold{
            background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
            border: 0;
            /*radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
        }





/*


.frame{
  height: 95vh;
  justify-content: center;
  align-items: center;
}
#logo{
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transform-style: preserve-3d;
}
.layer{
  width: 55vw;
  position: absolute;
}
.masked-element {
  width: 100%;
  height: 1300px;
  background-color: black;
}


.masked-image {
  width: 600px;
  height: 400px;
  background-image: linear-gradient(
    to right,
	#000000 0%,
	#462523 5%,
	#cb9b51 22%, 
	#f6e27a 45%,
	#f6f2c0 50%,
	#f6e27a 55%,
	#cb9b51 78%,
	#462523 95%,
	#000000 100%
	);


  -webkit-mask-image: url('<?=base_url("assets/img/mayway.png");?>');
  mask-image: url('<?=base_url("assets/img/mayway.png");?>'); 
  -webkit-mask-size: cover;
  mask-size: cover;
}

*/