.navbar-light .navbar-brand {
    color: white;
    font-family: "Arial";
    font-weight: 400;
    font-size: 15px;
    margin-left: 10px;
}

.button1 {
    background-color: #4cb01f;
    border: none;
    color: white;
    padding: 10px 27px;
    text-align: center;
    text-decoration: none;
    font-size: 5px;
    margin: 4px 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 7px;
}

.someClass{
    color: white;
    font-size: 20px;
}

.someClass:hover {
    color: white !important;
    text-decoration: none !important;
}

.text-dark {
    color: white !important;
    font-family: "Arial";
    font-weight: 400;
    font-size: 20px;
}

.text-center {
    text-align: center !important;
    font-family: "Arial";
    font-weight: 400;
    padding-top: 280px;
    color: white;
}

.text-center h1{
    font-size: 100px;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
}



.text-green {
    color: white;
    font-family: "Arial";
    font-weight: 300;
    font-size: 15px;
}

.text-green :hover{
    color: white;
}

#navbar-nav-gest1 {
    padding-top: 10px;
    padding-bottom: 30px;
}

#title-gest {
    padding-top: 20px;
    font-family: "Arial";
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    color: white;
}

#title-gest1 {
    padding-top: 20px;
    font-family: "Arial";
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    color: black;
}

#nav-item-gest button {
    background-color: #4cb01f;
    text-align: center;
    cursor: pointer;
    border: solid;
    border: 0px;
    border-color: white;
   
}

.button2 {
    background-color: #4cb01f;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 7px;
}

#nav-item-gest button :hover{
    color: black;
}
#navbar-nav-gest1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

#navbar-collapse-gest{
    width: 100%;
}

#nav-item-gest {
    padding: 20px;
}

#edit-gest{
    background-color: orange;
    border: solid;
    border: 0px;
    border-radius: 5px;
}
#edit-gest-inactive {
    background-color: gray;
    border: solid;
    border: 0px;
    border-radius: 5px;
}

#edit-gest1 {
    background-color: blue;
    border: solid;
    border: 0px;
    border-radius: 5px;
}

#details-gest {
    background-color: #4cb01f;
    border: solid;
    border: 0px;
    border-radius: 5px;
}


#details-gest-inactive {
    background-color: grey;
    border: solid;
    border: 0px;
    border-radius: 5px;
}

#delete-gest {
    background-color: red;
    border: solid;
    border: 0px;
    border-radius: 5px;
}

#delete-gest-inactive {
    background-color: grey;
    border: solid;
    border: 0px;
    border-radius: 5px;
}
.container-dashboard{
    
    width: 100%;
}

