:root {
      --cor-amarelo: #ffef00;
      --cor-branco: #ffffff;
      --cor-preto: #242424;
      --cor-vermelho: #b50000;
      --blue: #4e73df;
      --indigo: #6610f2;
      --purple: #6f42c1;
      --pink: #e83e8c;
      --red: #e74a3b;
      --orange: #fd7e14;
      --yellow: #f6c23e;
      --green: #1cc88a;
      --teal: #20c9a6;
      --cyan: #36b9cc;
      --white: #fff;
      --gray: #858796;
      --gray-dark: #5a5c69;
      --primary: #4e73df;
      --secondary: #858796;
      --success: #1cc88a;
      --info: #36b9cc;
      --warning: #f6c23e;
      --danger: #e74a3b;
      --light: #f8f9fc;
      --dark: #5a5c69;
    }
    div#preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: var(--cor-branco);
      z-index: 99999;
      opacity: 0.9;
    }
    .loader .title {
      color: var(--cor-preto);
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: lighter;
      text-align: center;
      font-family: arial;
    }
    .loader {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top:-50px; 
      margin-left:-50px;
    }
    /*Loader Pin*/
    .loader-pin {
      width: 50px;
      height: 50px;
      display: block;
      margin-bottom: 40px;
      box-sizing: border-box;
      position: relative;
      margin-left: 25px;
    }
    .loader-pin::after {
      content: '';  
      box-sizing: border-box;
      width: 50px;
      height: 50px;
      left: 0;
      bottom: 0;
      position: absolute;
      border-radius: 50% 50% 0;
      border: 12px solid #d91616;
      background-color: #b50000;
      transform: rotate(45deg) translate(0, 0);
      box-sizing: border-box;
      animation: animMarker 0.4s ease-in-out infinite alternate;
    }
    .loader-pin::before {
      
      content: '';  
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top:150%;
      width: 24px;
      height: 4px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2);
      animation: animShadow 0.4s ease-in-out infinite alternate;
    }
    @keyframes animMarker {
      0% {
        transform: rotate(45deg) translate(5px, 5px);
      }
      100% {
        transform: rotate(45deg) translate(-5px, -5px);
      }
    }
    @keyframes animShadow {
      0% {
        transform: scale(0.5);
      }
      100% {
        transform: scale(1.1);
      }
    }
  
  
  
  #loading {
      width: 2rem;
      height: 2rem;
      border: 5px solid #f3f3f3;
      border-top: 6px solid #9c41f2;
      border-radius: 100%;
      margin: auto;
      visibility: hidden;
      animation: spin 1s infinite linear;
  }
  
  #loading.display{
      visibility: visible;
  }
   
  .breadcrumbs-titulo{
    color: #F14029
  }
  .breadcrumbs-subtitulo{
    color: #858796
  }


.list{
  position: relative;
  background: #fff;
}

.list h4{
  background: #4e73df;
  color: #fff;
  padding: 5px 20px;
  font-weight: 600;
}

.list h6{
  background: #4e73df;
  color: #fff;
  padding: 5px 20px;
  font-weight: 600;
}

.list ul{
  position: relative;
  padding: 20px;
}

.list ul li{
  position: relative;
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /*display: flex;*/
}

.list .list-check-table ul li{
  position: relative;
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}


.list li div {
  display: table-cell;
  outline: 0px solid red;
}

.list ul li:last-child{
  border-bottom: none;
}

.list ul li label{
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.list ul li label input{
  visibility: hidden;
  appearance: none;
}

.list ul li label p{
  position: absolute;
}

.list ul li label span{
  position: relative;
  width: 20px;
  height: 20px;
   border: 1px solid #ccc; 
  /* border: 1px solid #b50000; */

  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list ul li label span:before{
  content: '';
  position: absolute;
  top: 5px;
  width: 10px;
  height: 5px;
   border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc; 
  /* border-left: 2px solid #b50000;
  border-bottom: 2px solid #b50000;  */
  transform: rotate(-40deg);
}

/*
.list ul li label input:checked ~ p {
   color: #ccc; 
  font-weight: bold;
  font-size: 0.9rem;
}
*/

.other:has(input[type="checkbox"]:checked){
  /*background-color:black;
  color:red;
  */
}

.list ul li label input:checked ~ span {
  /* background: #4e73df;
  border: 1px solid #4e73df; */
  background: #19b746;
  border: 1px solid #19b746;
}

.list ul li label input:checked ~ span::before {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;  
}





.first {
  overflow: hidden;
  white-space: nowrap;
}

.card span{
  font-size: 1.2em;
  margin-left: 1rem;
}

.link_login:hover{
  color: #EF7320;
}











  @keyframes spin{
      from {
          transform: rotate(0deg);
      }
      to{
          transform: rotate(360deg);
      }
  }