@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --white-color:#fff;
    --black-color:#000;
    --vnnic-color: #133C8B;
    --login-btn-color:linear-gradient(180deg, #ff6d2c 0%, #ef0707 100%);
    --register-accout-bg:linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.6) 100%);
    --form-bg:linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.8) 100%);
    --brown-color:#767676;
    --green-color:#33FF00;
    --orange-color:#ff6d2c;
    --pink-color:#FF3168;
    --red-color:#EF0707;
    --disable-bg-color:#5e5e5e;
    --yellow-color:#ffff13;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: inherit;
}

body {
    font-size: 16px;
    line-height: normal;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    min-height: 100vh;
    width: 100%;
    margin: 0px;
}

input[type="text"]
{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
}

p,span,label,button {
    font-family: "Montserrat", sans-serif!important;
}

td, th, tr{
    border: 1px solid #DCDCDC;;
    padding: 6px 0px 6px 3px;
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 442px;
    min-width: 250px;
} 


.dtr-modal-close {
    font-size: 2.5rem;
}

.dtr-modal td, .dtr-modal th, .dtr-modal tr  {
    border: 1px solid black;
    padding: 5px 0px 5px 2px;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.dtr-modal-display {
    height: fit-content;
    max-height: 80%;
}

.datepicker td, .datepicker th, .datepicker tr{
    max-width: 80px;
    min-width: 40px;
}