/* =====================
   Imports
   ===================== */
   @import "variables.css";
   @import "fonts.css";
   @import "bootstrap.min.css";
   
/* =====================
   General
   ===================== */
   
   *{outline:none}
   .test{border:1px solid red}
   html,body{height:100%;overflow:hidden}
   body{font-family:'Inter',sans-serif;font-size:.875rem;display:flex;flex-direction:column;background-color:var(--ui-body);color:var(--ui-text-primary)}
   
/* =====================
   Links
   ===================== */
   
   a{text-decoration:none;color:var(--ui-primary)}
   a:hover,a:focus{color:var(--ui-primary-hover)}
   
/* =====================
   Typography
   ===================== */

   h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}
   
/* =====================
   Text Colors
   ===================== */

   .ui-text-primary{color:var(--ui-text-primary)}
   .ui-text-secondary{color:var(--ui-text-secondary)}
   .ui-text-muted{color:var(--ui-text-muted)}
   
/* =====================
   Containers
   ===================== */
   
   .ui-wrapper{display:flex;height:100vh}
   .ui-left{display:flex;flex-direction:column;flex:1;background-color:#015c43;background-image:url(../images/bg-landscape.png);background-size:cover;background-position:left center;background-repeat:no-repeat;position:relative;width:50vw}
   .ui-right{display:flex;flex-direction:column;width:50vw;overflow-y:auto;overflow-x:hidden;min-height:0}
   
/* =====================
   Branding
   ===================== */
   
   /* Hero */
   .ui-hero{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1}
   .ui-hero .ui-centered{text-align:center;margin:0 3.125rem}
   .ui-hero .ui-logo{margin:0 auto .5rem;max-width:100%;max-height:100%;height:5.625rem;width:auto;display:block}
   
/* =====================
   Footer
   ===================== */
   
   .ui-footer{font-size:.75rem;display:block;text-align:center;padding:2rem 0}
   
/* =====================
   Form
   ===================== */
   
   .ui-form{display:flex;flex-direction:column;justify-content:center;width:350px;margin:0 auto;padding-top:2rem;flex-grow:1}
   .ui-form h1{font-size:2.25rem;font-weight:500;line-height:2.75rem;color:var(--ui-primary);margin-bottom:2rem}
   .ui-form label{color:var(--ui-text-secondary)!important;max-width:100%;text-overflow:ellipsis}
   .ui-form .form-floating>.form-control~label::after,.ui-form .form-floating>.form-select~label::after{background:none!important}
   .ui-form .form-control,.ui-form .form-select{font-size:.875rem!important;border-radius:.5rem!important;color:var(--ui-text-primary)!important;background-color:var(--ui-component)!important;border-color:var(--ui-border)!important;transition:border-color .3s!important}
   .ui-form .form-control:hover,.ui-form .form-select:hover{border-color:var(--ui-border-hover)!important}
   .ui-form .form-control:focus,.ui-form .form-select:focus{border-color:var(--ui-border-focus)!important;box-shadow:inset 0 0 0 .0625rem var(--ui-border-focus)!important}
   .ui-form .form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--ui-component) inset!important;box-shadow: 0 0 0 1000px var(--ui-component) inset!important;-webkit-text-fill-color: var(--ui-text-primary)!important;border-color:var(--ui-border)!important;background-color:var(--ui-component)!important}
   .ui-form .form-control:disabled,.ui-form .form-select:disabled{background-color:var(--ui-component)!important;border-color:var(--ui-border-disabled)!important;color:var(--ui-text-disabled)!important;opacity:1!important}
   .ui-form .form-control.is-invalid,.ui-form .was-validated .form-control:invalid,.ui-form .form-select.is-invalid,.ui-form .was-validated .form-select:invalid{border-color:var(--ui-error)!important;box-shadow:none!important}
   .ui-form .form-floating>:disabled~label{color:var(--ui-text-disabled)!important}
   .ui-form .btn{font-family:'Poppins',sans-serif!important;font-size:1rem!important;font-weight:500!important;width:100%!important;min-height:2.75rem!important;padding:.5rem 1rem!important;border-radius:.5rem!important;transition:background-color.3s!important}
   .ui-form .btn-primary{background-color:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:var(--ui-primary-text)!important}
   .ui-form .btn-primary:hover,.ui-form .btn-primary:focus{background-color:var(--ui-primary-hover)!important;border-color:var(--ui-primary-hover)!important}
   .ui-form .btn-primary:active{background-color:var(--ui-primary-active)!important;border-color:var(--ui-primary-active)!important}

   .ui-form .btn-outline-primary{color:var(--ui-primary)!important;border-color:var(--ui-primary)!important;background:none!important}
   .ui-form .btn-outline-primary:hover,.ui-form .btn-outline-primary:focus{color:var(--ui-primary-hover)!important;border-color:var(--ui-primary-hover)!important}
   .ui-form .btn-outline-primary:active{color:var(--ui-primary-active)!important;border-color:var(--ui-primary-active)!important}

   .ui-form .btn:disabled{background-color:var(--ui-component-disabled)!important;border-color:var(--ui-component-disabled)!important;color:var(--ui-text-disabled)!important;opacity:1!important}  
   .ui-form .invalid-feedback{font-size:.75rem;color:var(--ui-error);font-style:italic;margin-top:.5rem}
   .ui-form .form-select:valid,.ui-form .form-select:invalid{--bs-form-select-bg-icon:none!important}
   .ui-form .form-control:valid,.ui-form .form-control:invalid{background-image:none!important}
   .ui-form .ui-upload label[for="attachment"]{font-size:14px!important;cursor:pointer;background-color:var(--ui-base)!important;border-color:var(--ui-base)!important;color:var(--ui-base-text)!important}
   .ui-form .ui-upload label[for="attachment"]:hover{background-color:var(--ui-base-hover)!important;border-color:var(--ui-base-hover)!important}
   .ui-form .ui-upload .form-control{cursor:pointer;color:var(--ui-text-primary)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;text-overflow:ellipsis}
   .ui-form .ui-upload .form-control:hover,.ui-form .ui-upload .form-control:focus{border-color:var(--ui-border)!important;box-shadow:none!important}
   .ui-form .ui-upload .form-control::placeholder{color:var(--ui-text-secondary)!important}

/* =====================
   Media Queries
   ===================== */
   @media (max-width: 1399px) {
      /* Containers */
      .ui-left{background-image:url(../images/bg-portait.png)}
   }
   @media (max-width: 991px) {
      /* Form */
      .ui-form{width:300px}
   }
   @media (max-width: 767px) {
      /* General */
      html,body{overflow:auto}

      /* Containers */
      .ui-wrapper{flex-direction:column}
      .ui-left{flex:none;text-align:center;width:100vw;background-image:url(../images/bg-mobile.png)}
      .ui-right{width:100vw;padding:0;overflow:visible;flex-grow:1}

      /* Form */
      .ui-form{width:auto;margin:0 2rem}

      /* Hero */
      .ui-hero .ui-centered{padding:2rem 0}
      .ui-hero .ui-logo{margin:0;height:3.125rem}
   }