.form-group{
    margin-bottom: 10px;
}

.container{
    max-width:98%!important;
    padding:0px 15px!important;
}

.employee-navigation{
    background-color: #fff;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 15px;
}
.employee-navigation .nav-item{
        border-bottom:1px solid rgb(228, 234, 236);
        padding:5px;
}
.employee-navigation .nav-item .fa{
    min-width:20px;
}
.employee-navigation .title{
    font-size:16px;
}
.fs-2x{
    font-size:1.4rem!important;
}
.form-control{
    color:rgb(63, 66, 84);
}

.table.table-bordered.border-info td, .table.table-bordered.border-info th, .table.table-bordered.border-info tr {
	border:1px solid #7239ea !important;
}
.table.table-bordered.border-info td{
    padding:5px;
}


/*=======================================
    05.sidenav
*==================================*/

.sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1999;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    right: -400px;
    background-color: #fff;
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding: 25px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    width: 400px;
    border-left: 1px solid #eee;
}

.sidenav a {
    transition: 0.3s;
}



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
}
.sidenav a.btn {
    width: 100%;
    margin-bottom: 6px;
}





.quadrat{
    background-color: #000;
    font-weight: bold;
    font-size: 2rem;
    animation: blinkingText 2s infinite;

}
@keyframes blinkingText{
    0%,49%		{ background-color: #fff;}
    50%, 100%	{ background-color: #ff8c00;}
}


.quadrat1{
    background-color: #000;
    font-weight: bold;
    font-size: .85rem;
    animation: blinkingText1 2s infinite;
}
@keyframes blinkingText1{
    0%,49%      { background-color: #fff;}
    50%, 100%   { background-color: #eded00;}
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #f83350;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #fff;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #f83350;
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #f83350;
    border-radius: 4px;
  }