@charset "UTF-8";
@import url('https://cdn.fronnti.com.br/assets/css/includes/many.css?v=1.0.0');
@import url('https://cdn.fronnti.com.br/assets/css/includes/many2.css?v=1.0.0');


/**** MARGINS + PADDINGS ****/
.mr-xs{margin-right:3px !important} 
.mr-sm{margin-right:5px !important} 
.mr-md{margin-right:10px !important} 
.mr-lg{margin-right:15px !important} 

.ml-xs{margin-left:3px !important} 
.ml-sm{margin-left:5px !important} 
.ml-md{margin-left:10px !important} 
.ml-lg{margin-left:15px !important}

.mt-xs{margin-top:3px !important} 
.mt-sm{margin-top:5px !important} 
.mt-md{margin-top:10px !important} 
.mt-lg{margin-top:15px !important} 

.mb-xs{margin-bottom:3px !important} 
.mb-sm{margin-bottom:5px !important} 
.mb-md{margin-bottom:10px !important} 
.mb-lg{margin-bottom:15px !important} 
.mb-lgg{margin-bottom:25px !important} 

.ma-xs{margin:3px !important} 
.ma-sm{margin:5px !important} 
.ma-md{margin:10px !important} 
.ma-lg{margin:15px !important} 

.pr-xs{padding-right:3px !important} 
.pr-sm{padding-right:5px !important} 
.pr-md{padding-right:10px !important} 
.pr-lg{padding-right:15px !important} 

.pl-xs{padding-left:3px !important} 
.pl-sm{padding-left:5px !important} 
.pl-md{padding-left:10px !important} 
.pl-lg{padding-left:15px !important}

.pt-xs{padding-top:3px !important} 
.pt-sm{padding-top:5px !important} 
.pt-md{padding-top:10px !important} 
.pt-lg{padding-top:15px !important}

.pb-xs{padding-bottom:3px !important} 
.pb-sm{padding-bottom:5px !important} 
.pb-md{padding-bottom:10px !important} 
.pb-lg{padding-bottom:15px !important}

.pa-xs{padding:3px !important} 
.pa-sm{padding:5px !important} 
.pa-md{padding:10px !important} 
.pa-lg{padding:15px !important} 

.np{padding:0 !important}
.npl{padding-left:0 !important}
.npr{padding-right:0 !important}
.npb{padding-bottom:0 !important}
.npt{padding-top: 0 !important}

.nmr{margin-right:0 !important}
.nml{margin-left:0 !important}
.nmt{margin-top:0 !important}
.nmb{margin-bottom:0 !important}
.nm{margin:0 !important}

