/* ESTILO PERSONALIZADO */
@import url(https://fonts.googleapis.com/css?family=Raleway:700);



.list-item:hover {
    background-color: #E6E8EB;
    border-radius: 0.5rem;
}

.list-item-br-0:hover {
    background-color: #E6E8EB;
}

.border-gray {
    border-color: gray;
}

.title-statuscode {
    font-family: 'Raleway', sans-serif;
    color: #EE4B5E
}

.subtitle-statuscode {
    font-family: 'Raleway', sans-serif;
    color: #1FA9D6
}

.text-statuscode {
    font-family: 'Raleway', sans-serif;
}
.text-statuscode-md {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}



.text-statuscode-light {
    font-family: 'Raleway', sans-serif;
    color: rgb(141, 148, 152);
}

.text-statuscode-light-md {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: rgb(141, 148, 152);
}

.text-italic {
    font-style: italic;
}

.text-md{
    font-size: 13px;
}

.text-muted{
    color: rgba(0,0,0,.5) !important;
}


.bg-danger-light{
    background-color: rgb(254,237,238);
}


/* COLORS */

.bg-light-gray {
    background-color: #f9fafb !important;
}

.bg-Azul{
    background-color: #1572e8 !important;
}

.bg-Cinza{
    background-color: #6c757d !important;
}

.bg-CinzaClaro{
    background-color: rgba(0,0,0,0.03) !important;
}

.bg-Verde{
    background-color: #31ce36 !important;
}

.bg-AzulClaro{
    background-color: #17a2b8 !important;
}

.bg-Laranja{
    background-color: #ffad46 !important;
}

.bg-Vermelho{
    background-color: #f25961 !important;
}

.bg-Preto{
    background-color: #343a40 !important;
}

.bg-Rosa{
    background-color: pink !important;
}

.bg-Amarelo{
    background-color: rgb(217,217,0) !important;
}

.bg-Roxo {
    background-color: #6861ce !important;
}


.text-Azul{
    color: #1572e8 !important;
}

.text-Cinza{
    color: #6c757d !important;
}

.text-CinzaClaro{
    color: rgba(0,0,0,0.03) !important;
}

.text-Verde{
    color: #31ce36 !important;
}

.text-AzulClaro{
    color: #17a2b8 !important;
}

.text-Laranja{
    color: #ffad46 !important;
}

.text-Vermelho{
    color: #f25961 !important;
}

.text-Preto{
    color: #343a40 !important;
}

.text-Rosa{
    color: pink !important;
}

.text-Amarelo{
    color: rgb(217,217,0) !important;
}

.text-Roxo {
    color: #6861ce !important;
}

label {
    display: block !important;
    margin: 0 0 .28571429rem 0 !important;
    color: rgba(0,0,0,.87) !important;
    font-size: .92857143em !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/*CORES ITELECOM*/

.bg-ocean-gradient {
    background: #1572e8 !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg),#06418e,#1572e8) !important;
    background: linear-gradient(-45deg,#51a4aa,#4b9699) !important;
}

.bg-itelecom-1 {
    background-color: #FF482F;
    color: white;
}

.bg-itelecom-1-gradient {
    background: rgb(255,72,47);
    background: linear-gradient(347deg, rgba(255,72,47,1) 0%, rgba(225,65,43,1) 100%);
    color: white;
}

.bg-itelecom-2 {
    background-color: #D9D9D9;
    color: black;
}

.bg-itelecom-3 {
    background-color: #238C8C;
    color: white;
}

 /* ====================================== BOTÃO PARA REMOVER IMAGEM ====================================== */


  .image-area {
    position: relative;
    width: 100%;
    background: #333;
  }
  .image-area img{
    width: 100%;
    height: 160px;
  }
  .remove-image {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 10em;
  padding: 2px 6px 3px;
  text-decoration: none;
  font: 700 21px/20px sans-serif;
  background: #555;
  border: 3px solid #fff;
  color: #FFF;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
  }
  .remove-image:hover {
   background: #E54E4E;
    padding: 3px 7px 5px;
    top: -11px;
  right: -11px;
  }
  .remove-image:active {
   background: #E54E4E;
    top: -10px;
  right: -11px;
  }
.btn-outline-primary,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-info,
.btn-outline-success,
.btn-outline-secondary {
    border: 1px solid rgba(101, 109, 119, .16) !important;
}