@font-face {
    font-family: suez-one;
    src: url(/fonts/SuezOne-Regular.ttf);
}

@font-face {
    font-family: poppins-extralight;
    src: url(/fonts/Poppins-ExtraLight.ttf);
}

@font-face {
    font-family: poppins-semibold;
    src: url(/fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: poppins;
    src: url(/fonts/Poppins-Regular.ttf);
}

:root {
    --main-color: #f7f8f8;
    --grey-font: rgb(204, 197, 203);
    --blue-font: rgb(174, 213, 226);
    --blue-font_: #AED5E2;
    --darker-blue-font: #81B3C4;
    --background: #37393A;
    --shadow: black; /* #293133; */
    --profile-back: rgb(35, 92, 111);
}

body {
    overscroll-behavior: contain;
    background-color: var(--background);
    font-family: poppins-semibold, poppins, sans-serif;
    color: var(--grey-font);
}

p, label, input, select, option, textarea, button {
    font-size: 14px;
}

input::placeholder {
    font-size: 12px;
}

label {
    color: var(--blue-font);
}

input, select, option, textarea, button, .lightfont {
    font-family: poppins-extralight, sans-serif;
}

p {
    font-family: poppins, sans-serif;
}

body {
    padding: 0px;
    margin: 0px;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

p {
    margin-block-start: 4px;
    margin-block-end: 4px;
}

header a, footer a, nav a, a.nodeco {
    text-decoration: none;
}

a {
    color: var(--grey-font);
    cursor: pointer;
}

a.button {
    margin: 2px;
    text-decoration: none;
}

a.button button {
    margin: 0px;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul.menu li {
    display: inline-block;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.flexh {
    display: flex;
    justify-content: center;
}

.flexv {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.maindiv {
    position: relative;
}

.maindiv img {
    height: 200px;
    object-fit: contain;
}

.maindiv div {
    /* position: absolute;
    bottom: 10px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0%); */
    text-align: center;
    color: #272426;
    line-height: 1.2em;
    margin-top: -16px;
    margin-bottom: 16px;
}

.mainp {
    color: var(--grey-font);
}

.maindiv h1 {
    font-family: suez-one, serif;
    font-size: 32px;
    font-weight: 400;
    text-shadow:
    -1px -1px 0 var(--shadow),
    1px -1px 0 var(--shadow),
    -1px 1px 0 var(--shadow),
    1px 1px 0 var(--shadow);
}

.maindiv p {
    font-family: poppins-semibold, poppins, sans-serif;
    font-size: 14px;
    text-shadow:
    -1px -1px 0 var(--shadow),
    1px -1px 0 var(--shadow),
    -1px 1px 0 var(--shadow),
    1px 1px 0 var(--shadow);
}

.maintxtul {
    margin: 24px 0px;
}

.maintxt {
    margin: 16px 8px;
}

.maintxt:nth-child(even) {
    color: var(--blue-font);
    text-align: right;
    margin-left: 20%;
}

.maintxt:nth-child(odd) {
    margin-right: 5%;
}

.maintxtsearch {
    text-align: center;
    margin: 24px;
}

.maintxtsearch a {
    color: var(--blue-font);
}

.half {
    width: 50%;
}

.hidden {
    visibility: collapse;
}

.centertext {
    text-align: center;
}

.smalltext {
    font-size: 14px;
}

.size10 {
    font-size: 10px;
}

.input-field {
    position: relative;
    margin: 4px;
}

.input-field input {
    padding: 4px;
    width: 300px;
}

.input-field-text {
    margin-left: 6px;
    max-width: 300px;
}

input[type="submit"], input[type="button"], button {
    background: transparent;
    color: var(--blue-font);
    border: 2px solid var(--blue-font);
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    font-family: poppins-semibold, poppins, sans-serif;
    font-size: 11px;
    border-radius: 10px;
}

label.button, div[role="button"] {
    color: var(--blue-font);
    cursor: pointer;
}

input[type="submit"].little, input[type="button"].little, button.little {
    margin: 2px;
    padding: 2px;
}

.animal_types, .animal_type_item {
    margin: 4px;
}

.animal_type_button.little {
    margin-left: 12px;
}

.error {
    color: #E21C21;
}

.noterror {
    color: green;
}

.hint {
    color: #dd22ff
}

.usercolor {
    color: var(--main-color);
    text-shadow: 1px 1px #555;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.float_top {
    display: inline-block;
    vertical-align: top;
}

.float_middle {
    display: inline-block;
    vertical-align: middle;
}

.clickable {
    cursor: pointer;
}

textarea {
    display: block;
    resize: none;
    width: 95%;
    height: 7.5em;
}

.member_animal {
    margin-bottom: 20px;
    margin-right: 44px;
    float: left;
    vertical-align: top;
    border-bottom: 1px dashed var(--blue-font);
}

.member_animal_edit {
    border-bottom: 1px dashed var(--blue-font);
    margin-bottom: 10px;
}

.grey {
    color: var(--grey-font);
}

.infolabel {
    display: inline-block;
    margin-block-start: 4px;
}

.infop {
    margin-left: 12px;
}

#messages {
    width: 95%;
    height: calc(95% - 180px);
    overflow-y: scroll;
}

#message {
    flex-grow: 1;
    margin-right: 4px;
}

#mainimg {
    width: 100%;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    max-width: 80%;
    max-height: 90%;
}

.popprev {
    top: 50%;
    left: 12px;
}

.popnext {
    top: 50%;
    right: 12px;
}

.popclose {
    top: 12px;
    right: 12px;
}

.popbutton {
    position: absolute;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    outline: none;
    border-radius: 50%;

    width: 40px;
    height: 40px;

    background: black;
    opacity: 0.45;

    font-weight: bold;
    font-size: 24px;
    transform: translateY(-50%);
}

.popbutton:hover {
    opacity: 0.9;
}

.flexinputlist > div > input[type="text"], .flexinputlist > div > input[type="email"], .flexinputlist > div > textarea {
    min-width: 60%;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    border-radius: 6px;
}

.map {
    width: 360px;
    height: 300px;
}

.bottomscreen {
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.cookieban {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: var(--main-color);
}

.cookieban > div {
    padding: 20px;
    border-style: outset;
}

.cookieban p {
    text-align: center;
    color: var(--background);    
}

.cookieban button {
    font-size: 1.5em;
    color: var(--darker-blue-font);
    border-color: var(--darker-blue-font);
}

header, footer {
    margin-left: 11px;
    margin-right: 11px;
}

header {
    margin-top: 20px;
    margin-bottom: 14px;
}

footer {
    margin-top: 0px;
    margin-bottom: 20px;
}

.logo {
    vertical-align: sub;
}

.logo object {
    pointer-events: none;
}

.logo, .logo svg, .logo object {
    width: 21px;
    height: 21px;
    fill: rgba(129, 179, 196, 1);
}

#headerdiv .logo {
    vertical-align: middle;
}

#headerdiv .logo, #headerdiv .logo svg, #headerdiv .logo object {
    width: 40px;
    height: 40px;
}

.title p {
    font-family: suez-one, serif;
    font-size: 15px;
    letter-spacing: 0.02em;
    margin: 0px;
}

#headerdiv .title p {
    font-size: 19px;
    margin-left: 8px;
}

