/*-----------------------------------------------------------------------------------
Theme Name:support-optima
Theme URI:https://support.optima-design.pro
Description:Web Studio Optima Design
Author:Serhii D.
Author URI:https://optima-design.pro/
-----------------------------------------------------------------------------------*/
html {min-height:100%;width:100%;scroll-behavior: smooth;}
body {font-family: "Kanit", sans-serif;font-weight: 400;font-size:20px; color:#444; display:flex; align-items: center;
  justify-content: center;
background:url(images/support-bg.jpg);    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
letter-spacing:.5px;margin: 0;padding: 0;min-height: 100%;}
body:after {    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1;}
*,::before,::after {box-sizing:border-box}
::-webkit-scrollbar {width: 6px; height:2px; border-radius:4px;}
::-webkit-scrollbar-track {background-color: #eee;box-shadow: 0 0 1px 1px #fff inset;}
::-webkit-scrollbar-thumb {background-color: #f34971;}
::-webkit-scrollbar-thumb:hover {background-color: #bc193f;}
::-webkit-input-placeholder {color: #96a7bd!important;}
:focus-visible {outline: none;}
img {display: flex; max-width:100%; height: auto;}
.text-center,.has-text-align-center {text-align: center;}
body:not(.logged-in) .user-main {display; flex; flex-direction: column;align-items: center;justify-content: center;width: max-content; max-width:100%;position: relative; z-index:3; padding:50px 20px; margin: 50px auto;background: #ffffffc7;backdrop-filter: blur(5px);border-radius:20px;}
.user-main {position: relative; z-index:3; margin: 50px auto;background: #ffffffc7;backdrop-filter: blur(5px);border-radius:20px;}
body:not(.logged-in) .fst_login_wrapper input#wp-submit {font-family: "Kanit", sans-serif;
display: inline-flex; align-items: center;font-size: 17px;font-weight: 300;letter-spacing: 2px;background: #f34971!important;color: #fff;
border: 0;border-radius: 40px!important;padding: 15px 30px!important;cursor: pointer;transition: all .2s;}
body:not(.logged-in) .fst_login_wrapper input#wp-submit:hover {background:#023363!important }
body:not(.logged-in) .fst_login_wrapper form#loginform .input {padding: 15px;border-radius: 20px!important;width: 280px;border: 0;}	
body:not(.logged-in) .fst_login_wrapper form#loginform {display: flex!important;flex-direction: column;align-items: center;}
.fs_back_button {padding:5px 10px!important; margin-top: 15px;}