:root {
    --my-body-bgcolor: #f5f5f5; /*pozadina body-ja svih elemenata*/
    --my-font-color: #28335C; /*Blue*/
    --my-tablerow-color-hover: #D4DBE4; /*light-gray  #e0e0e0*/

    --my-body-bgcolor: #f5f5f5; /*pozadina body-ja svih elemenata*/
    --my-font-color: #28335C; /*blue*/

    --my-inputelement-color: #7E859E; /* --Light blue 60% */
    --my-inputelement-bgcolor: #E1E6EC; /*  light blue 70% */
    --my-inputelement-color-hover: #7E859E; /* Light/blue60% */
    --my-inputelement-bgcolor-hover: #D4DBE4; /* light_blue*/
    --my-inputelement-color-focus: #28335C; /* blue*/
    --my-inputelement-bgcolor-focus: #FFFFFF; /* white*/
    --my-inputelement-color-readonly: #28335C; /*blue*/
    --my-inputelement-bgcolor-readonly: #E0E0E0; /* light_gray*/

    --my-dropdown-color: #7E859E; /* Light blue 60%*/
    --my-dropdown-bgcolor: #E1E6EC; /*  light blue 70%*/
    --my-dropdown-color-hover: #7E859E; /* Light blue 60%*/
    --my-dropdown-bgcolor-hover: #D4DBE4; /*light_blue*/
    --my-dropdown-color-focus: #28335C; /* blue*/
    --my-dropdown-bgcolor-focus: #FFFFFF; /* white*/
    --my-dropdown-color-readonly: #28335C; /*blue*/
    --my-dropdown-bgcolor-readonly: #E0E0E0; /* light_gray*/

    --my-button-color: #FFFFFF; /* white*/
    --my-button-bgcolor: #28335C; /* blue*/
    --my-button-color-hover: #FFFFFF; /* white*/
    --my-button-bgcolor-hover: #233b95; /* Blue-highlight*/

    --my-calendar-color: #28335C; /* blue*/
    --my-calendar-bgcolor: #D4DBE4; /*var(--blue-light);*/
    --my-calendar-bgcolor-hover: #bdd1ec; /*(--light-blue-highlight);*/
    --my-calendar-currentday-bgcolor: #D16758; /*red*/
}

.p small {
    font-size: 14px;
}

/*Čini div tag sa ovim ID-jem nevidljivim na stranici - koristi se kod štampanja (nešto hoćemo da je nevidljivo na stranici, a vidljivo kod štampe)*/
#hidden_div1 {
    display: none;
}

#hidden_div2 {
    display: none;
}

.control-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-primary-small {
    min-width: 50px;   
}

.m-10 {
    margin-top: 10px !important;
}

.btn-primary2 {
    min-width: 50px;
}

.form-label {
    margin-bottom: 5px; 
}

.mt-4 {
    margin-top: 0px !important;
    margin-left:5px;
}