.dropdown {
    float: right;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;/*Цвет текста в кнопке*/
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}
/*Цвет наведенной кнопки*/
.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: black;
    color: rgb(255, 122, 41);/*Цвет текста в кнопке*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
    /*min-width: 160px;*/
    min-width: min-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 6px 6px 6px 6px;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-radius: 6px 6px 6px 6px;
}

.dropdown-content a:hover {
    background-color: black;/*Цвет выделения в выпадающем меню*/
    /*font-size: 40px;*/
    color: rgb(255, 122, 41);
}

.dropdown:hover .dropdown-content {
    display: block;
}

body {
    background: rgb(192, 254, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(227, 244, 255) 50%) no-repeat;
    padding: 0;
    margin: 0;
}
.buy {
    display: none;
    text-align: left;

}.trash {
    display: none;
    text-align: left;
}

.user_logout {
    /*position: absolute;*/
    position: relative;
    display: block;
    width: min-content;
    right: 0;
    margin-left: auto;


    padding-top: 3px;
    background: rgb(0, 0, 0);
    height: 100%;
    /*right: 0;*/
    top: 0;
    border-radius: 0 0 6px 6px;
    box-shadow: -1px 0px 4px 0px #000000;
}

.user_logout ul {

    list-style: none;
    padding: 0 10px 0 10px;
    height: 100%;
    margin: 2px;

}
.user_logout li:first-child {
    border-bottom:1px solid #bbb;
    padding-bottom: 5px;
}

.user_logout li {

    padding-top: 5px;
    align-items: center;
    text-align: center;
    min-width: 100px;
}

.width {
    padding-top: 5px;
    width: 80%;
    background-color: #fafcff;
    margin:0 auto;
    /*min-width: 900px;*/
    /*min-height: 600px;*/
    min-width: 875px;
    min-height: 600px;
    border-radius: 0 0 40px 40px;
    box-shadow: -7px 8px 13px -8px #000000;
}

.head {
    position: relative;
    background: rgb(92, 92, 92);
    color: white;
    top: 0;
    min-width: 875px;
    height: 60px;
    width: 80%;
    margin:0 auto;
    box-shadow: -1px 0px 4px 0px #000000;
}

.head_ul {
    display: table-row;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgb(192, 230, 255);
    background: linear-gradient(0deg, rgb(226, 243, 255) 0%, rgb(164, 223, 255) 50%);
    text-align: center;
}

.head_li {
    position: relative;
    display: inline-block;
    padding: 3px 20px 0 20px;
    background: rgb(255,136,0);
    background: linear-gradient(0deg, rgb(0, 75, 104) 0%, rgb(0, 19, 24) 52%);
    border-radius: 0 0 6px 6px;
    height: 100%;
    margin: auto 0 auto 0;
}

.head_ul_hover {
    display: none;
}

.head_ul_hover:hover {
    display: inline-block;
}

.head_ul_list {
    background: rgb(28, 28, 28);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(161, 85, 0) 90%);
    display: none;
    position: absolute;
    color: #ffffff;
    list-style: none;
    margin: 0 0 0 -20px;
    padding: 0;
    width: 100%;
}

.head_ul_list:hover {
    background: rgb(28, 28, 28);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(161, 85, 0) 90%);
    display: inline-block;
    position: absolute;
    color: #ffffff;
    list-style: none;
    margin: 0 0 0 -20px;
    padding: 0;
    width: 100%;
}

.head_li:hover {
    position: relative;
    display: inline-block;
    padding: 3px 20px 0 20px;
    /*background: rgb(255,136,0);*/
    background: linear-gradient(0deg, rgb(161, 85, 0) 0%, rgba(0,0,0,1) 21%);
    transition: .2s linear;
    /*transition: background 3s ease;*/
    box-shadow: -1px 0px 4px 0px #000000;
    height: 100%;
    margin: auto 0 auto 0;
}


.head a {
    display: block;
    text-decoration: none;
    color: white;
    height: 40px;
    padding-top: 20px;
    font-size: 20px;
}

.user_logout a {
    padding-top: 0;
}

a:hover {
    color: #ff7100;
    transition: .1s linear;
    text-shadow: 1px 1px 20px #ffffff;
}

.login_form {
    position: relative;
    border: 1px solid rgba(23, 0, 0, 0.29);
    border-radius: 60px 69px 64px 17px;
    background-color: rgba(42, 42, 42, 0.19);
    box-shadow: -7px 8px 13px -8px #000000;
    width: 350px;
    padding: 40px 20px 0px 20px;
    font-family: Montserrat, sans-serif;
    left: 50%;
    top: 30%;
    margin-top: 10%;
    margin-left: -210px;
}

.login_form_autorize {
    position: absolute;
    border-radius: 8px;
    border: 1px solid rgba(62, 37, 20, 0.99);
    background-color: rgb(255, 122, 41);
    box-shadow: -1px 2px 4px 0px rgba(50, 50, 50, 0.37);
    padding: 10px;
    top: -20px;
    width: 100px;
    left: 50%;
    margin: 0px 0px 0px -60px;
    text-align: center;
}

.login_form form {
    display: flex;
    flex-direction: column;
    width: 350px;

}