.border-minus{border:1px solid #e8e8e8 !important}
.border-ccc{border:1px solid #ccc !important}

.bt-xs{border-top:1px solid #ccc !important}
.bb-xs{border-bottom:1px solid #ccc !important}
.bl-xs{border-left:1px solid #ccc !important}
.br-xs{border-right:1px solid #ccc !important}

.nbr{border-right: 0 !important; }
.nbl{border-left:0 !important}
.nbt{border-top:0 !important}
.nbb{border-bottom:0 !important}
.nba{border:0 !important}

.bra-xs{border-radius: 2px}
.bra-sm{border-radius: 4px}
.bra-md{border-radius: 6px}
.bra-lg{border-radius: 8px}

.ba-xs{border:1px solid #ccc !important}


.border-top-dedede {border-top: 1px solid #dedede;}
.border-left-dedede {border-left: 1px solid #dedede;}
.border-right-dedede {border-right: 1px solid #dedede;}
.border-bottom-dedede {border-bottom: 1px solid #dedede;}


.np-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.np-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



/* CLASSES QUE FUNCIONAM SOMENTE NO MOBILE */
@media (max-width: 768px) {

  /* PADDINGS */
  .np-xs {padding:0 !important}
  .npl-xs {padding-left:0 !important}
  .npr-xs {padding-right:0 !important}
  .npb-xs {padding-bottom:0 !important}
  .npt-xs {padding-top: 0 !important}
  .np-x-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .np-y-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* MARGINS */
  .nm-xs {margin:0 !important}
  .nml-xs {margin-left:0 !important}
  .nmr-xs {margin-right:0 !important}
  .nmb-xs {margin-bottom:0 !important}
  .nmt-xs {margin-top: 0 !important}
  .nm-x-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .nm-y-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

} /* width max 767 */




/* CLASSES QUE FUNCIONAM SOMENTE NO DESKTOP */
@media (min-width: 769px) {

  /* PADDINGS */
  .np-lg {padding:0 !important}
  .npl-lg {padding-left:0 !important}
  .npr-lg {padding-right:0 !important}
  .npb-lg {padding-bottom:0 !important}
  .npt-lg {padding-top: 0 !important}
  .np-x-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .np-y-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* MARGINS */
  .nm-lg {margin:0 !important}
  .nml-lg {margin-left:0 !important}
  .nmr-lg {margin-right:0 !important}
  .nmb-lg {margin-bottom:0 !important}
  .nmt-lg {margin-top: 0 !important}
  .nm-x-lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .nm-y-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

} /* width min 769px */



/* CORES */
.yellow {color:#c09853 !important}
.white {color:#ffffff !important}
.black {color:#000000 !important}
.green {color:#00a859 !important}
.grey {color:#555555 !important}
.blue {color:#3276b1 !important}
.red {color:#dc3545 !important}

.yellow-hover:hover {color:#c09853 !important}
.white-hover:hover * {color:#ffffff !important}
.black-hover:hover * {color:#000000 !important}
.green-hover:hover * {color:#00a859 !important}
.blue-hover:hover * {color:#3276b1 !important}
.red-hover:hover * {color:#dc3545 !important}


/* BACKGROUNDS */
.bg-yellow {background-color:#c09853 !important}
.bg-white {background-color:#ffffff !important}
.bg-green {background-color:#00a859 !important}
.bg-black {background-color:#000000 !important}
.bg-grey {background-color:#474544 !important}
.bg-blue {background-color:#3276b1 !important}
.bg-info {background-color:#0097bc !important}
.bg-red {background-color:#dc3545 !important}

.bg-light-grey, .bg-grey-light {background-color:#dcdcdc !important}

.bg-transparent {
	background-color: transparent !important;
	background-image: none !important;
}

.img-pb {
  filter: grayscale(100%);
}

[hidden] {
  display: none;
}


/* CLASSES QUE FUNCIONAM SOMENTE NO DESKTOP */
@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}


@media (min-width: 769px) {
  .hidden-lg {
    display: none !important;
  }
}

/* BACKGROUNDS: HOVER */
.bg-white-hover:hover {background-color: #ffffff !important}
.bg-green-hover:hover {background-color: #00a859 !important}
.bg-black-hover:hover {background-color: #000000 !important}
.bg-grey-hover:hover {background-color:#474544 !important}
.bg-red-hover:hover {background-color:#dc3545 !important}
.bg-grey-light-hover:hover {background-color:#cecece !important}
.bg-transparent-hover:hover {
	background-color: transparent !important;
	background-image: none !important;
}

.bg-none,
.background-none {background:none !important}
 

/* BALAO DE NOTIFICACOES */
.iziToast-wrapper,
[data-notify="container"] {
  z-index: 999999 !important;
}


.grayscale-hover-80:hover img,
img.grayscale-hover-80:hover {
  filter: grayscale(80%) !important;
}



/* OPACIDADE */
.opacity-0 {opacity: 0 !important}
.opacity-10 {opacity: .10}
.opacity-15 {opacity: .15}
.opacity-20 {opacity: .20}
.opacity-25 {opacity: .25}
.opacity-30 {opacity: .30}
.opacity-35 {opacity: .35}
.opacity-40 {opacity: .40}
.opacity-45 {opacity: .45}
.opacity-50 {opacity: .50}
.opacity-55 {opacity: .55}
.opacity-60 {opacity: .60}
.opacity-65 {opacity: .65}
.opacity-70 {opacity: .70}
.opacity-75 {opacity: .75}
.opacity-80 {opacity: .80}
.opacity-85 {opacity: .85}
.opacity-90 {opacity: .9}
.opacity-100 {opacity: 1}

/* OPACIDADE ON HOVER */
.opacity-hover-0:hover {opacity: 0}
.opacity-hover-10:hover {opacity: .10}
.opacity-hover-15:hover {opacity: .15}
.opacity-hover-20:hover {opacity: .20}
.opacity-hover-25:hover {opacity: .25}
.opacity-hover-30:hover {opacity: .30}
.opacity-hover-35:hover {opacity: .35}
.opacity-hover-40:hover {opacity: .40}
.opacity-hover-45:hover {opacity: .45}
.opacity-hover-50:hover {opacity: .50}
.opacity-hover-55:hover {opacity: .55}
.opacity-hover-60:hover {opacity: .60}
.opacity-hover-65:hover {opacity: .65}
.opacity-hover-70:hover {opacity: .70}
.opacity-hover-75:hover {opacity: .75}
.opacity-hover-80:hover {opacity: .80}
.opacity-hover-85:hover {opacity: .85}
.opacity-hover-90:hover {opacity: .9}
.opacity-hover-100:hover {opacity: 1}


.text-weight-100 {font-weight: 100 !important}
.text-weight-200 {font-weight: 200 !important}
.text-weight-300 {font-weight: 300 !important}
.text-weight-400 {font-weight: 400 !important}
.text-weight-500 {font-weight: 500 !important}
.text-weight-600 {font-weight: 600 !important}
.text-weight-700 {font-weight: 700 !important}
.text-weight-800 {font-weight: 800 !important}
.text-weight-900 {font-weight: 900 !important}

.cursor-move {cursor: move !important}
.cursor-pointer {cursor: pointer !important}
.cursor-grabbing {cursor: grabbing !important}

.pos-rel,
.pos-relative,
.position-relative
{position: relative !important}

.pos-abs,
.pos-absolute,
.position-absolute
{position: absolute !important}


.vertical-middle {vertical-align:middle !important}
.overflow-visible {overflow: visible !important }
.display-inline-block {display: inline-block !important}
.display-flex, .flex {display: flex !important}

.display-table {display: table !important}
.display-table-cell {display: table-cell !important}

.text-muted2 {color: #d1d3d5 !important}
.text-uppercase {text-transform: uppercase !important}
.text-lowercase {text-transform: lowercase !important}
.text-capitalize {text-transform: capitalize !important}

.texto-sublinhado,
.text-decoration-underline {text-decoration: underline !important;}

.texto-sublinhado-hover:hover,
.text-decoration-underline-hover:hover {text-decoration: underline;}
.text-align-last {text-align-last: center !important;}



/* ALERT DE CONFIRMACÃO IZITOAST */
.btn-notificacao-sim {
	color: #ffffff !important;
	background-color: rgb(32 191 216) !important;
	outline: none !important;
}
.btn-notificacao-sim:hover {
	background-color: rgb(26 149 169) !important;
}


.btn-notificacao-nao {
	color: #ffffff !important;
	background-color: rgba(0, 0, 0, 0.7) !important;
	outline: none !important;
}
.btn-notificacao-nao:hover {
	background-color: rgba(0, 0, 0, 1) !important;
}





.line-height-1 {line-height: 1 !important}
.line-height-1-1 {line-height: 1.1 !important}
.line-height-1-2 {line-height: 1.2 !important}
.line-height-1-3 {line-height: 1.3 !important}
.line-height-1-4 {line-height: 1.4 !important}
.line-height-1-5 {line-height: 1.5 !important}
.line-height-1-6 {line-height: 1.6 !important}
.line-height-1-7 {line-height: 1.7 !important}
.line-height-1-8 {line-height: 1.8 !important}
.line-height-1-9 {line-height: 1.9 !important}
.line-height-2 {line-height: 2 !important}