.main {padding: 60px 0;padding-top: 150px;}
.form_wrap {position:relative;margin: 20px 0;}
input[type="text"] , input[type="email"] , input[type="number"] ,input[type="password"]
, input[type="color"]  , select { 
    border: 1px solid silver;border-radius: 5px;
width:100%;font-size: 14px;box-shadow: none;padding-left: 8px;padding: 15px 20px;}

textarea  { border: 1px solid silver;border-radius: 5px;
    width:100%;font-size: 14px;box-shadow: none;padding: 8px;height: 120px;resize: vertical;}
input:focus + label, input:valid + label , 
textarea:focus + label, textarea:valid + label{font-size: 12px;color: #777d85;top: -5px;left:10px;background: #ffffff;
padding: 0px 5px 0px 5px;}
.input_wrap {width:auto; height:auto; position:relative;}
.input_wrap label {font-size:16px;color: #777d85;padding: 14px;position: absolute;top: 0;left: 0;transition:0.2s ease all; 
    -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;pointer-events: none;}
input:focus {border: 1px solid var(--color-text);}
.register {display:none}
form {width: 95%;max-width: 450px;color: var(--color-text);padding: 20px;
border-radius: 20px;background-color: white;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
form h2 {font-size: 25px;margin: 10px;}
form button {padding: 13px 20px;background-color: var(--roy);color: white;margin: 20px 0;
    width: 100%;border-radius: 5px;border: 0;}
form a {text-align: left;margin: 5px 0;float: left;}
form button:hover {background-color: var(--roy-hover);cursor: pointer;}
form .reg , .log{cursor: pointer;color: var(--roy);}
.info {font-size: 14px;text-align: left;}


.user-menu {width: 100%;position: fixed;top: 70px;left: 0;right: 0;
background-color:rgb(245, 245, 245);display: inline-flex;overflow-x: auto;
padding: 10px 20px;color: var(--color-text);z-index: 10;
}
.user-menu::-webkit-scrollbar {width: 0;height: 0;}
.user-menu .men {padding: 7px 20px;border-radius: 20px;margin: 0 7px;min-width: 150px;}
.user-menu .men:hover , .men-act {background-color: var(--roy-opt);color: var(--color-text);cursor: pointer;}

.orders , .userinfo , .wishes{width: 95%;max-width: 1000px;}
.userinfo , .wishes{display: none;}
.userinfo form {box-shadow: transparent 0 0 0 0;}

table img {width: 80px;}
table h4  {display: inline-block;color: var(--color-text);margin-left: 6px;}
table h4 {font-size: 20px;}
table h4 span {font-size: 17px;text-align: left;}

.check , .addtocart {width: 95%;padding: 10px 20px;background-color: var(--roy);color: white;border: 0;
    border-radius: 5px;margin-bottom: 8px;max-width: 300px;
    }
.check:hover , .addtocart:hover {background-color: var(--roy-opt);color: var(--roy);}


@media only screen and (max-width: 500px ) {
table img {width: 65px;margin: auto;display: block;}
table h4 {font-size: 17px;display: block;text-align: center;}
table h4 span {font-size: 15px;}
}