.semibold {
    font-family: poppins-semibold, poppins, sans-serif;
}

.bold {
    font-weight: bold;
}

.spacer6 {
    height: 6px;
}

.spacer10 {
    height: 10px;
}

.ml6 {
    margin-left: 6px;
}

.ml11 {
    margin-left: 11px;
}

.ml16 {
    margin-left: 16px;
}

.mt0 {
    margin-top: 0px;
}

.mt4 {
    margin-top: 4px;
}

.mt20 {
    margin-top: 20px;
}

.bottomchat {
    margin-bottom: 10px;
    margin-left: -8px;
}

.bottomchatflex {
    margin: 8px;
}

.mr10 {
    margin-right: 10px;
}

.w75 {
    width: 75%;
}

.miniffont, .miniffont a, .miniffont8 {
    color: white;
    font-family: poppins-extralight, sans-serif;
    text-align: center;
    margin: 0px;
}

.miniffont, .miniffont a {
    font-size: 12px;
}

.miniffont8 {
    font-size: 8px;
}

.font12 {
    font-size: 12px;
}

.flexh {
    display: flex;
}

.howto_img {
    max-width: 100%;
    height: auto;
}

.centeringh {
    position: relative;
}

.centeringh > div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.centeringv {
    position: relative;
}

.centeringv > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

input[type="submit"].loginbutton {
    font-size: 14px;
    margin-top: 12px;
    padding: 3px 18px 3px 18px;
}

#menufoot, #menulang {
    display: table;
    width: 100%;
}

#menufoot li, #menulang li {
    display: table-cell;
    text-align: center;
}

#menufoot a {
    font-size: 14px;
    font-weight: 400;
}

.searchboxer {
    margin-top: 12px;
    margin-left: 2px;
    margin-right: 2px;
}

