@import url('https://fonts.googleapis.com/css?family=Oswald|Rubik');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body {
  background: linear-gradient(58deg, rgba(102,199,144,1) 0%, rgba(136,78,166,1) 70%);
  background-attachment: fixed;
  font-family: 'Rubik', sans-serif;
}

.main-nav {
  min-height: 70px;
  vertical-align: middle;
  background-color: white;
  padding-bottom: 10px;
}

.navbar-logo {
  padding: 0;
  margin-left: 50px;
}

.menu-nav > ul {
  position: absolute;
  right: 10px;
  font-family: 'Oswald', sans-serif;
}

.menu-nav > ul > li > a {
  font-family: "Inter";
  color: #6164c2 !important;
  font-size: 1.3em;
}

.menu-nav > ul > li:hover > a {
  color: #787cea !important;
}

.layout {
  width: 100%;
  padding-top: 60px;
  align-items: center;
}

.layout-form {
  padding-left: 60px;
  padding-top: 20px;
}

.layout-items {
  padding: 20px;
  color: white;
  margin-top: 50px;
}

.layout-items > ul {
  margin-top: 20px;
  margin-left: -20px;
}

.layout-items > ul > li {
  margin: 6px 0;
  font-size: 1.3em;
}

.card {
  margin: 20px;
}

.card > h4 {
  text-align: center;
  margin-bottom: 20px;
}

.input-group {
  margin: 12px 0;
}

.input-group > .input-group-prepend > .input-group-text {
  border-right: none;
  background: white;
  width: 40px;
}

.input-group > .form-control {
  border-left: none;
}

.form-check {
  margin: 0 20px;
}

.form-check-label {
  margin-bottom: 12px;
}

.form-check-label > a {
  color: #444;
  font-size: 0.9em;
}

.btn {
  width: 100%;
  background-color: #884ea6;
  border-color: #884ea6;
}

.btn-regular {
  width: 100%;
  background-color: #fff;
  border: 1px solid lightgray;
  border-radius: .25rem;
  vertical-align: middle;
}

.btn-regular:hover {
  cursor: pointer;
}

 .btn:hover {
  background-color: #a45ec9;
  border-color: #a45ec9;
}

.btn:active, .btn:focus, .btn:disabled {
  background-color: #884ea6 !important;
  border-color: #884ea6 !important;
  box-shadow: none !important;
}

.swal2-styled {
  background-color: #66c790 !important;
  border-color: #66c790 !important;
  box-shadow: none !important;
}

footer {
  width: 100%;
  color: white;
  font-size: 0.8em;
  padding: 4px;
  text-align: center;
  background-color: #2940a4;
  bottom: 0;
  position: fixed;
}

.invalid-input, .invalid-input .input-group-text, .invalid-input .form-control {
  border-color: red !important;
  color: red !important;
}

.invalid-input .form-control::placeholder {
  color: red;
}

.pass-show {
  cursor: pointer;
}

input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ced4da !important;
}

.center-image {
  position: absolute;
  width: 600px;
  height: 300px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.center-image > img {
  width: 100%;
}

p {
  font-size: 0.9em;
}

.link {
  color: #3175c9;
  text-align: center;
  width: 100%;
  padding-top: 10px;
  margin: 0 20px;
}

/* RESPONSIVIDADE MOBILE */

@media (max-width: 575px) {
  body {
    min-width: 0;
  }
  
  .layout-form {
    padding: 0;
    width: 100%;
  }
  
  .menu-nav > ul {
    position: relative;
    right: 0;
  }
  
  .navbar-logo {
    margin-left: 0;
  }
  
  .layout {
    margin: 0;
    padding-top: 0;
  }
  
  .layout-items {
    margin-top: 0;
  }
  
  #input-6 {
    text-decoration: underline;
  }
}

.disabled {
    pointer-events:none;
    opacity:0.6;
    color: #AAA;
}

.disabled:hover {
    pointer-events:none;
    opacity:0.6;
    color: #AAA;
}

.custom-title {
  font-family: "Inter";
}