table{
width:99%;}
table, th, td {
  border: 1px solid black;
  padding:5px;
  border-collapse: collapse;
}
th {
  background-color: blue;
  color: black;
}
#access,#client{
 width:150px;   
    height:30px;
}
.inputclient{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
    
}
.inputdrop
{
     width: fit-content;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; 
}

.select2-container .select2-selection--single{
    height:34px !important;
}
.select2-container--default .select2-selection--single{
         border: 1px solid #ccc !important; 
     border-radius: 0px !important; 
}
.dropdown
{
    border-radius: 40px !important ;
}
 .custom-card {
    width: fit-content;
    margin: auto;
  }

  .custom-table {
    width: 100%;
  }
.dropcontainer {
  position: relative !important;
  display: flex !important;
  gap: 10px !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 200px !important;
  padding: 20px !important;
  border-radius: 10px !important;
  border: 2px dashed #555 !important;
  color: #444 !important;
  cursor: pointer !important;
  transition: background .2s ease-in-out, border .2s ease-in-out !important;
}

.drop-ontainer:hover  {
  background: #eee !important;
  border-color: #111 !important;
}

.dropcontainer:hover .droptitle {
  color: #222 !important;
}

.droptitle {
  color: #444 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  transition: color .2s ease-in-out !important;
}
.taskinput
{
    width:250px !important;
    height:35px;
}

  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Use rgba to set the background color with transparency */
  }
   
  
body{
background:#D3D3D3;
}

.calendar,.card{
display:flex;
padding:15px 40px;
}

.holiday, .leave, .working{
width:100%;
padding:10px;
background:white;
margin-right:20px;
align-items: center;
}

.task, .main{
width:40%;
padding:10px;
background:white;
margin-right:30px;
    margin-left:36px;
display: flex;
align-items: center;
justify-content: center;
}


.attention, .head{
 width: 100%;
    height: 60%;
    background:	lightskyblue;
padding:10px;
}

b{
font-size:50px;
color:green;
}

.icon {
    font-size:30px;
    margin-right: 10px;
}