/* To override Limitless variables, make sure they are marked with !default in \limitless\layouts\layout_1\default\variables\variables-core */
.k-switch .k-rounded-full {
  border-radius: 9999px;
}

.btn [class^="icon-"],
.btn [class*=" icon-"] {
  line-height: 1.1 !important;
}

.k-icon-button > .k-button-icon {
  min-height: unset !important;
}

.k-toolbar .k-input {
  width: 15em !important;
}

.navbar-dark {
  background-color: #263238 !important;
}

.wrapper {
  width: 100%;
  height: 100%;
  background-color: #263238;
  margin: 0 auto;
}

.wrapper .container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  position: relative;
  z-index: 1;
}

.wrapper .container .loginContainer {
  width: 450px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  padding: 50px 50px 30px 50px;
}

.wrapper .container .loginContainer .title {
  text-align: center;
  width: 100%;
  display: block;
  font-weight: bold;
}

.wrapper .container .loginContainer .loginForm,
.wrapper .container .loginContainer .resetPasswordForm {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wrapper .container .loginContainer .loginForm .modelError ul,
.wrapper .container .loginContainer .resetPasswordForm .modelError ul {
  list-style: none;
  padding-left: 5px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper {
  width: 100%;
  z-index: 1;
  margin-bottom: 16px;
  position: relative;
  font-size: 18px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .text-danger,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .text-danger {
  font-size: 15px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer {
  height: unset !important;
  padding-left: 0px !important;
  display: flex;
  align-items: center;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .inputControl.checkbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .inputControl.checkbox {
  min-width: 20px;
  height: 20px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .inputControl.button,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .inputControl.button {
  font-weight: bold;
  width: 100%;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer {
  display: flex;
  justify-content: left;
  min-width: 100%;
  height: 62px;
  border-radius: 3px;
  /*
                        .k-textox {
                            border: none;
                            box-shadow: none;
                        }*/
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .inputIcon, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .inputIcon, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .inputIcon,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .inputIcon,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .inputIcon,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .inputIcon {
  font-size: 20px !important;
  color: #686868;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .form-check, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .form-check, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .form-check,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .form-check,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .form-check,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .form-check {
  margin-left: 20px !important;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .form-check-label, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .form-check-label, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .form-check-label,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .form-check-label,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .form-check-label,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .form-check-label {
  padding-left: 10px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .inputControl, .wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .k-textbox, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .inputControl, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .k-textbox, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .inputControl, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .k-textbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .inputControl,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .k-textbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .inputControl,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .k-textbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .inputControl,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .k-textbox {
  line-height: 1.2;
  display: block;
  height: 62px;
  /*border-radius: 3px;*/
  font-size: large;
  border: none;
  box-shadow: none;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .k-checkbox, .wrapper .container .loginContainer .loginForm .inputWrapper .checkboxContainer .k-checkbox, .wrapper .container .loginContainer .loginForm .inputWrapper .buttonContainer .k-checkbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .k-checkbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .checkboxContainer .k-checkbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .buttonContainer .k-checkbox {
  border-radius: 3px;
  min-width: 20px;
  height: 20px;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer {
  background: #e6e6e6;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer input,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer input {
  outline: none;
  border: none;
}

.wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .inputControl.input, .wrapper .container .loginContainer .loginForm .inputWrapper .inputContainer .k-textbox,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .inputControl.input,
.wrapper .container .loginContainer .resetPasswordForm .inputWrapper .inputContainer .k-textbox {
  color: #686868;
  background: unset;
  /*background: #e6e6e6;*/
  padding: 0 10px 0 10px;
  flex-grow: 1;
}

.wrapper .container .loginContainer .loginForm .server-validation-error,
.wrapper .container .loginContainer .resetPasswordForm .server-validation-error {
  margin-top: 0px !important;
  width: 100%;
}

.languageContainer {
  margin-top: 2.5rem;
  text-align: center;
}

.languageContainer .selectLanguageForm * .k-dropdown-wrap {
  /*        background-color: unset;*/
  /*        color: #000;
        border-color: #808080;*/
  width: 30px;
}

.kendoTextBox {
  height: 100%;
}

.kendoDropDown {
  width: unset !important;
}

/*# sourceMappingURL=login.css.map */