.input {
    height: 20px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid rgb(64, 35, 8);
    border-radius: 4px;
    box-shadow: inset 0 2px 4px 1px rgba(3, 3, 3, 0.5), inset 0 0 0 60px rgba(193, 193, 193, 0.3), 0 1px rgba(255, 255, 255, 0.47);
    background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.67));
    transition: .2s linear;
}
.input:focus {

    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.22), inset 0 0 0 60px rgba(250, 115, 0, 0.49), 0 1px rgb(26, 26, 26);
}




.button_registration{
    padding: 10px;
    position: relative;
    left: 95px;
    background-color: rgb(255, 122, 41);
    border: 1px solid rgba(62, 37, 20, 0.99);
    border-radius: 4px;
    cursor: pointer;
    width: 160px;
}

.button_submit_changes {
    background-color: rgb(255, 122, 41);
    border: 1px solid rgba(62, 37, 20, 0.99);
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
    margin: 0 auto;
    width: min-content;
}

.button_submit_changes:hover {
    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.22), inset 0 0 0 60px rgba(250, 115, 0, 0.49);
    transition: .1s linear;
    text-shadow: 1px 1px 2px #ff5100;
}

.button_login {
    padding: 10px;
    position: relative;
    /*left: 135px;*/
    background-color: rgb(255, 122, 41);
    border: 1px solid rgba(62, 37, 20, 0.99);
    border-radius: 4px;
    box-shadow: -1px 2px 4px 0px rgba(50, 50, 50, 0.37);
    cursor: pointer;
    margin: 0 auto;
    width: min-content;
}

.login_form a {
    text-decoration: none;
    color: black;
}

.login_form p {
    margin: 30px 0;
    text-align: center;
}

.message {
    border: 2px solid rgba(208, 137, 0, 0.45);
    border-radius: 7px;
    padding: 10px;
    text-align: center;
    text-decoration-color: darkred;
}

.message_info {
    border: none;
    padding-bottom: 11px;
    text-align: center;
    text-decoration-color: darkred;
    font-size: 11px;
}

.changes {
    position: relative;
    padding: 5px 0 30px 0;

}



.eggs_records {
    border-radius: 0 0 10px 10px;
    width: 500px;
    margin: 0 auto;
    background: rgb(147, 147, 147);
    background: linear-gradient(0deg, rgba(0, 255, 248, 0.04) 0%, rgba(255, 255, 255, 0.73) 52%);
    box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
    text-align: center;
    font-size: 22px;
}

.eggs_records p {
    padding-top: 10px;
}

.date {
    position: relative;
    border-radius: 10px 10px 10px 10px;
    width: 100%;
    background: rgb(147, 147, 147);
    background: linear-gradient(0deg, rgba(186, 186, 186, 0.83) 0%, rgba(219, 219, 219, 0.73) 52%);
    box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
    text-align: center;
    font-size: 22px;

    padding: 20px 0 20px 0;
}

.select {
    position: relative;
    height: 50px;
    font-size: 30px;
    border: 1px solid rgb(64, 35, 8);
    border-radius: 4px;
    box-shadow: inset 0 2px 4px 1px rgba(3, 3, 3, 0.5), inset 0 0 0 60px rgba(193, 193, 193, 0.3), 0 1px rgba(255, 255, 255, 0.47);
    background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.67));
    transition: .2s linear;
    padding: 0 30px 0 30px;
    text-align: center;
}

.select option{
    /*position: relative;*/
    /*height: 50px;*/
    /*font-size: 30px;*/
    /*border: 1px solid rgb(64, 35, 8);*/
    /*border-radius: 4px;*/
    /*box-shadow: inset 0 2px 4px 1px rgba(3, 3, 3, 0.5), inset 0 0 0 60px rgba(193, 193, 193, 0.3), 0 1px rgba(255, 255, 255, 0.47);*/
    /*background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.67));*/
    /*transition: .2s linear;*/
    /*padding: 0 30px 0 30px;*/
    text-align: left;
}

.select:focus {

    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.22), inset 0 0 0 60px rgba(250, 115, 0, 0.49), 0 1px rgb(26, 26, 26);
}

.message_width {
    border-radius: 10px 10px 10px 10px;
    width: max-content;
    margin: 10px auto;
    padding: 20px;
    background: rgb(147, 147, 147);
    background: linear-gradient(0deg, rgba(186, 186, 186, 0.83) 0%, rgba(219, 219, 219, 0.73) 52%);
    box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
    /*background-color: rgba(238, 251, 255, 0.21);*/
    text-align: center;
    font-size: 22px;
}

.message {
    border-radius: 0 0 10px 10px;
    /*width: 600px;*/

    border: none;
    margin: 10px auto;

    background: rgb(247, 255, 255);
    background: linear-gradient(0deg, rgba(0, 255, 248, 0.04) 0%, rgba(255, 255, 255, 0.73) 52%);
    box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
    /*background-color: rgba(238, 251, 255, 0.21);*/
    text-align: center;
    font-size: 22px;
}

.message p {
    margin: 10px;
    padding-top: 1px;
    text-align: left;
}



.update_message {
    display: none;
    position: absolute;
    padding: 20px 0 20px 0;
    margin: 20px auto;
    width: 40%;
    left: 30%;
    height: 90px;
    text-align: center;
    font-size: 30px;
    color: darkred;
    background: linear-gradient(0deg, rgb(230, 242, 255) 0%, rgb(255, 255, 255) 52%);
    box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
}