.searchboxer {
    color: var(--blue-font);
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.searchform_ {
    margin-top: 18px;
}

.searchform_ input[type="radio"] {
    margin: 12px 4px 20px 16px;
}

.searchform_ label {
    color: var(--grey-font);
}

.searchform_ input[type="submit"] {
    border-radius: 0px;
    font-size: 14px;
    margin-top: 4px;
}

p.searchpic {
    font-size: 32px;
    margin: 0px;
}

.relative {
    position: relative;
}

#somefriends {
    border-top: 1px dashed var(--blue-font);
    border-bottom: 1px dashed var(--blue-font);
    margin: 20px 0px;
    padding-top: 6px;
}

#somefriendsgallery {
    width: 360px;
    height: 150px;
    white-space: nowrap;
    overflow-x: hidden;
    position: relative;
}

.somefriendsitem {
    position: absolute;
    top: 0px;
    transition: left 2s;
}

.someitem {
    width: 100px;
    overflow: hidden;
    margin: 0px 2px;
}

.someitembottom {
    margin: 0px;
}

#menu_button {
    z-index: 1001;
    margin-top: 5px;
}

.menudiv {
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 99%;
    height: 100%;
    background-color: var(--background);
    transition: all 0.25s ease-in-out;
}

#menudiv {
    z-index: 1000;
}

.popupdiv {
    z-index: 2000;
}

.popup_button {
    width: 30px;
    height: 21px;
    float: right;
    position: relative;
}

.popup_button_right {
    margin-top: 140px;
    margin-bottom: 14px;
}

.popup_button_chat {
    margin: 14px 0px;
}

.popup_button_crop {
    margin: 100px 0px 14px 0px;
}

#croppic > canvas {
    width: 100%;
    height: 100%;
}

.menu-line {
    position: absolute;
    height: 2px;
    width: 23px;
    background-color: var(--blue-font);
    border-radius: 2px;
}

.menu-line-1 {
    top: 2px;
    transform-origin: top right;
    transition: transform 0.25s ease-in-out;
}

.menu-line-2 {
    top: 10px;
    transition: opacity 0.25s ease-in-out;
}

.menu-line-3 {
    top: 18px;
    transform-origin: bottom right;
    transition: transform 0.25s ease-in-out;
}

.bigmenu {
    margin-top: 60px;
}

.bigmenu > li, #loagouta {
    font-size: 25px;
    margin: 30px;
}

#loagouta {
    color: var(--grey-font);
    cursor: pointer;
    font-family: poppins-semibold, poppins, sans-serif;
    border: none;
    margin: 0px;
}

h2 {
    color: var(--blue-font);
    font-family: suez-one, serif;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 0px;
}

h3 {
    color: var(--darker-blue-font);
    font-family: poppins-semibold, poppins, sans-serif;
    font-size: 17px;
}

.about h2 {
    margin-bottom: 18px;
}

.about section {
    margin: 0px 10px;
}

.about h4 {
    font-size: 14px;
}

.about h3 {
    font-size: 16px;
    color: var(--blue-font);
}

.about p, .about ul, .about li {
    font-family: poppins-extralight, sans-serif;
}

.about p {
    margin: 15px 0px;
}

.about ul {
    padding-inline-start: 40px;
}

.about li {
    list-style-type: disc;
}

img.about {
    object-fit: cover;
}

.imgabout {
    margin-top: 8px;
    margin-bottom: 26px;
}

#imgabout1 {
    width: 180px;
    height: 240px;
}

#imgabout2 {
    width: 248px;
    height: 166px;
}

#imgabout3 {
    width: 280px;
    height: 158px;
}

#imgabout4 {
    width: 248px;
    height: 248px;
}

.contact {
    margin: 0px 10px;
}

.contact div {
    margin-top: 18px;
}

.contact input[type="text"], .contact input[type="email"] {
    padding: 4px;
    width: 95%;
}

.contact label, .contact h2 {
    margin-bottom: 4px;
}

.contact input[type="submit"] {
    padding: 0px 55px;
    font-size: 16px;
    border-width: 3px;
    border-radius: 14px;
}

input[type="submit"].normalbutton, button.normalbutton {
    font-family: poppins-semibold, poppins, sans-serif;
    font-size: 18px;
    margin: 8px;
}

.profileback {
    background-color: var(--profile-back);
}

.profileback > h1 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 4px;
    padding-top: 6px;
}

.blue {
    color: var(--blue-font);
}

.width20 {
    width: 94px;
    margin: 2px;
}

.check {
    padding: 0px 4px 0px 4px;
    vertical-align: middle;
}

.accountsection {
    margin-left: 18px;
    margin-right: 18px;
}