.container-section {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.container-section-2 {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.container-section-3 {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.section-label {
    border: 0px solid;
    width: 100%;
    margin: 20px;
    background-color: white;
    box-shadow: 5px 10px 18px #008000;
}

.section-label-2 {
    border: 0px solid;
    width: 100%;
    margin: 20px;
    background-color: white;
    box-shadow: 5px 10px 18px #008000;
}

.section-label-3 {
    border: 0px solid;
    width: 65%;
    margin: 20px;
    background-color: white;
    box-shadow: 5px 10px 18px #008000;
}

.first-table-dashboard {
    display: flex;
    justify-content: space-evenly;
}

.first-table-dashboard-sections {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.first-table-dashboard-sections-text{
    display:flex;
    justify-content: center;
}

@media (max-width: 580px) {


    .navbar-mobile{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .resurse-mat-admin{
        display: flex !important;
        width: 100%;
        flex-direction: column !important;
        justify-content: center;
    }
    .custom-toggler.navbar-toggler {
        border-color: white;
        color: white;
    }

    #table_div2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    #table_div {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    #barchart_values {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .section-label-2 {
        padding-top: 20px;
        margin: 0px;
        width: 100%;
    }

    .section-label-3 {
        adding-top: 20px;
        margin: 0px;
        width: 100%;
    }

    #chart_div3 {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #chart_div4 {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #chart_div5 {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container-section-2 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .container-section-3{
        display: none;
    }

    .container-dashboard {
        width: 100%;
    }

    .section-label{
        margin: 0px;
        width: 100%;
    }

    .first-table-dashboard {
        display: flex;
        flex-direction: column;
    }

    #title-gest1 {
        font-size: 70px;
    }

    #details-gest {
        padding-bottom: -20px;
    }

    #details-panel {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 25px;
    }
    /*TABEL GESTIUNE PRINCIPALA SI PERSONALA*/
    #table-gestprinc table, #table-gestprinc thead, #table-gestprinc tbody, #table-gestprinc th, #table-gestprinc td, #table-gestprinc tr {
        display: block;
    }

    #table-gestprinc thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #table-gestprinc tr {
        border: 1px solid #ccc;
    }
    #table-gestprinc td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    #table-gestprinc td:after { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 50px;
		width: 45%; 
		padding-right: 0px;
		white-space: nowrap;    
	}

    #table-gestprinc td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-gestprinc td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-gestprinc td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
    #table-gestprinc td:nth-of-type(4):before { content: "Producator"; padding-right: 45px;}
	#table-gestprinc td:nth-of-type(5):before { content: "Stoc"; padding-right: 90px;}
    #table-gestprinc td:nth-of-type(6):before { content: "Stoc Shop "; padding-right: 55px;}
    #table-gestprinc td:nth-of-type(7):before { content: "Stoc Critic"; padding-right: 55px;}
    #table-gestprinc td:nth-of-type(8):before { content: "Locatie"; padding-right: 55px;}
    #table-gestprinc td:nth-of-type(9):before { content: "Critic"; padding-right: 85px;}
    #table-gestprinc td:nth-of-type(10):before { content: "Comandat"; padding-right: 55px;}


     /*TABEL GESTIUNE TRANSFER*/
    #table-transfer table, #table-transfer thead, #table-transfer tbody, #table-transfer th, #table-transfer td, #table-transfer tr {
        display: block;
    }

        #table-transfer thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-transfer tr {
        border: 1px solid #ccc;
    }
    #table-transfer td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-transfer td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-transfer td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-transfer td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-transfer td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
	#table-transfer td:nth-of-type(4):before { content: "Cantitate"; padding-right: 55px;}
    #table-transfer td:nth-of-type(5):before { content: "Nume User"; padding-right: 55px;}
    #table-transfer td:nth-of-type(6):before { content: "Status"; padding-right: 55px;}
    #table-transfer td:nth-of-type(7):before { content: "Data"; padding-right: 55px;}


    /*TABEL Produs Tablou Tabloteries*/
    #table-produsTabelTabloterie table, #table-produsTabelTabloterie thead, #table-produsTabelTabloterie tbody, #table-produsTabelTabloterie th, #table-produsTabelTabloterie td, #table-produsTabelTabloterie tr {
        display: block;
    }

        #table-produsTabelTabloterie thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-produsTabelTabloterie tr {
        border: 1px solid #ccc;
    }
    #table-produsTabelTabloterie td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-produsTabelTabloterie td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-produsTabelTabloterie td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-produsTabelTabloterie td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-produsTabelTabloterie td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
	#table-produsTabelTabloterie td:nth-of-type(4):before { content: "Producator"; padding-right: 55px;}
    #table-produsTabelTabloterie td:nth-of-type(5):before { content: "Cantitate"; padding-right: 55px;}
    #table-produsTabelTabloterie td:nth-of-type(6):before { content: "Data"; padding-right: 55px;}


     /*TABEL Gestiune Tabloteries*/
    #table-gestiuneTabloterie table, #table-gestiuneTabloterie thead, #table-gestiuneTabloterie tbody, #table-gestiuneTabloterie th, #table-gestiuneTabloterie td, #table-gestiuneTabloterie tr {
        display: block;
    }

        #table-gestiuneTabloterie thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-gestiuneTabloterie tr {
        border: 1px solid #ccc;
    }
    #table-gestiuneTabloterie td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-gestiuneTabloterie td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-gestiuneTabloterie td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-gestiuneTabloterie td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-gestiuneTabloterie td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
	#table-gestiuneTabloterie td:nth-of-type(4):before { content: "Producator"; padding-right: 55px;}
    #table-gestiuneTabloterie td:nth-of-type(5):before { content: "Cantitate"; padding-right: 55px;}
    #table-gestiuneTabloterie td:nth-of-type(6):before { content: "Data"; padding-right: 55px;}
    #table-gestiuneTabloterie td:nth-of-type(7):before { content: "User"; padding-right: 55px;}

    /*TABEL Tablou Tabloteries*/
    #table-tablouTabloterie table, #table-tablouTabloterie thead, #table-tablouTabloterie tbody, #table-tablouTabloterie th, #table-tablouTabloterie td, #table-tablouTabloterie tr {
        display: block;
    }

        #table-tablouTabloterie thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-tablouTabloterie tr {
        border: 1px solid #ccc;
    }
    #table-tablouTabloterie td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-tablouTabloterie td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-tablouTabloterie td:nth-of-type(1):before { content: "Denumire"; padding-right: 50px;}
	#table-tablouTabloterie td:nth-of-type(2):before { content: "Status"; padding-right: 40px;}
	#table-tablouTabloterie td:nth-of-type(3):before { content: "Nume User"; padding-right: 45px;}


     /*TABEL Proiect Tabloteries*/
    #table-proiectTabloterie table, #table-proiectTabloterie thead, #table-proiectTabloterie tbody, #table-proiectTabloterie th, #table-proiectTabloterie td, #table-proiectTabloterie tr {
        display: block;
    }

        #table-proiectTabloterie thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-proiectTabloterie tr {
        border: 1px solid #ccc;
    }
    #table-proiectTabloterie td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-proiectTabloterie td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-proiectTabloterie td:nth-of-type(1):before { content: "Denumire"; padding-right: 50px;}
	#table-proiectTabloterie td:nth-of-type(2):before { content: "Status"; padding-right: 40px;}
	#table-proiectTabloterie td:nth-of-type(3):before { content: "Data"; padding-right: 45px;}


     /*TABEL Prezenta Tabloteries*/
    #table-prezentaTabloterie table, #table-prezentaTabloterie thead, #table-prezentaTabloterie tbody, #table-prezentaTabloterie th, #table-prezentaTabloterie td, #table-prezentaTabloterie tr {
        display: block;
    }

        #table-prezentaTabloterie thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-prezentaTabloterie tr {
        border: 1px solid #ccc;
    }
    #table-prezentaTabloterie td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-prezentaTabloterie td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-prezentaTabloterie td:nth-of-type(1):before { content: "NumeProiect"; padding-right: 50px;}
	#table-prezentaTabloterie td:nth-of-type(2):before { content: "NumeTablou"; padding-right: 40px;}
	#table-prezentaTabloterie td:nth-of-type(3):before { content: "Data"; padding-right: 45px;}
    #table-prezentaTabloterie td:nth-of-type(3):before { content: "OreLucrate"; padding-right: 45px;}
    #table-prezentaTabloterie td:nth-of-type(3):before { content: "NumeUser"; padding-right: 45px;}


     /*TABEL REZERVARE*/
    #table-rezerva table, #table-rezerva thead, #table-rezerva tbody, #table-rezerva th, #table-rezerva td, #table-rezerva tr {
        display: block;
    }

        #table-rezerva thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-rezerva tr {
        border: 1px solid #ccc;
    }
    #table-rezerva td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-rezerva td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-rezerva td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-rezerva td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-rezerva td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
	#table-rezerva td:nth-of-type(4):before { content: "Cantitate"; padding-right: 55px;}
    #table-rezerva td:nth-of-type(5):before { content: "Proiect"; padding-right: 55px;}
    #table-rezerva td:nth-of-type(6):before { content: "Data"; padding-right: 55px;}

     /*TABEL VANZARE*/
    #table-vanzare table, #table-vanzare thead, #table-vanzare tbody, #table-vanzare th, #table-vanzare td, #table-vanzare tr {
        display: block;
    }

        #table-vanzare thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    #table-vanzare tr {
        border: 1px solid #ccc;
    }
    #table-vanzare td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
        #table-vanzare td:after {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 50px;
            width: 45%;
            padding-right: 0px;
            white-space: nowrap;
        }

    #table-vanzare td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-vanzare td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-vanzare td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
	#table-vanzare td:nth-of-type(4):before { content: "Cantitate"; padding-right: 55px;}
    #table-vanzare td:nth-of-type(5):before { content: "Nume User"; padding-right: 55px;}
    #table-vanzare td:nth-of-type(6):before { content: "Mentiuni"; padding-right: 55px;}
    #table-vanzare td:nth-of-type(7):before { content: "Data"; padding-right: 55px;}



    #table-emp table, #table-emp thead, #table-emp tbody, #table-emp th, #table-emp td, #table-emp tr {
        display: block;
    }
    #table-emp thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #table-emp tr {
        border: 1px solid #ccc;
    }

    #table-emp td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    #table-emp td:after {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 50px;
        width: 45%;
        padding-right: 0px;
        white-space: nowrap;
    }

    #table-emp td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-emp td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-emp td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
    #table-emp td:nth-of-type(4):before { content: "Producator"; padding-right: 45px;}
	#table-emp td:nth-of-type(5):before { content: "Cantitate"; padding-right: 55px;}



    #table-gestpers table, #table-gestpers thead, #table-gestpers tbody, #table-gestpers th, #table-gestpers td, #table-gestpers tr {
        display: block;
    }
    #table-gestpers thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #table-gestpers tr {
        border: 1px solid #ccc;
    }

    #table-gestpers td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    #table-gestpers td:after {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 50px;
        width: 45%;
        padding-right: 0px;
        white-space: nowrap;
    }

    #table-gestpers td:nth-of-type(1):before { content: "Imagine"; padding-right: 50px;}
	#table-gestpers td:nth-of-type(2):before { content: "Cod_intern"; padding-right: 40px;}
	#table-gestpers td:nth-of-type(3):before { content: "Denumire"; padding-right: 45px;}
    #table-gestpers td:nth-of-type(4):before { content: "Producator"; padding-right: 45px;}
	#table-gestpers td:nth-of-type(5):before { content: "Cantitate"; padding-right: 55px;}
    #table-gestpers td:nth-of-type(6):before { content: "Log_data_entry"; padding-right: 45px;}
	#table-gestpers td:nth-of-type(7):before { content: "Nume_user"; padding-right: 55px;}

    /*TABEL GESTIUNE PROIECT*/

    #table-gestproiect table, #table-gestproiect thead, #table-gestproiect tbody, #table-gestproiect th, #table-gestproiect td, #table-gestproiect tr {
        display: block;
    }
    #table-gestproiect thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-gestproiect tr {
        border: 1px solid #ccc;
    }

    #table-gestproiect td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    #table-gestproiect td:after { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 50px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
        
	}

    #table-gestproiect td:nth-of-type(1):before { content: "Nume_proiect"; padding-right: 50px;}
	#table-gestproiect td:nth-of-type(2):before { content: "Locatie_proiect"; padding-right: 45px;}
	#table-gestproiect td:nth-of-type(3):before { content: "Nume_user"; padding-right: 65px;}
	#table-gestproiect td:nth-of-type(4):before { content: "Imagine"; padding-right: 80px;}
	#table-gestproiect td:nth-of-type(5):before { content: "Cod_intern"; padding-right: 75px;}
	#table-gestproiect td:nth-of-type(6):before { content: "Denumire_produs"; padding-right: 35px;}
    #table-gestproiect td:nth-of-type(7):before { content: "Producator"; padding-right: 55px;}
    #table-gestproiect td:nth-of-type(8):before { content: "Cantitate"; padding-right: 100px;}
    #table-gestproiect td:nth-of-type(9):before { content: "Log_data_entry"; padding-right: 30px;}

    /*TABEL PROIECT*/
    #table-proiect table, #table-proiect thead, #table-proiect tbody, #table-proiect th, #table-proiect td, #table-proiect tr {
        display: block;
    }
    #table-proiect thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-proiect tr {
        border: 1px solid #ccc;
    }

    #table-proiect td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    #table-proiect td:after { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 50px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
        
	}

    #table-proiect td:nth-of-type(1):before { content: "Nume proiect"; padding-right: 50px;}
    #table-proiect td:nth-of-type(2):before { content: "Locatie proiect"; padding-right: 45px;}
	#table-proiect td:nth-of-type(3):before { content: "Nume angajati"; padding-right: 45px;}
	#table-proiect td:nth-of-type(4):before { content: "Prioritate"; padding-right: 85px;}
    #table-proiect td:nth-of-type(5):before { content: "Status"; padding-right: 85px;}

	
    /*GESTIUNE PROIECT PREZENTA*/

    #table-gestproiectprezenta table, #table-gestproiectprezenta thead, #table-gestproiectprezenta tbody, #table-gestproiectprezenta th, #table-gestproiectprezenta td, #table-gestproiectprezenta tr {
        display: block;
    }
    #table-gestproiectprezenta thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-gestproiectprezenta tr {
        border: 1px solid #ccc;
    }

    #table-gestproiectprezenta td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    #table-gestproiectprezenta td:after { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 50px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
        
	}

    #table-gestproiectprezenta td:nth-of-type(1):before { content: "Nume proiect"; padding-right: 50px;}
    #table-gestproiectprezenta td:nth-of-type(2):before { content: "Data"; padding-right: 55px;}
	#table-gestproiectprezenta td:nth-of-type(3):before { content: "Ore lucrate"; padding-right: 85px;}
	#table-gestproiectprezenta td:nth-of-type(4):before { content: "Nume user"; padding-right: 75px;}


    .search form {
        display: flex;
        justify-content: center;
        padding-top: -35px;
    }

    .container {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #title-gest1 {
        font-size: 30px; 
        padding-top: 5px;
        padding-bottom: -10px;
    }

    .container-image {
        width: 80%;
        display: flex;
        justify-content: center;
        
    }
    .sigla-phone{
        width: 150px;
    }
    .container-toggle {
        width: 20%;
    }
    .container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .container-button {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .button1 {
        padding: 0px;
       width: 70%;
    }

    .navbar-brand {
        width: 100%;
    }

    .navbar-collapse {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #title-gest {
        font-size: 30px;
    }

    #navbar-nav-gest1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    #nav-item-gest{
        padding-bottom: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .text-green{
        font-size: 30px;
        text-align: center;
    }
    .text-center{
        padding-top: 100px;
    }
    .text-center h1 {
        font-size: 70px;
    }
    
}