.cd__main{
    position: relative;
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6) !important;
 }
 #calendar {
     max-width: 800px;
     margin: 40px auto;
     background: #fff;
     padding: 15px;
 
 }
 
 
 
 .form-group {
     margin-bottom: 1rem;
 }
 
 .form-group>label {
     margin-bottom: 10px;
 }
 
 #delete-modal .modal-footer > .btn {
 
     border-radius: 3px !important; 
     padding: 0px 8px !important;
     font-size: 15px;
 
  }
 
 .context-menu {
     position: absolute;
     z-index: 1000;
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
     padding: 5px;
 }
 
 /* .context-menu.show {
     display: block;
   } */
 
 .context-menu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 
 }
 
 .context-menu ul>li {
     display: block;
     ;
     padding: 5px 15px;
     list-style-type: none;
     color: #333;
     display: block;
     cursor: pointer;
     margin: 0 auto;
     transition: 0.10s;
     font-size: 13px;
 
 
 }
 
 .context-menu ul>li:hover {
     color: #fff;
     background-color: #a7a8b3;
     border-radius: 2px;
 
 }
 
 .fa,
 .fas {
     font-size: 13px;
     margin-right: 4px;
 }