#animals_title {
    border-top: 1px dashed var(--blue-font);
}

.profile_section {
    border-bottom: 1px dashed var(--blue-font);
}

.animal_label {
    font-family: poppins-extralight, sans-serif;
    color: var(--grey-font);
}

.important_label {
    font-family: poppins-semibold, sans-serif;
    color: var(--grey-font);
}

.blue_title {
    font-family: suez-one, serif;
    color: var(--blue-font);
    font-size: 25px;   
    font-weight: normal;
}

.indent20 {
    margin-left: 20px;
    margin-right: 20px;
}

.indent4 {
    margin-left: 4px;
    margin-right: 4px;
}

.searchform > div {
    margin-top: 20px;
}

.toggle_password {
    margin-left: -34px;
    cursor: pointer;
}

.fa-eye:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.4em;
    height: 1.4em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="fa-eye" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="rgb(204, 197, 203)" d="M572.5 238.1C518.3 115.5 410.9 32 288 32S57.69 115.6 3.469 238.1C1.563 243.4 0 251 0 256c0 4.977 1.562 12.6 3.469 17.03C57.72 396.5 165.1 480 288 480s230.3-83.58 284.5-206.1C574.4 268.6 576 260.1 576 256C576 251 574.4 243.4 572.5 238.1zM288 432c-99.48 0-191.2-67.5-239.6-175.1C97.01 147.4 188.6 80 288 80c99.48 0 191.2 67.5 239.6 175.1C478.1 364.6 387.4 432 288 432zM288 128C217.3 128 160 185.3 160 256s57.33 128 128 128c70.64 0 128-57.32 128-127.9C416 185.4 358.7 128 288 128zM288 336c-44.11 0-80-35.89-80-80c0-.748 .1992-1.441 .2207-2.184C213.3 255.1 218.5 256 224 256c35.35 0 64-28.65 64-64c0-5.48-.875-10.72-2.184-15.78C286.6 176.2 287.3 176 288 176c44.11 0 80 35.89 80 80.05C368 300.1 332.1 336 288 336z"></path></svg>')
}

.fa-eye-slash:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.4em;
    height: 1.4em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="fa-eye-slash" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="rgb(204, 197, 203)" d="M630.8 469.1l-103.5-81.11c31.35-31.94 57.79-70.78 77.21-114.1c1.906-4.43 3.469-12.07 3.469-17.03c0-4.977-1.562-12.6-3.469-17.03c-54.25-123.4-161.6-206.1-284.5-206.1c-62.67 0-121.2 21.95-170.8 59.62L38.81 5.116C34.41 1.679 29.19 0 24.03 0C16.91 0 9.839 3.158 5.121 9.189c-8.188 10.44-6.37 25.53 4.068 33.7l591.1 463.1c10.5 8.203 25.57 6.333 33.69-4.073C643.1 492.4 641.2 477.3 630.8 469.1zM394.4 283.8l-81.65-63.1C316.1 211.3 319.1 202.2 319.1 192c0-5.48-.8744-10.73-2.183-15.78C318.6 176.2 319.3 176 320 176c44.11 0 80 35.89 80 80.05C400 265.9 397.7 275.1 394.4 283.8zM433.2 314.2C442.4 296.8 448 277.2 448 256.1C448 185.4 390.7 128 320 128C287.8 128 258.7 140.2 236.3 159.9L188.3 122.3C228 95.03 273.1 80 320 80c99.48 0 191.2 67.5 239.6 175.1c-18.06 40.38-42.41 74.43-70.61 101.9L433.2 314.2zM320 384c13.42 0 26.16-2.643 38.31-6.477L302.8 334C279.1 328.8 259.5 312.9 248.8 291.7L192.8 247.8C192.6 250.6 192 253.2 192 256C192 326.7 249.3 384 320 384zM320 432c-99.48 0-191.2-67.5-239.6-175.1c10.83-24.22 24.09-46.03 38.81-65.86L81.28 160.4c-17.77 23.74-33.27 50.04-45.81 78.59C33.56 243.4 31.1 251 31.1 256c0 4.977 1.562 12.6 3.469 17.03c54.25 123.4 161.6 206.1 284.5 206.1c45.46 0 88.77-11.49 128.1-32.14l-42.87-33.59C378 425.4 349.5 432 320 432z"></path></svg>')
}

