/*  RESETS
========================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline: none !important;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight: bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:visible;}figure{margin:0;}fieldset{border:1px solid #69b2d3; margin:0;padding:12px 16px 16px;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    font-feature-settings: "kern";
    font-kerning: normal;
}
section:after, .clearfix:before, .clearfix:after {
    display: table;
    content: '';
}

section:after, .clearfix:after {
    clear: both;
}


/*  BASICS
========================================================================== */

html, body {
    background: #f7f7f7;
    color: #1f1f1f;
    min-height: 100vh;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.wrapper {
    flex: 1 0 auto;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

h1 {
    margin: 0;
    margin-bottom: 16px;
}

/*  MAIN
========================================================================== */


main.center-v {
    display: flex;
    align-items: center;
}

.wrapper-inner {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 48px;
    margin-bottom: 96px;
}

.wrapper-narrow {
    max-width: 340px;
}

#loginform label {
    display: none;
}

#loginform input[type="text"],
#loginform input[type="password"] {
   width: 100%;
}

#loginform p {
    margin-top: 0;
    margin-bottom: 12px;
}

#loginform p.login-submit {
    margin-bottom: 0;
    margin-top: 22px;
}

.logo {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
    margin-top: -12px;
}

.logo img {
    width: 240px;
    height: 29px;
}

/*  SECTIONS
========================================================================== */

hr {
    border: 0;
    height: 1px;
    background: rgb(241 243 244 / 71%);
    margin-top: 24px;
    margin-bottom: 24px;
}

.boxed {
    background: #e6eaec;
    border-radius: 10px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.boxed.pad {
    padding: 24px;
}



/*  LOGIN FORM
========================================================================== */

p.login-remember {
    display: none!important;
}

/*  INPUTS
========================================================================== */

*,
*::before,
*::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type="text"], input[type="url"], input[type="password"], input[type="date"], .input[type="datetime"], .input[type="datetime-local"], input[type="email"], .input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"],input[type="week"], textarea {
    padding: 9px 12px;
    border-radius: 6px;
    border: 2px solid rgb(238, 238, 238);
}

textarea:hover, input:hover  {
    border-color: #d9dfe3;
}

textarea:focus, input:focus {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #9fbbca;
}


body input:focus::-webkit-input-placeholder,
body textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(177,181,181,0)!important;
}
body input:focus:-ms-input-placeholder,
body textarea:focus:-ms-input-placeholder { /* IE 10+ */
    color: rgba(177,181,181,0)!important;
}
body input:focus::-moz-placeholder,
body textarea:focus::-moz-placeholder {
    color: rgba(177,181,181,0)!important;
}
body input:focus::placeholder,
body textarea:focus::placeholder {
    color: rgba(177,181,181,0)!important;
}

.button {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    border: 0;
    text-align: center;
    font-weight: 600;
    border-radius: 5px;
    padding: 9px 14px 10px;
    cursor: pointer;
    color: #f7f7f7;
    background: #5489b8;
    box-shadow: 0 2px 6px -3px rgba(64, 161, 192, 0.5);
    font-size: 15px;
    text-decoration: none;
    height: 40px;
}


.button:hover {
    color: #fff;
    background: #669ac9;
    box-shadow: 0 2px 6px -3px rgb(66 177 215 / 75%);
}

.button:active {
    background: #4c82ab;
}

.recover-wrapper a {
    color: #bac9d5;
    text-underline-offset: 2px;
}

.recover-wrapper a:hover {
    color: #fff;
}

.message {
    padding: 18px 24px;
    background: #31333A;
    border-radius: 6px;
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    font-weight: 500;
}

.recover-wrapper {
    margin-top: 6px;
    margin-bottom: 2px;
    font-weight: 400;
}


/*  ERRORS
========================================================================== */

.wppb-success,
.wppb-error,
.wppb-warning {
    background: #000000;
    color: #fff;
    padding: 16px 18px!important;
    position: relative;
    font-size: 14px;
    text-align: center;
    width: calc(100% - 48px);
    border-radius: 10px;
    font-family: 'Trispace', sans-serif;
    line-height: 1.4;
    margin: 0 auto;
    margin-bottom: 24px;
}

.wppb-success {
    background: #62B762;
}

.pad .wppb-success,
.pad .wppb-error,
.pad .wppb-warning,
.wppb-success.full-width {
    width: 100%;
}

.wppb-success a,
.wppb-error a,
.wppb-warning a{
    color: #fff;
}


/*  FORM UL LI
========================================================================== */

.wppb-required {
    color: #A93E3E;
}

.wppb-required:before {
    content: " ";
}

.wppb-user-forms ul{
    max-width: 100%;
    margin: 0;
    list-style:none;
    padding-left:0;
    padding-right:0;
}

.wppb-user-forms ul li.wppb-form-field{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
}

.wppb-user-forms ul li.wppb-form-field label {
    float: none;
    width: 34%;
    margin: 0;
    padding: 0;
    padding-right: 18px;
    display: block;
    font-weight: 500;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
}

.wppb-user-forms ul li.wppb-form-field > label {
    padding-top: 9px;
}

.wppb-user-forms ul li.wppb-form-field label img {
    display: none;
}

.wppb-user-forms ul li.wppb-form-field input,
.wppb-radios {
    width: 66%;
}

.wppb-form-error,
.wppb-description-delimiter {
    margin-left: 34%;
    display: block;
    width: 100%;
    margin-top: 6px;
    font-family: 'Trispace', sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

.wppb-description-delimiter {
    padding-left: 4px;
}

.wppb-form-error {
    background: #ffece3!important;
    padding: 6px 10px;
    border-radius: 5px;
    font-family: 'Trispace', sans-serif;
    line-height: 1.5;
    font-size: 13px;
    color: #cc2727;
}

.wppb-form-error br {
    display: none;
}

#wppb-login-wrap p,
#select_user_to_edit_form p{
    overflow:hidden;
    margin:0;
    padding-bottom:15px;
}

.wppb-user-forms ul li.wppb-form-field{
    margin:0;
    padding-bottom:15px;
}

.wppb-user-forms ul li.wppb-form-field,
p.form-submit {
    padding-left: 24px;
    padding-right: 28px;
}

#select_user_to_edit_form > p,
p.redirect_message,
p.redirect-message,
#wppb-recover-password > p {
    padding-left: 24px;
    padding-right: 24px;
    line-height: 1.7;
    margin: 0;
}

.boxed > .alert.wppb-success:first-child:last-child,
#wppb-recover-password-container .wppb-success:last-child {
    margin-bottom: 0;
}

p.redirect_message a,
p.redirect-message a {
    color: #000;
}

#wppb-recover-password > p {
    margin-bottom: 12px;
}

p.form-submit,
p.login-submit {
    margin-bottom: 0;
    padding-bottom: 0!important;
}

p.form-submit {
    margin-top: 12px;
}


/*  LOGIN PLACEHOLDER
========================================================================== */



@media screen and (max-width: 599px) {


    .wrapper-inner:not(.wrapper-narrow) .boxed {
        border-radius: 0;
    }

    .wrapper-inner {
        margin-top: 0;
        margin-bottom: 48px;
    }

    main.center-v {
        padding-top: 48px;
        align-items: flex-start;
    }

}


@media screen and (max-width: 413px) {
    .wrapper-narrow {
        max-width: 100%;
    }

    .wrapper-narrow .boxed {
        border-radius: 0;
    }
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-color: #3c6992;
    -webkit-text-fill-color: #3c6992;
    color: #3c6992;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    box-shadow: 0 0 0px 1000px #ffffff inset;
    transition: background-color 5000s linear 0s;
}