#ModalFormOdmah {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* overflow: auto;*/
    background: rgba(28, 60, 35, 0.50);
}

#ModalForm {
    position: fixed;
    z-index: -4; /*Ovo je da bi pozadina bila preko svega*/
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(28, 60, 35, 0.83);
}

#PanelForme {
    font-family: Arial;
    background-color: white;
    border-radius: 10px;
    margin: auto; /*  Namesti na sredinu horizontalno*/
    margin-top: 5%;
    /*margin-left: 10%;*/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: OtvoriPolakoModal;
    animation-duration: 2s; /*Brzina kojom će se otvarati */
}

@keyframes OtvoriPolakoModal {
    from {
        opacity: 0;
    }

    to {
        opacity: 1
    }
}

#ZagForme {
    display: block; /*  Da bi bilo jedno ispod drugog */
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: linear-gradient(to right, white, rgb(205, 252, 208));
    /* PODVUČENO */
    border-bottom: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(21, 81, 1);
    /*--------------------------------------*/
    height: 30px;
    padding-top: 5px;
    padding-left: 30px;
    /*  FONT  */
    font-weight: bold;
    font-size: 20px;
    color: rgb(21, 81, 1);
    /*---------*/
}

#TeloForme {
    display: block; /*  Da bi bilo jedno ispod drugog */
    background-color: white;
    padding-left: 1em;
    font-size: 14px;
    text-align: center;
}

#DugmadForme {
    display: block; /*  Da bi bilo jedno ispod drugog */
    background-color: rgb(205, 252, 208);
    height: 35px;
    padding-top: 5px;
    text-align: center; /* Da bi se dugmići poređali u sredini . Mora biti i u dugmućima  ----    display: inline -------*/
}

    #DugmadForme button {
        /*display: inline;*/
        height: 30px;
        width: 100px;
        background: rgb(205, 252, 208);
        border: 0; /* rgb(27, 101, 2);*/
        border-style: solid;
        background-image: radial-gradient(rgb(205, 252, 208), white);
        padding: 0,7em 2em;
        color: rgb(21, 81, 1);
        border-radius: 10px;
    }

        #DugmadForme button:hover {
            cursor: pointer;
            background-image: radial-gradient(rgb(27, 101, 2), rgb(205, 252, 208));
            font-weight: bold; /* Boldiranje */
            color: white;
        }

#FuterForme {
    display: block; /*  Da bi bilo jedno ispod drugog */
    font-size: 10px;
    padding-top: 5px;
    padding-left: 20px;
    height: 15px;
    background-image: linear-gradient(to Left, rgb(205, 252, 208), white);
    box-shadow: 0 5px 8px 0 rgba(20, 16, 16, 0.76);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}