:root {
  font-size: 18px;
}
body {
  font-family: 'Nunito';
  font-size: 1rem;
}

img {
  max-width: 100%;
}
a:focus,
input:focus {
  border-color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.45;
}
.table th,
.table td {
  line-height: 1.75;
}

.btn {
  line-height: 1.45;
}

.font-family-monospace {
  font-family: 'Courier New', Courier, monospace;
}
.font-size-75 {
  font-size: 0.75rem;
}
.bg-lighter {
  background-color: #f7f7f7;
}

.sidebar-folded .page-wrapper .navbar {
  z-index: 1000;
}

.navbar .navbar-content {
  padding-left: 15px;
  padding-right: 15px;
}

.card {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
    0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-width: 0;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opacity-0 {
  opacity: 0 !important;
}
.opacity-1 {
  opacity: 0.2 !important;
}
.opacity-2 {
  opacity: 0.4 !important;
}
.opacity-3 {
  opacity: 0.6 !important;
}
.opacity-4 {
  opacity: 0.8 !important;
}
.opacity-5 {
  opacity: 1 !important;
}

.opacity-3h5 {
  opacity: 0.6 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-3h5:hover {
  opacity: 1 !important;
}
.opacity-0h4 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h4:hover {
  opacity: 0.8 !important;
}
.opacity-0h3 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h2:hover {
  opacity: 0.6 !important;
}
.opacity-0h2 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h2:hover {
  opacity: 0.4 !important;
}
.opacity-0h1 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h1:hover {
  opacity: 0.2 !important;
}

.opacity-0h0 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h0:hover {
  opacity: 0 !important;
}

textarea.form-control {
  line-height: 130%;
}

.table td {
  white-space: normal;
}

.checklist-inline-filter-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-visible-only {
  display: none;
}

.child-checklist-item-assessment {
  margin-top: 0.5rem;
}

.child-checklist-item-assessment button.filled {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.main-content > h4 {
  margin: 0;
  margin-bottom: 1rem;
}

.main-content > h4::before {
  margin: 0;
  height: auto;
}

.internal-title {
  padding: 1rem;
  background: #f7f7f7;
}

.badge {
  padding: 5px 7px;
}

.visible-1024-plus {
  display: block;
}
.visible-1024-less {
  display: none;
}

.title-form {
  flex-direction: column;
}
.title-form .error {
  text-transform: none;
}
.form-control.no-border:focus {
  border: 1px solid #e8ebf1;
}

.questao-fragment {
  color: #aaa;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.67rem;
  text-transform: lowercase;
}

.alternativas-itens {
  font-size: 21.6px;
}
.pendencia-title-stuck {
  position: fixed;
  top: 70px;
  right: 0px;
  padding-left: 6%;
}
.pendencia-items-stuck {
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 60px;
  overflow-y: scroll;
  padding-left: 6%;
}

.z-4000 {
  z-index: 4000;
}
.z-3000 {
  z-index: 3000;
}
.z-2900 {
  z-index: 2900;
}
.z-2800 {
  z-index: 2800;
}
.z-2700 {
  z-index: 2700;
}
.z-2000 {
  z-index: 2000;
}
.z-1900 {
  z-index: 2900;
}
.z-1800 {
  z-index: 1800;
}
.z-1700 {
  z-index: 1700;
}

.z-10 .ql-tooltip,
.z-10 .ql-toolbar {
  z-index: 5020;
}

.z-9 .ql-tooltip,
.z-9 .ql-toolbar {
  z-index: 5019;
}

.z-8 .ql-tooltip,
.z-8 .ql-toolbar {
  z-index: 5018;
}

.z-7 .ql-tooltip,
.z-7 .ql-toolbar {
  z-index: 5017;
}

.z-6 .ql-tooltip,
.z-6 .ql-toolbar {
  z-index: 5016;
}

.z-5 .ql-tooltip,
.z-5 .ql-toolbar {
  z-index: 5015;
}
.z-4 .ql-tooltip,
.z-4 .ql-toolbar {
  z-index: 5014;
}
.z-3 .ql-tooltip,
.z-3 .ql-toolbar {
  z-index: 5013;
}
.z-2 .ql-tooltip,
.z-2 .ql-toolbar {
  z-index: 5012;
}
.z-1 .ql-tooltip,
.z-1 .ql-toolbar {
  z-index: 5011;
}

.cursor-pointer {
  cursor: pointer;
}

.sidebar .sidebar-body .nav.sub-menu {
  padding: 0 0 15px 20px;
}
.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
  margin-left: 22px;
}
.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title {
  margin-left: 21px;
}
.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link::before {
  left: -15px;
}

.modal-panel {
  background: white;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 60px;
  left: 0;
}

ol.upper-alpha-list {
  counter-reset: counter-ordered-alpha-parenthesis;
}
ol.upper-alpha-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
ol.upper-alpha-list li:before {
  content: counter(counter-ordered-alpha-parenthesis, upper-alpha) ') ';
  counter-increment: counter-ordered-alpha-parenthesis;
  margin-right: 5px;
  font-weight: bold;
}

.timeline {
  background: transparent;
  max-width: auto;
  margin-left: 0px;
  padding: 20px;
  border-left: 1px solid var(--secondary);
}

.timeline .event:before {
  left: 0px;
  width: 100px;
  min-width: auto;
  text-align: right;
}
.timeline .event:after {
  left: -24.8px;
  box-shadow: 0 0 0 1px var(--secondary);
  top: 15px;
}

.box-shadow-inset-area {
  box-shadow: 0px 0px 9px -3px #cccc;
  padding: 15px 20px;
  background: #f4f4f4;
  border: 3px solid white;
  margin-top: 50px;
}

.timeline {
  max-width: 100%;
  width: auto;
  margin-right: 200px;
}

.responsive-select {
  width: 320px;
}

@media (min-width: 572px) {
  .child-card {
    min-height: 390px;
  }
}

@media (max-width: 1025px) {
  .checklist-inline-filter-group {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .checklist-inline-filter-group .btn-group {
    margin-bottom: 1rem;
  }

  .mobile-hidden {
    display: none;
  }
  .mobile-visible-only {
    display: block;
  }
  .pendencia-title-stuck {
    left: 0px;
    padding-left: 80px;
    max-width: 100%;
  }
  .pendencia-items-stuck {
    left: 0;
    padding-left: 80px;
    max-width: 100%;
  }
}

@media (min-width: 1030px) {
  .visible-1024-plus {
    display: none;
  }
  .visible-1024-less {
    display: block;
  }
}

@media (max-width: 950px) {
  .fixed-card {
    width: 80%;
    margin-right: 5%;
  }
}
@media (min-width: 960px) {
  .fixed-card {
    position: fixed;
    height: 80%;
    overflow-y: auto;
    width: 30%;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .fixed-card {
    width: 28%;
  }
}
@media (max-width: 767px) {
  .timeline .event {
    padding-top: 0px;
  }

  .responsive-select {
    width: 84px;
  }
}

.react-autosuggest__input {
  width: 100%;
  padding-left: 0.75rem;
}

.border-thin {
  border: 1px;
}

.rdt .form-control[readonly] {
  background-color: white;
}

.desaturate {
  filter: grayscale(100%);
}
.desaturate:hover {
  filter: grayscale(0%);
}

.dot {
  height: 12px;
  width: 12px;
  background-color: #e8ebf1;
  border-radius: 50%;
  display: inline-block;
}

.list-group-item.active {
  background-color: #5f6d88 !important;
  border-color: #5a6780 !important;
}

.border-rounded {
  border-radius: 50%;
}

.symmetric-md-btn {
  line-height: 100%;
  height: 48px;
  width: 48px;
}

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

.hover-btn-light:hover {
  background-color: var(--light);
  border: 1px solid var(--light);
}

.responsible-margin-btn:not(:last-child) {
  margin-right: 1rem;
}

@media only screen and (max-width: 561px) {
  .responsible-margin-btn {
    margin-bottom: 0.8rem;
  }
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.text-danger {
  color: var(--danger);
}

.cursor-default {
  cursor: default !important;
}

.flex-1 {
  flex: 1;
}

.m-s-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.width-100 {
  width: 100%;
}

.bg-blue-hover:hover {
  background-color: #88d2ff;
}

.bg-blue {
  background-color: #5d96ff;
}

.min-vh-50 {
  min-height: 50vh;
}
.swal2-header {
  padding-top: 1.5rem;
}