@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary-color: #1A237E;
    --secondary-color: #17A2B8;
    --primary-light-color: #1A237E40;
    --primary-very-light-color: #1A237E10;
    --secondary-light-color: #17A2B840;
    --secondary-very-light-color: #17A2B810;
    --table-row-color: #1A237E0A;
    --button-color: #1A237E;
    --disabled-button-color: #1A237E90;
    --pending-light-color: #F9C74F1A;
    --pending-color: #F9C74F;
    --approved-light-color: #376e241A;
    --approved-color: #376e24;
    --rejected-light-color: #8f00001A;
    --rejected-color: #8f0000;
    --gray-color: #454545;
    --gray-background-color: #F1F1F1;
}
* {margin: 0;padding: 0;}
body {font-family: "Montserrat", sans-serif;background-color: #F9F9F9;font-size: 14px;/*line-height: 1;*/}
p {margin-bottom: 0;}
.sidemenu .active {background-color: #FFFFFF10;padding: 15px 15px 15px 20px;}
.sidemenu ul li a:not(.active):hover {padding: 15px 15px 15px 20px;}
.admin-sidemenu .active {background-color: var(--primary-very-light-color);}
button {padding: 12px 25px;border-radius: 0.3rem;font-size: 16px;font-family: inherit;font-weight: 500;cursor: pointer;box-shadow: 0px 0px 10px 2px #CCC;transition: 0.3s;}
button.primary {background-color: var(--button-color);border: 1px solid var(--button-color);color: #FFF;}
button.primary:hover {box-shadow: 0px 0px 10px 2px #999;}
button.primary:disabled {background-color: var(--disabled-button-color);border: 1px solid var(--disabled-button-color);box-shadow: none;cursor: not-allowed;}
button.secondary {background-color: #FFF;border: 1px solid var(--button-color);color: var(--button-color);}
button.danger {background-color: var(--rejected-color);border: 1px solid var(--rejected-color);color: #FFF;}
button.danger:disabled {background-color: var(--rejected-light-color);border: 1px solid var(--rejected-light-color);color: var(--rejected-color);box-shadow: none;cursor: not-allowed;}
label {font-weight: 500;font-size: 14px;margin-bottom: 5px;}
input, textarea, select {display: block;width: -webkit-fill-available;padding: 10px;margin-bottom: 20px;border: 1px solid #DDDDDD;background-color: #FFF;border-radius: 0.2rem;font-weight: 500;font-family: inherit;}
input[type="checkbox"] {display: inline;width: auto;}
input::placeholder, textarea::placeholder {color: #AAA;}
.heading {font-size: 24px;font-weight: 600;padding: 15px 20px;margin: -20px -20px 20px -20px;background-color: #FFF;border-bottom: 1px solid #EEE;}
.heading span {font-size: 14px;font-weight: 500;margin-top: 5px;display: block;}

/* Admin heading starts here */
.title-and-button {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
.title-and-button h1 {font-weight: 600;font-size: 30px;margin-bottom: 0;}
.title-and-button > div {display: flex;gap: 20px;align-items: flex-end;}
.title-and-button > div > span {font-weight: 500;display: inline-block;color: #777;}
/* Admin heading ends here */