.external_cont
    {
       height:1250px;
       width:100%;
       display:flex;
       flex-flow:row;
       overflow:hidden;


    }
.ergo_list_cont
        {
            width:400px;
            height:120px;
            background-color:black;
            color:white;

        }




/*.ergo_list_cont*/
/*    {*/

/*        border-color:red;*/
/*        box-shadow: 0 0 10px red;*/
/*    }*/

.ergo_list_cont>div
        {

         padding: 10px;

         border-radius:10px;
         border-color: #9ecaed;
         box-shadow: 0 0 10px #9ecaed;
         outline: none;
         margin:auto;
         margin-bottom:15px;
        }
.ergo_list_cont>div:hover
        {
        border-color:red;
        box-shadow: 0 0 10px red;

        }




.left_cont
        {
            display:flex;
            flex-flow:column;
            width:10%;
            height:50%;
            background-color:black;

        }
.status
    {
        height:50px;
        width:100%;
        background-color: #37035C;
        color:white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top:5px;
        border-radius:10px;

    }
#search_erg
        {

            background:url("/static/icons/search3.png")  no-repeat center center;
            background-color:black;
            width:35px;
            height:35px;
            background-size: contain;
            margin-left:10px;
        }
#erg_add
        {
            background-color:black;
            background:url("/static/icons/add2.png") no-repeat center center;
            width:35px;
            height:35px;
            background-size: contain;
            margin-left:10px;
        }

.middle_cont
        {
          display: grid;
          width: 30%;
          height: 1200px;
          background-color: black;
          overflow: hidden;
          min-width:450px;


        }



.button_cont
           {

                width:20%;
                height:60px;
                display:flex;
                align-items: center;
                overflow:unset;

           }
.erg_list
    {
      width:88%;
      height:80%;
      overflow:unset;

    }

.add_png
        {
            width:35px;
            height:35px;
            background-color:black;


        }

.add_erg
        {
          background-color: black;

          display: grid;
          height: 45px;
          border-style: none;
          align-items: center;
        }


.add_erg:hover
    {
        border-color:red;
        border-style:solid;
        background-color:red;

    }

.ifr-cont
    {
        height:95%;
        width:92%;
        background-color:black;
        border:none;
        margin:auto;
        text-align: center;

    }


#overlay
    {
      display:none ;
      position : fixed;
      top:0;
      bottom : 0;
      left: 0 ;
      right :0 ;
      z-index :1;
      background-color: #07086B99;
    }

#modal
       {
            display:flex;
            flex-flow:column;
            max-width:90%;
            height:90%;
            margin:auto;

            background-color:black;
            /*position:absolute;*/
            top:0;
            bottom : 50%;
            left: 0 ;
            right :0 ;
            border-radius: 10px;
            margin-bottom:10px;

            border-color: #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
            outline: none;

       }
#modal>button
        {
           width: 2em;
           align-self: end;


        }
.ifr_body
        {
            background-color:black;
            height:280px;
            width:98%;
            margin:auto;
            margin-top:10px;


        }
.cont
    {
        display:flex;
        flex-flow:column;
        background-color:black;
        border-radius: 10px;
        margin-bottom:10px;
        height:95%;
        width:95%;

        overflow:scroll;

    }

.erga_form
    {
        text-align: center;
        height:90%;
        width: 90%;
        background-color:black;
        color:white;
        border-radius:10px;
        border-color: #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
        outline: none;
        margin:auto;
    }
.form_elements
        {
            display: flex;
            border-radius:5px;
            margin-top:5px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;



        }

.form_elements > label
            {
                width:10em;

            }
.form_date_pick {
    display: grid;
    grid-template-columns: 0.35fr 0.5fr 0.5fr;
    margin: 10px 5px 10px 5px;
}

.form_date_pick>label
        {
            margin-right:10px;

        }
.hidden_id

{


    display: none;
}


.textarea
    {
        height:200px;
        width: 90%;
        resize:none;
        margin:auto;
        margin-top:10px;



    }

.messages

    {

       height: 3em;
       margin: auto;
       color:white;

    }

body
    {
    height: 340px;
    margin-top: 20px;
    overflow:hidden;
}

#erg_sum
    {
        margin: auto;

    }

#erg_sum>div
    {
        margin: 5px;

    }



.iframe
    {
        margin:5px;
        border:none;
        margin: 5px;
        border: none;


    }



.erg_buttons_class
    {
        text-align:center;

    }

.erg_buttons>button
    {
        border-radius:5px;
        background-color:#07086B99;
        border-color: #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
        outline: none;
        color:white;

    }

.erg_buttons>button:hover
    {
        cursor:pointer;
    }


.right_cont {
    width: 60%;
    height: 68%;
    background-color: #9ecaed09;

    display: flex;
    justify-content: center;
}

.conteiner {
    height: 400px;


}


        

/* Normal button */
/*.left-button {*/
/*    background-color: #3b0066;*/
/*    color: white;*/
/*    border: 2px solid #666;*/
/*    border-radius: 12px;*/
/*    cursor: pointer;*/
/*}*/

/* Selected button */
.status.active {
    background-color: #008080;
    border-color: #00ffff;
    color: white;
}