body.light {
  background-color: rgba(248, 249, 250, 1);
  color: rgba(103, 107, 111, 1);
}

/* Btn */
.light .btn {
  color: rgba(250, 250, 255, 1);
  border: 1px solid rgba(0, 198, 248, 1);
  background: rgba(0, 198, 248, 1);
}

.light .btn:hover {
  border: 1px solid #00b2df;
  background: #00b2df;
}

.light .btn:active {
  border: 1px solid #32d1f9;
  background: #32d1f9;
}

/* Btn Danger */
.light .btn-danger {
  background: #d01627;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #d01627;
}

.light .btn-danger:hover {
  background: #bb1323;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #bb1323;
}

.light .btn-danger:active {
  background: #d42d3c;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #d42d3c;
}

/* Btn Success */
.light .btn-success {
  background: #38b000;
  color: #fff;
  border: 1px solid #38b000;
}

.light .btn-success:hover {
  background: #329e00;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #329e00;
}

.light .btn-success:active {
  background: #4bb719;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #4bb719;
}

.light .loader {
  border: 6px solid rgba(33, 33, 47, 1);
  border-bottom: 6px solid rgba(0, 198, 248, 1);
}

.light .change-theme {
  color: rgba(100, 100, 120, 1);
}

.light .form-control,
.light .form-select {
  color: rgba(100, 100, 120, 1);

  box-shadow: 0px 0px 10px 0px rgba(220, 220, 230, 0.4);
}

.light .form-control::placeholder {
  color: rgba(133, 137, 141, 1);
}

/* menu */
.light .menu {
  background-color: rgba(235, 235, 235, 1);
  border-right: 1px solid rgba(230, 230, 247, 1);
}

.light .menu ul li a {
  color: rgba(100, 100, 120, 0.7);
}

.light .menu ul li a:hover,
.light .menu ul li a.active {
  background-color: rgba(33, 33, 47, 1);
  color: rgba(250, 250, 255, 1);
  border-radius: 0.375rem;
  border-color: rgb(0, 198, 248);
}

.light .menu ul li a.active::before {
  font-family: "bootstrap-icons";
  content: "\f138";
  margin-right: 4px;
}

.light .menu ul li hr.divider {
  padding: 0px 8px;
  background-color: gray;
}

/* Navbar-tools */
.light .navbar-tools {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(230, 230, 247, 1);
}

.light .navbar-tools .collapse-options {
  background: rgba(248, 249, 250, 1);
}

.light .navbar-tools ul li a {
  color: rgba(100, 100, 120, 1);
}

.light .navbar-tools li a {
  color: rgba(100, 100, 120, 1);
  text-decoration: none;
}

.light .navbar-tools li a:hover,
.light .navbar-tools li a.active {
  color: rgba(33, 33, 37, 1);
  text-decoration: none;
}

.light .navbar-tools .toggle-options.active,
.light .navbar-tools .toggle-options:hover {
  color: black;
}

.light .hamburguer span {
  background-color: rgba(255, 255, 255, 1);
}

.light .table {
  background: transparent;
  color: rgba(233, 237, 241, 0.85);
  border-color: rgba(33, 33, 41, 0.1);
}

.light .table tr,
.light .table th,
.light .table td {
  background: transparent;
  color: rgba(103, 107, 111, 1);
}

.light table.permissoes-usuarios thead th:nth-child(1) {
  width: 50px;
}

.light button#delete-selected:disabled {
  background-color: rgba(53, 57, 61, 1);
  border: 1px solid rgba(53, 57, 61, 1);
}

.light .custom-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;

  cursor: pointer;
  /* font-size: 22px; */
}

.light .custom-checkbox input {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  opacity: 0;
  cursor: pointer;

  z-index: 2;

  /* border: 1px solid blue; */
}

.light .custom-checkbox input:checked:disabled + .checkmark {
  opacity: 0.3;
}

.light .custom-checkbox .checkmark {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(193, 197, 191, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.light .custom-checkbox:hover input ~ .checkmark {
  background-color: rgba(143, 147, 141, 1);
}

.light .custom-checkbox input:checked ~ .checkmark {
  background-color: rgba(0, 191, 248, 1);
}

.light .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.light .custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.light .custom-checkbox .checkmark:after {
  left: calc(50% - 3.2px);
  top: 2px;
  width: 8px;
  height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.light .dialog-popup {
  background: rgba(210, 210, 210, 0.8);
  color: rgba(103, 107, 111, 1);
}

.light .dialog-popup .dialog-content {
  background: rgba(255, 255, 255, 1);
}

.light .dialog-actions .cancelar {
  color: rgba(103, 107, 111, 1);
}

.light .dialog-actions .cancelar:hover {
  color: rgba(0, 0, 0, 0.8);
}

.light #file-manager {
  background: rgba(235, 235, 235, 1);
}

.light #file-manager .file-manager-wrapper .folders {
  background: rgba(235, 235, 235, 1);
}

.light #file-manager .file-manager-wrapper .folders ul li:nth-child(2) {
  border-top: 1px solid rgba(235, 235, 235, 1);
}

.light #file-manager .file-manager-wrapper .folders ul li + li {
  border-top: 1px solid rgba(43, 47, 51, 1);
}

.light #file-manager .file-manager-wrapper .folders ul li button {
  color: rgb(0, 193, 241);
  border: 0px solid rgb(0, 193, 241);
}

.light .pagination li {
  display: flex;

  background-color: rgba(53, 57, 61, .2);
  border-radius: 2px;
}

.light .pagination li a {
  color: rgba(103, 107, 101, 1);
  text-decoration: none;
}

.light .pagination li a:hover {
  color: rgba(233, 237, 241, 1);
}

.light .pagination li.active a {
  color: #fff;
  background-color: #00b2df;
  border-radius: 2px;
  font-weight: 700;
}

.light .pagination li.active a {
  color: #fff;
  background-color: #00b2df;
  border-radius: 2px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .light .navbar-tools {
    background-color: rgba(248, 249, 250, 1);
  }

  .light #file-manager .file-manager-wrapper .folders {
    background: rgba(235, 235, 235, 1);
  }
}

.light .list-group-item a {
  text-decoration: none;
}