.upload-icon:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    margin: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 200 200" height="200" width="200" xmlns="http://www.w3.org/2000/svg" data-type="shape"><g><path fill="rgb(204, 197, 203)" d="M164 119.843v26.459c0 9.483-7.775 17.198-17.333 17.198H53.333C43.775 163.5 36 155.785 36 146.302v-26.459c0-2.192 1.791-3.969 4-3.969s4 1.777 4 3.969v26.459c0 5.106 4.187 9.26 9.333 9.26h93.334c5.146 0 9.333-4.154 9.333-9.26v-26.459c0-2.192 1.791-3.969 4-3.969s4 1.777 4 3.969zM69.495 76.346 96 50.049v69.794c0 2.192 1.791 3.969 4 3.969s4-1.777 4-3.969V50.049l26.505 26.297c.78.775 1.805 1.163 2.828 1.163s2.048-.388 2.828-1.163a3.946 3.946 0 0 0 0-5.612l-33.33-33.071a4.016 4.016 0 0 0-.612-.497c-.099-.066-.207-.111-.31-.167-.125-.068-.245-.143-.378-.197-.134-.055-.273-.087-.41-.126-.112-.033-.22-.076-.336-.099a4.056 4.056 0 0 0-1.568 0c-.116.023-.223.066-.336.099-.138.04-.277.072-.411.127-.132.054-.252.129-.377.197-.104.056-.212.102-.311.168-.22.146-.426.312-.612.497L63.84 70.736a3.946 3.946 0 0 0 0 5.612 4.022 4.022 0 0 0 5.655-.002z"></path></g></svg>');
}

.uploadpicdiv {
    position: relative;
    width: 100px;
    height: 116px;
    margin: 4px;
}

.uploadpicdiv > div {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 0px;
    transform: translateX(-50px);
}

.uploadpicdiv > label {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 80px;
    transform: translateX(-15px);

    background-color: rgb(36, 36, 36);
    border-radius: 15px;
}

.thumb {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    object-fit: contain;
}

.useranimals .thumb {
    width: 120px;
    height: 120px;
    border-radius: 10px;
}

.chats .thumb {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    margin-right: 4px;
}

.chats {
    padding: 0px 8px;
}

.chatlastmsg {
    margin: 0px;
}

.chatname {
    display: inline-block;
    font-family: poppins-semibold, poppins, sans-serif;
    color: var(--blue-font);
    font-size: 13px;
    margin: 0px;
}

.chattime {
    display: inline-block;
    font-family: poppins-extralight, sans-serif;
    font-size: 10px;
    font-style: italic;
    margin: 0px 4px;
}

.chatmsg {
    font-family: poppins-extralight, sans-serif;
    font-size: 13px;
    margin-top: 0px;
}

.chatme {
    text-align: right;
}

#messages {
    padding-right: 8px;
}

#fullpic {
    width: 350px;
    height: 350px;
    border-radius: 30px;
    object-fit: contain;
}

#croppic {
    width: 350px;
    height: 350px;
    margin: 5px;
}

.pic_placeholder {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    font-size: 80px;
    display: inline-block;
    transform: translate(-10px, -20px);
}

.animal_name_edit {
    margin: 6px 0px;
}

.animal_main_edit {
    margin-bottom: -14px;
}

.animal_name {
    font-family: poppins-semibold, poppins, sans-serif;
    color: var(--blue-font);
    font-size: 16px;
}

.useranimals {
    padding-left: 10px;
}

.useranimals label {
    color: var(--grey-font);
}

.userpage {
    background-color: var(--profile-back);
    padding: 10px;
}

.userpage h1 {
    font-size: 20px;
    margin: 6px 0px;
}

.userpage label {
    color: var(--grey-font);
}

.userpage p {
    font-family: poppins-extralight, sans-serif;
}

.userbutton {
    padding: 6px;
    width: 112px;
}

.userbuttons {
    margin-top: 4px;
    margin-bottom: 10px;
}

.reviewsection {
    margin: 10px 10px 20px 10px;
}

.reviewsection h2 {
    font-size: 17px;
    margin-bottom: 8px;
}

.reviewsection > div {
    margin: 4px 0px;
}

.reviewsection > div.mtminus2 {
    margin-top: -2px;
}

.reviewtitle {
    display: block;
    width: 95%;
}

.review_title {
    color: var(--blue-font);
    font-family: poppins-semibold, poppins, sans-serif;
    font-size: 14px;
}

.review_text, .review_from {
    font-family: poppins-extralight, sans-serif;
}

.review_text {
    font-size: 12px;
    margin: 8px 0px;
}

.review_from {
    font-size: 10px;
    margin-bottom: 12px;
}

input[type="submit"].reviewbutton {
    font-size: 12px;
    padding: 1px 50px;
}

.timeCheck {
    color: var(--grey-font)
}

.virtualkeyboardhelper {
    height: 600px;
}