.sickLeave .panel-title { font-size: 14px; margin-bottom: 0; margin-top: 0; padding: 5px 7px 5px 7px; } .modal-header{ border-bottom: 0; } .modal-dialog { width: 30%; margin: 30px auto; } .modal .modal-dialog .modal-content { min-height: auto; height: auto !important; } .modal-footer { display: flex; justify-content: flex-end; } .modal-footer .btn + .btn { margin-bottom: 0; margin-right: 5px; } .table-container { height: 200px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #c1c1c1 transparent; } .table-container::-webkit-scrollbar { width: 4px; height: 3px; } .table-container::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } .table-container::-webkit-scrollbar-thumb { background-color: #c1c1c1; border-radius: 5px; } .table-container::-webkit-scrollbar-thumb:hover { background-color: #aaa; } @media (max-width: 1580px) { .modal-dialog { width: 50%; } } @media (max-width: 768px) { .modal-dialog { width: 90%; } } .sickLeave .panel-heading { border-radius: 17px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border: none !important; padding: 0px 20px; background-color: #505050 !important; color: #ffffff; } .sickLeave .form-control { border: 1px solid #ababab; } .sickLeave .panel .panel-body { padding: 0; padding-bottom: 20px; } .modal-content .panel { border-radius: 17px; }