img {
vertical-align: middle;
border-style: none;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-fluid, .img-thumbnail {
max-width: 100%;
height: auto;
}
body {
font-family: "Roboto", sans-serif;
background-color: #ffffff4f;
line-height: 1.42857143;
overflow-x: hidden;
overflow-y: auto;
}
p {
color: #b3b3b3;
font-weight: 300; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Roboto", sans-serif; }
a {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
a:hover {
text-decoration: none !important; }
.content {
padding: 7rem 0; }
h2 {
font-size: 20px; }
.half, .half .container > .row {
min-height: 100vh;
/* min-height: 700px; */
}
@media (max-width: 991.98px) {
.half .bg {
height: 200px; } }
.half .contents {
background: #f6f7fc; }
.half .contents, .half .bg {
width: 50%;
}
@media (max-width: 1199.98px) {
.half .contents, .half .bg {
width: 100%; } }
.half .contents .form-control, .half .bg .form-control {
border: none;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgb(232 240 254);
border-radius: 4px;
height: 54px;
background: #fff;
font-size: 16px;
font-weight: 500;
}
.half .contents .form-control:active, .half .contents .form-control:focus, .half .bg .form-control:active, .half .bg .form-control:focus {
outline: none;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.password-field-wrap {
position: relative;
display: block;
}
.password-field-wrap .form-control {
width: 100%;
padding-right: 16px;
}
.password-field-wrap.has-value .form-control {
padding-right: 48px;
}
.password-field-wrap .toggle-password {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 54px;
border: none;
background: transparent;
color: #666;
padding: 0;
margin: 0;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
z-index: 2;
}
.password-field-wrap.has-value .toggle-password {
display: flex;
}
.password-field-wrap .toggle-password i {
font-size: 16px;
line-height: 1;
display: block;
}
.password-field-wrap .toggle-password:focus {
outline: none;
}
.half .bg {
background-size: cover;
background-position: center; }
.half a {
color: #888;
text-decoration: underline; }
.half .btn-violet {
background: #6c63ff;
box-shadow: 1px 2px 3px rgb(108 99 255);
border: 1px solid #6c63ff;
color: #fff;
font-size: .875rem;
text-transform: uppercase;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
will-change: box-shadow,transform;
}
.half .btn {
height: 54px;
padding-left: 30px;
padding-right: 30px; 
}
.half .forgot-pass {
position: relative;
top: 2px;
font-size: 14px; }
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 14px; }
.control .caption {
position: relative;
top: .2rem;
color: #888; }
.control input {
position: absolute;
z-index: -1;
opacity: 0; }
.control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
border-radius: 4px; }
.control--radio .control__indicator {
border-radius: 50%; }
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #ccc; }
.control input:checked ~ .control__indicator {
background: #fb771a; }
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
background: #fb8633; }
.control input:disabled ~ .control__indicator {
background: #e6e6e6;
opacity: 0.9;
pointer-events: none; }
.control__indicator:after {
font-family: 'icomoon';
content: '\e5ca';
position: absolute;
display: none;
font-size: 16px;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
.control input:checked ~ .control__indicator:after {
display: block;
color: #fff; }
.control--checkbox .control__indicator:after {
top: 50%;
left: 50%;
margin-top: -1px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b; }
.control--checkbox input:disabled:checked ~ .control__indicator {
background-color: #7e0cf5;
opacity: .2; }
.text-danger {
color: #dd4b39;
}
.form-group.has-error .form-control {
border: 1px solid #dd4b39;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
}
input {
line-height: normal;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input, select {
vertical-align: middle;
}
select, input, textarea {
font: 99% sans-serif;
}
button, input, select, textarea {
margin: 0;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control {
border-radius: 4px;
border: 1px solid #7e8993;
background: transparent;
}
.form-control {
border-radius: 0;
}
.form-control:not(select) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button, input[type=submit], input[type=button], [role=button] {
--fs-btn-padding-x: 0.375rem;
--fs-btn-padding-y: 0.45rem;
--fs-btn-border-width: 1px;
--fs-btn-border-color: #0dcaf0;
--fs-background-color: #0dcaf0;
--fs-btn-color: var(--fs-text-color);
--fs-btn-border-radius: 4px;
--fs-btn-disabled-opacity: 0.65;
--fs-btn-focus-box-shadow: 0 0 0 0.25rem rgb(var(--fs-btn-focus-shadow-rgb) 0.5);
display: inline-block;
padding: var(--fs-btn-padding-y) var(--fs-btn-padding-x);
border: var(--fs-btn-border-width) solid var(--fs-btn-border-color);
border-radius: var(--fs-btn-border-radius);
background-color: var(--fs-background-color);
box-shadow: var(--fs-btn-box-shadow);
color: var(--fs-btn-color);
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-block {
display: block;
width: 100%;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
color: #dd4b39;
background-color: #f2dede;
border-color: #ebccd1
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
.alert-danger,
.alert-error {
border: 0;
border-left: 5px solid #e7505a;
color: black !important
}
.alert-success {
  border: 0;
  border-left: 5px solid #00a65a;
  color: black !important
}
.navbar-brand img {
  height: 42px;
  width: auto;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-group-sm .btn, .btn-group-sm .custom-file-control:before, .btn-group-sm>.btn, .btn-group-sm>.custom-file-control:before, .btn-sm.custom-file-control:before, .btn.btn-sm {
    padding: .40625rem .5rem;
    line-height: 1.5;
    border-radius: .0625rem;
    font-size: .8125rem;
}
nav .nav-btn button {
  border: none;
  outline: transparent;
  border-radius: 0.5rem;
  background: #6c26d7;
  color: #ffffff;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
}
.btn-violet {
  background: #6c63ff;
  color: #fff;
}
.text-white {
  color: #fff !important;
}
.text-white {
  color: #fff !important;
}
.start-header {
  padding: 0;
  box-shadow: 0 1px 1px 0 rgba(138, 155, 165, 0.15);
}
.navigation-wrap {
  z-index: 1000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.start-header {
  opacity: 1;
  transform: translateY(0);
  padding: 10px 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn:active:hover , .btn:active:focus  , button:is([aria-current], :hover, :active, :focus) {
  color: rgba(0, 0, 0, .87);
  background-color: hsla(0, 0%, 60%, .4);
  border-color: hsla(0, 0%, 60%, .4);
  box-shadow: none;
}
.btn:active:hover a , .btn:active:focus a{
  color: rgba(0, 0, 0, .87) !important;
}