@charset "utf-8";

/* CSS Document */



body[data-sidebar=dark] .navbar-brand-box {background:#FFF !important;}



.auth-full-bg .bg-overlay {

	background: url("../images/bg-auth-overlay.jpg") !important;

	background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important; 

}



.logo-lg img {height:70px;}



.vertical-menu {background:#FFF !important;}

body[data-sidebar=dark] #sidebar-menu ul li a {color:#6a7187;}

body[data-sidebar=dark] #sidebar-menu ul li a:hover {color:#432642;}

body[data-sidebar=dark] #sidebar-menu ul li a:hover i {color:#432642;}

body[data-sidebar=dark] .mm-active .active {color:#432642 !important;}

body[data-sidebar=dark] .mm-active .active i {color:#432642 !important;}

body[data-sidebar=dark] .mm-active>a {color:#432642 !important;}

body[data-sidebar=dark] .mm-active>a i {color:#432642 !important;}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {color:#432642 !important;}



h4 {margin:20px 0;border-bottom:0;padding:0 0 10px 0;}





.no-margin {margin-top:0 !important;margin-bottom:0 !important;}



.ml-0 {margin-left: 0px;}

.ml-1 {margin-left: 2px;}

.ml-2 {margin-left: 4px;}

.ml-3 {margin-left: 6px;}

.ml-4 {margin-left: 8px;}

.ml-5 {margin-left: 10px;}



.mr-0 {margin-right: 0px;}

.mr-1 {margin-right: 2px;}

.mr-2 {margin-right: 4px;}

.mr-3 {margin-right: 6px;}

.mr-4 {margin-right: 8px;}

.mr-5 {margin-right: 10px;}



.width-icon {width:16px;display: inline-table;}





.auth-full-bg {background-color:#3A3A3A !important;}



.auth-logo-dark {width: 70%; margin: 0 15%;}

.auth-logo-light {width: 70%; margin: 0 15%;}



.text-primary {color:#3f2b44 !important;}

.btn-primary {background:#3A3B3A !important;border-color:#3A3B3A !important;}

.btn-noborder-primary {background:#FFF !important;border:0;color:#3A3B3A;}



.btn-secondary {background:#FCEA03 !important;border-color:#FCEA03 !important;color:#3A3A3A;font-weight:bold;border-radius:30px;}

.btn-secondary:hover {background:#3A3A3A !important;border-color:#3A3A3A !important;color:#FCEA03;font-weight:bold;border-radius:30px;}



#tabelas .btn i {font-size:26px !important;}



.audio i {font-size:60px;color:#3A3A3A;}



fieldset, legend {

   all: revert;

}



fieldset {border:1px solid #CCC !important;padding:20px !important;margin-bottom:20px !important;}

legend {font-size:16px !important;font-weight: 500 !important;text-transform: uppercase !important;padding: 0px 14px !important;}



.reset {

    all: revert;

}



a .card {color:#6a7187 !important;}



/* RADIO SELECT */

label.radio-card {

	 cursor: pointer;

}

 label.radio-card .card-content-wrapper {

	 background: #fff;

	 border-radius: 5px;

	 /* max-width: 280px; */

	 /* min-height: 330px; */

	 padding: 15px;

	 display: grid;

	 box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);

	 transition: 200ms linear;

	 border:1px solid #CCC;

}

 label.radio-card .check-icon {

	 width: 20px;

	 height: 20px;

	 display: inline-block;

	 border: solid 2px #e3e3e3;

	 border-radius: 50%;

	 transition: 200ms linear;

	 position: relative;

}

 label.radio-card .check-icon:before {

	 content: '';

	 position: absolute;

	 inset: 0;

	 background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");

	 background-repeat: no-repeat;

	 background-size: 12px;

	 background-position: center center;

	 transform: scale(1.6);

	 transition: 200ms linear;

	 opacity: 0;

}

 label.radio-card input[type='radio'], label.radio-card input[type='checkbox'] {

	 appearance: none;

	 -webkit-appearance: none;

	 -moz-appearance: none;

}

 label.radio-card input[type='radio']:checked + .card-content-wrapper, label.radio-card input[type='checkbox']:checked + .card-content-wrapper {

	 box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3f2b44 !important;

}

 label.radio-card input[type='radio']:checked + .card-content-wrapper .check-icon, label.radio-card input[type='checkbox']:checked + .card-content-wrapper .check-icon {

	 background: #3f2b44 !important;

	 border-color: #3f2b44 !important;

	 transform: scale(1.2);

	 z-index: 999;

}

 label.radio-card input[type='radio']:checked + .card-content-wrapper .check-icon:before, label.radio-card input[type='checkbox']:checked + .card-content-wrapper .check-icon:before {

	 transform: scale(1);

	 opacity: 1;

}

 label.radio-card input[type='radio']:focus + .card-content-wrapper .check-icon, label.radio-card input[type='checkbox']:focus + .card-content-wrapper .check-icon {

	 box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);

	 border-color: #3A3A3A !important;

}

 label.radio-card .card-content img {

	 margin-bottom: 10px;

}

 label.radio-card .card-content h4 {

	 font-size: 16px;

	 letter-spacing: -0.24px;

	 text-align: left;

	 color: #3A3A3A !important;

	 margin-bottom: 10px;

	 text-transform: uppercase;

}

 label.radio-card .card-content h5 {

	 font-size: 14px;

	 line-height: 1.4;

	 text-align: left;

	 color: #686d73;

}



.form-control {border-radius:30px;/*height:40px;*/}

.form-control-color {width:100% !important;height: 100px !important;}

.input-group .btn {border-radius:30px;}



.card-content {margin-top:10px;}



.wizard .steps .current a .number {background-color:#FFF;color:#3A3A3A; border-color:#FFF; }

.wizard .steps .number {border:2px solid #3A3A3A;color:#3A3A3A;font-weight: bold;}

.wizard .steps .current a {background-color:#3A3A3A;color:#FFF;}

.wizard .steps .current a:hover {background-color:#3A3A3A;color:#FFF;}

.wizard .steps .current a:hover .number {background-color:#FFF;color:#3A3A3A; border-color:#FFF; }

.wizard .steps a:hover {background:#EEE;}

.wizard .steps>ul>li a {background-color:#F5F5F5;}



.btn-help {border:0;}



.tool-icon {font-size:60px;margin-bottom:10px;}



#templates .busca {border-radius:30px;padding:14px;margin-bottom:20px;}

#templates .nav-item {margin:0 10px;}

#templates .nav {background:#f3f3f3;padding: 10px;border-radius:30px;margin-bottom:20px;}

#templates .nav-pills .nav-link {padding:14px;}

#templates .nav-pills .nav-link:hover {color:#999999;}

#templates .nav-pills .nav-link.active {background: #3A3B3A;border-radius:30px;padding:14px;}

#templates .nav-pills .nav-link.active:hover {color:#FFF;}



#resultados {min-height:300px;vertical-align: middle;}

#resultados .bg-overlay {z-index:998;background-color:#FFF;border-radius:10px;}

#resultados .spinner-border {position:absolute;top:40%;left:46%;z-index: 999;}



.hljs {

    color: #ddd;

    background: #303030;

    border-radius: 10px;

    text-align: left;

}



#mensagens {height:500px;overflow-y: auto;overflow-x: hidden;}

#mensagens .mensagem-usuario {width: 60%;background:#F5F5F5;font-size:16px;display: inline-table;padding:10px;border-radius:10px;margin:10px;}

#mensagens .mensagem-robo {width: 60%;background:#E8E8E8;font-size:16px;display: inline-table;padding:10px;border-radius:10px;margin:10px;}

#mensagens .mensagem-loading {width: 60%;background:#FFF;font-size:16px;display: inline-table;padding:10px;border-radius:10px;margin:10px;}



.titulo-conteudos {font-size:16px;margin:0 !important;padding:0 !important;}

.titulo-conteudos a {color:#3a3a3a;}



#tabelas i {font-size:16px;}

#tabelas .dropdown-item i {padding-top:0;}



.swal2-content {font-size:14px;}

.swal2-styled.swal2-confirm {background-color:#3A3A3A;}



/* Paginacoes */

.active>.page-link, .page-link.active {background:#3A3B3A !important;border-color:#3A3B3A !important;color:#fbea03;}



.flutuante {

	margin-top: -40px;

    z-index: 999;

    position: absolute;

    margin-left: 4px;

}



.select2-container .select2-selection--single {border-radius:50px;}



.wizard.vertical-wizard .steps>ul>li.submenu a {padding:8px !important; padding-left:14px !important;background:#eeeeee;}

.wizard.vertical-wizard .steps>ul>li.submenu a:hover {padding:8px !important; padding-left:14px !important;background:#e5e5e5;}

.wizard.vertical-wizard .steps>ul>li.submenu-resultado a {padding:8px !important; padding-left:14px !important;background:#777777; color: #FFF !important;}


#vis_image img {border-radius: 10px;width: 140px;margin-top:20px;}


/* DRAGABLE */

#containment-wrapper { width: 100%; border:1px solid #ccc; padding: 10px; border-radius: 30px; background:url("../../imagens/fundoMapa.jpg"); background-size:contain; background-repeat: no-repeat; background-position: center; position: relative; 

align-items: center; justify-content: center;

}

.logo_mapa {width: 100px; height: 100px; padding: 5px; vertical-align: middle; text-align: center; align-items: center; background: #F5F5F5;display: table;}

.logo_mapa p {display: table-cell;vertical-align: middle;}



#comparativohleft {

    position: absolute;

    transform: rotate(-0.25turn);

    text-align: center;

	left: 44%;

}

#comparativohright {

    position: absolute;

    transform: rotate(0.25turn);

    text-align: center;

	right: 46%;

}

#comparativovtop {

	position: absolute;

    top: 10px !important;

    text-align: center;

	width: 100%;

    margin-left: -10px;

	

}

#comparativovbottom {

    text-align: center;

	position: absolute;

    bottom: 10px !important;

    width: 100%;

    margin-left: -10px;

}



@media (min-width: 1200px) {

.wizard.vertical-wizard .steps {

    width: 100%;

}

}