/**Grid css***/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: inherit;
	line-height: 1;
}

:focus {
	outline: none !important;
}

::placeholder{
    font-size: inherit;
}

a{
    transition: 0.3s;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

img, svg {
    max-width: 100%;
}

label {
    cursor: pointer;
}

.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.p-rel{
    position: relative !important;
}

input[type="text"], input[type="tel"],
input[type="email"], input[type="password"],
input[type="number"], input[type="date"],
select, textarea{
    width: 100%;
    height: 30px;
    border: 1px solid var(--grey);
    border-radius: 4px;
    padding: 0 10px;
}

button, [type="button"], [type="submit"],
input[type="file"]::-webkit-file-upload-button{
    -webkit-appearance: none;
    border: 1px solid var(--blue);
    padding: 10px 30px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
    background: var(--blue);
    color: var(--wh);
}

button:hover, 
[type="button"]:hover, 
[type="submit"]:hover,
input[type="file"]::-webkit-file-upload-button:hover{
    color: var(--blue);
    background: var(--wh);
}

textarea {
    height: 80px;
    padding: 5px 10px;
}

.d-none{
    display: none !important;
}
/******* FORM LOGIN ******/
.set_login_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    border: 1px solid var(--grey);
    border-radius: 4px;
    padding: 20px;
}

.set_login_wrap input[type="text"], 
.set_login_wrap input[type="tel"],
.set_login_wrap input[type="email"], 
.set_login_wrap input[type="password"],
.set_login_wrap input[type="number"], 
.set_login_wrap input[type="date"]{
    height: 40px;
    padding: 10px;
}

.sign_tield_wrap {
    position: relative;
}

.pass_eye {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.4;
}

.pass_eye svg {
    width: 20px;
}

.sign_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.sign_tield_wrap label {
    position: absolute;
    top: 12px;
    left: 10px;
    margin: 0;
    color: var(--d-grey);
    pointer-events: none;
    transition: 0.3s;
}

.sign_tield_wrap label.focused {
    font-size: 8px;
    top: 4px;
}

.pass_eye:hover, 
.pass_eye.active {
    opacity: 1;
}

.sign_tield_wrap input {
    margin-bottom: 20px;
}

input#sign_sender {
    margin-bottom: 0;
}

span.ans_bad {
    margin-top: 20px;
    display: block;
    color: var(--red);
}

span.ans_good {
    margin-top: 20px;
    display: block;
    color: var(--green);
}
/****** END FORM LOGIN *******/