.accordion-flush .accordion-item .accordion-button {

font-size: 0.9rem!important;

}



.accordion-body {

font-size: 0.9rem!important;

}



.accordion-button {

padding: 0.8rem 0.8rem;

}



.accordion-button:not(.collapsed) {

color: #4776dd;

background-color: #dbd6cb;

}



.txtAzul1{

color: #4776dd;

}



.txtAzul2{

color: #001938;

}





#B .slide:not(:first-child) {

display: none;

}

@font-face {

font-family: 'SF Compact Display Thin';

font-style: normal;

font-weight: normal;

src: local('SF Compact Display Thin'), url('../fonts/sf.woff') format('woff');

}

@font-face {

font-family: 'SF Compact Display Medium';

font-style: normal;

font-weight: normal;

src: local('SF Compact Display Medium'), url('../fonts/sfb.woff') format('woff');

}

@font-face {

font-family: 'SF Compact Display Regular';

font-style: normal;

font-weight: normal;

src: local('SF Compact Display Regular'), url('../fonts/sfr.woff') format('woff');

}





.fontSF{

font-family:'SF Compact Display Thin';font-weight:normal;

}



.fontSFB{

font-family:'SF Compact Display Medium';font-weight:normal;

}



.fontSFR{

font-family:'SF Compact Display Regular';font-weight:normal;

}









:root {

--cor-fonte-branco: rgba(255,255,255,1);

--cor-fonte-branco-hover: rgba(255,255,255,.8);

--cor-fonte-verde: #2CB742;

--cor-fonte-blue: #0065ef;

}





button, a, input, select, textarea {

box-shadow: none!important;

outline: none!important;

/*-webkit-appearance: none!important;*/

}

button:focus, a:focus, input:focus, select:focus, textarea:focus {

box-shadow: none!important;

outline: none!important;

/*-webkit-appearance: none!important;*/

}



body {

	font-size: .85rem

}



a{

text-decoration: none;

color: #000D2D;

}





.checkboxData{

margin-left:10px;

margin-right:5px;

}



.checkTodos{

margin-left:4px;

margin-right:5px;

padding-bottom: -1px;

}



.dn{

display: none;

}







.tamPq {

font-size: .80rem;

}



.fs-11{

font-size: 11px;

}



.fs-12{

font-size: 12px;

}



.fs-13{

font-size: 13px;

}



.fs-14{

font-size: 14px;

}



.fs-15{

font-size: 15px;

}



.tam1rem{

font-size: 1rem;

}



.tam1-1rem{

font-size: 1.1rem;

}



.mtIcon{

margin-top: -2px;

}



.borderColorNav{

height: 5px;

background-color: #4776dd;

}



.bgNav {

background-color: #001938;

}



.alert {

padding: 0.7rem 0.7rem!important;

}



.alert-secondary {

color: #4E4E4E;

background-color: #F0EBE3;

border-color: #CFC8BD;

font-size: 0.8rem!important;

}



.divDash4 {

text-align: justify;

margin-bottom: 20px;

}



.navbar-dark .navbar-nav .nav-link {

color: #cccccc;

}

.nav-pills>.nav-link{

color: black;	

}



.nav-tabs>.nav-link{

color: black;	

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: var(--cor-fonte-branco);}

.navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:active {color: var(--cor-fonte-branco);}

.tW {color: var(--cor-fonte-branco);}

.tW:hover,.tW:focus {color: var(--cor-fonte-branco-hover);}

.tG {color: var(--cor-fonte-verde);}



@media (min-width: 992px) {

.navbar-expand-lg .navbar-nav .nav-link {

padding-right: .7rem;

padding-left: .4rem;

/*display: flex;*/

}

}



.divLogo {

width:160px

}



/*Modais*/

.btn-ios-alert {

padding-right: 9px!important;

padding-top: 0rem!important;

padding-bottom: 0rem!important;

padding-left: 0rem!important;

height: auto!important;

text-decoration: none;

box-shadow: none;

}



.modal-ios-content {

border-radius: .6rem!important;

opacity: 0.92;

margin: 40px;

}



.btn-ios-alert:focus {

outline: none;

box-shadow: none;

}



.modal-ios-content-spinner {

opacity: 1!important;

position: relative!important;

display: -ms-flexbox!important;

display: flex!important;

-ms-flex-direction: column!important;

flex-direction: column!important;

width: 100%!important;

pointer-events: auto!important;

background-clip: padding-box!important;

outline: 0!important;

}



.modal-ios-body {

padding-left: 20px!important;

padding-top: 17px!important;

padding-bottom: 0rem!important;

padding-right: 15px!important;



}



.modal-ios-footer {

padding-left: 15px!important;

padding-top: 10px!important;

padding-bottom: 13px!important;

padding-right: 15px!important;



}



.modal-ios-footer-alert {

margin-top: 10px;

padding-top: 5px!important;

border-top: 1px solid #dee2e6;

display: block!important;

}



.modal-footer {

border-top: 0px solid #dee2e6!important;

}



.divHomeLogos {

padding-top: 20px;

padding-bottom: 20px;

background-color: #000D2D;

text-align: center;

color: #FFF;

font-size: 1rem;

}



.navbar-dark .navbar-toggler {

box-shadow: none!important;

outline: none!important

}



@media (max-height: 800px) and (min-width: 991px) {

.height-800{

display: none!important

}

}





@media (max-height: 1024px){

/*.filterx{

display: none!important

}*/

.linkNav{

display: none!important

}



}



@media (min-height: 1024px){

.btnRemFilt{

display: none!important

}

}



.pr{

position: relative;

}



.pa{

position: absolute;

}



.filterx{

display: none;

}







@media (min-width: 991px){

.fixed-lg-bottom{

position: fixed;

right: 0;

bottom: 0;

left: 0;

z-index: 1030;

}

li.nav-item.nav-home{

position: relative;

}

.filterx{

position: absolute;right: 0;border: 0px solid transparent;margin-top: 1px;background-color: #FFF!important;z-index: 9999;display: block;

}

li.nav-item.nav-home > a.active:after{

content: "";

position: absolute;

bottom: -23px;

left: 0;

right: 0;

margin: auto;

background-image: url(../../img/arrowDown.svg);

background-size: 30px 30px;

height: 30px;

width: 30px;

transition: all 0.5s;

}

}



.btn-primary{

border-color: #000d2d;

background-color: #000d2d;

color: #fff;

font-size: 13px;

padding: 0.675rem .75rem;

}



.btn-primary:hover, .btn-primary:disabled{

border-color: #000d2d;

background-color: #000d2d;

opacity: 0.8;

}



.btn-check:focus+.btn-primary, .btn-primary:focus {

border-color: #000d2d;

background-color: #000d2d;

opacity: 0.8;

}









.btn-green {

border-color: #54a278;

background-color: #54a278;

color: #ffffff;

font-size: 13px;

padding: 0.675rem 0.75rem;

}



.btn-green:hover, .btn-green:disabled{

border-color: #72c397;

background-color: #72c397;

color: #ffffff;

}











.form-control{

background-color: #f8f8f8;

border-color: #000d2d;

outline: none!important;

box-shadow: none!important;

}



.txt-blue{

color: var(--cor-fonte-blue);

font-size: 14px

}



.btn-secondary{

border-color: #E2E2E2;

background-color: #E2E2E2;

color: #646464;

font-size: 13px;

padding: 0.675rem .75rem;

}



.btn-success{

font-size: 13px;

padding: 0.675rem .75rem;

}





.btn-secondary:hover{

border-color: #E2E2E2;

color: #646464;

background-color: #E2E2E2;

opacity: 0.9;

}



.btn-anexo{

border-color: #001B61;

background-color: #001B61;

color: #fff;

font-size: 13px;

padding: 0.675rem .75rem;

}



.btn-anexo:hover{

border-color: #001B61;

color: #fff;

background-color: #001B61;

opacity: 0.9;

}



/*CHAT CSS*/



/*TAB WHATSAPP*/

.conversa{

position: relative;

/*height: calc(100vh - 60px);*/

max-height: calc(100vh - 80px)!important;

overflow-y: auto;

}



.conversa .conersa-container{

padding: 0 15px;height: 100%;

display: flex;

flex-direction: column;

justify-content: flex-end;

padding-bottom: 100px;

}



@media (min-width: 991px) and (max-width: 1199px){

.conversa .conersa-container{

padding-bottom: 0px;

}

.conversa .conersa-container.email{

padding: 0 0px;

}

/*.conversa.send-m {

max-height: 100vh !important;

}*/

.conersa-container.whats_c{

padding: 80px 10px;

}

.conersa-container.send-mail{

padding: 0 0;

}

}



.input-mensagem{

border: none;

background-color: #F0F0F0;

outline: none!important;

box-shadow: none!important;

border-color: #fff;

width: 100%;

}



.btn-anexar, .btn-enviar{

border: none;

background-color: transparent;

}



.bar-user{

position: absolute;

bottom: 16px;

left: 0;

right: 0;

background-color: #F0F0F0;

width: 96%;

padding: 1.5rem 1rem;

border-radius: 0.6rem;

box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);

margin: auto;

z-index: 1000;

}



.message:first-child {

margin: 16px 0 8px;

}

.message {

color: #000;

clear: both;

line-height: 18px;

font-size: 15px;

padding: 8px;

position: relative;

margin: 8px 0;

word-wrap: break-word;

z-index: 1;

}



.received {

background: #fff;

border-radius: 0px 8px 8px 8px;

position: relative;

padding: 0.95rem;

font-size: 12px;

max-width: 50%;

}



.received:before {

content: "";

background-image: url(../../img/iconM.svg);

background-size: 18px 18px;

height: 18px;

width: 18px;

position: absolute;

left: -13px;

top: -2px;

}



.message > .sent{

float: right;

}



.sent {

background: #0060F3;

border-radius: 8px 0px 8px 8px;

position: relative;

padding: 0.95rem;

font-size: 12px;

max-width: 50%;

}



.sent:after {

content: "";

background-image: url(../../img/iconR.svg);

background-size: 18px 18px;

height: 18px;

width: 18px;

position: absolute;

right: -13px;

top: -2px;

}

.w-90{

width: 90%;

}

.buttons{

width:10%;/*white-space: nowrap;*/

}



@media (min-width: 991px) and (max-width: 1199px){

.w-90{

width: 80%;

}

.buttons{

width:20%;/*white-space: nowrap;*/

}

}



@media (max-width: 767px){

.sent,.received {

max-width: 100%;

}

.w-90{

width: 70%;

}

.buttons{

width:30%;white-space: nowrap;

}

.conversa .conersa-container {

padding: 0 0;

padding-bottom: 100px;

}

.conversa .conersa-container.whats_c {

padding: 0 5px;

padding-bottom: 100px;

}

}

/*TAB WHATSAPP*/





/*TAB EMAIL*/

@media (min-width: 991px){

.conversa .conersa-container.email {

padding-bottom: 50px!important;

padding: 0 15px;

}

.conversa .conersa-container.send-mail {

padding: 0 15px;

}

.over-left{

max-height: calc(100vh - 60px);

overflow-y: auto;

}

}





.conversa .conersa-container.send-mail {

padding: 0 0;

}



.conversa .conersa-container.email {

padding-bottom: 25px!important;

padding: 0 0;

}



.block-email{

width: 100%;

background-color: #F0F0F0;

border-radius: 8px;

padding: 1.3rem 15px;

border: 1px solid #CBCBCB;

margin-top: 6px;

}



.block-email a {

display: flex;

align-items: center;

color: #000D2D;

}



.block-email.no-a {

display: flex;

align-items: center;

color: #000D2D;

}



@media (max-width: 767px){

.block-email a {

display: flex;

flex-direction: column;

justify-content: center;

}



.block-email.no-a {

display: flex;

flex-direction: column;

justify-content: center;

}

.block-content{

max-width: 100%!important;

margin-top: 8px;

}

}



.block-responde{

width: 100%;

background-color: #F0F0F0;

border-radius: 8px;

padding: 1.3rem 15px;

border: 1px solid #CBCBCB;

margin-top: 6px;

color: #000D2D;

}



.block-panel{

position: relative;

width: 100%;

background-color: #fff;

border-radius: 8px;

padding: 1.5rem 1rem;

margin-top: 15px;

color: #000D2D;

}



.title-email-day{

font-size: 16px;

color: #000D2D;

font-family:'SF Compact Display Medium';font-weight:normal;

padding-left: 15px;

margin-top: 20px;

}



.block-user{

display: flex;

align-items: center;

}



.block-face{

height: 43px;

width: 43px;

margin-right: 15px;

}



.face-user{

height: 43px;

width: 43px;

background-color: #0065EF;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

}



.face-user span{

font-size: 27px;

font-family:'SF Compact Display Medium';font-weight:normal;

color: #fff;

}



.configs-mail{

color: #7E7E7E;

margin-right: 15px;

}



.configs-mail .black-text{

color: #000;

}



.block-content{

max-width: 70%;

}



.block-content p{

margin-bottom: 0;

font-size: 13px;

font-family:'SF Compact Display Regular';font-weight:normal;

}



.block-email:first-child{

margin-top: 0;

}



/*textarea.form-control{

background-color: #fff;

border: none!important;

height: 140px;

resize: none;

font-size: 13px;

font-family:'SF Compact Display Regular';font-weight:normal;

}



*/



@media (min-width: 1399px){

.row-cols-xxl-8>* {

flex: 0 0 auto;

width: 13.88%;

}

}



/*@media (min-width: 991px) and (max-width: 1299px){

textarea.form-control{

height: 200px;

}*/

.conversa .conersa-container.email {

padding-bottom: 0px!important;

}	

}



/*@media (min-width: 991px){

textarea.form-control.new-msg{

height: 70%;

}

}*/



/*@media (max-width: 990px){

textarea.form-control{

height: 200px;

}

}*/



/*@media (max-width: 767px){

textarea.form-control{

height: 350px;

}

}*/



/*TAB EMAIL*/



.form-label {

margin-bottom: .2rem;

}



.w-XX{

width: 80%!important;

}



@media (min-width: 991px){

.min-h100{

height: calc(100vh - 60px);

}

.w-XX{

width: 35%!important;

}

}



hr{

background-color: #AEADAD;

}



.tab-lisT.active:after{

content: "";

position: absolute;

right: 0;

top: 0;

bottom: 0;

margin: auto;

background-image: url(../../img/right.svg);

background-size: 15px 15px;

height: 15px;

width: 15px;

}



.color-blue{

font-size: 16px;

color: #000D2D;

font-family:'SF Compact Display Medium';font-weight:normal;

}



/*TABLE*/

.thead-light th {

color: #7e848a;

background-color: transparent!important;

border-color: transparent!important;

font-weight: 400!important;

padding: .15rem;

padding-left: .35rem!important;

font-size: .75rem!important;

text-transform: uppercase;

}



td,

th,

tr {

white-space: nowrap!important;

}



.table td {

padding: .35rem;

padding-top: .55rem!important;

padding-bottom: .55rem!important;

vertical-align: middle!important;

white-space: nowrap!important;

}



.table-striped tbody tr:nth-of-type(odd) {

background-color: rgba(0, 0, 0, .08)!important

}



.pTd {

padding: 0!important

}





.b_success {

border: 1px solid #001938!important;

background-color: transparent;

color: #000D2D;

}



.b_danger {

border: 1px solid #979fa6!important;

background-color: transparent;

color: #818181;

}



.success {

background-color: #001938!important;

color: #FFF;

}



.danger {

background-color: #979fa6!important;

color: #FFF;

}



.novoBg{

background-color: #f39c12!important

}



.atendidoBg{

background-color: #27ae60!important

}



.canceladoBg{

background-color: #acb5bd!important

}





.tmtb {

margin-top: 1.5rem!important;

margin-bottom: 1.5rem!important

}

.dropdown-item:hover {

background-color: #001B61;

color: #fff;

}



.table-responsive {

display: block;

width: 100%;

overflow-x: auto;

-webkit-overflow-scrolling: touch;

}



.navbar-dark .navbar-toggler {

padding-right: 0;

}



.espacing-box{

padding-top: 5rem;

padding-bottom: 5rem;

padding-left: 3rem;

padding-right: 3rem;

}



@media (max-width: 991px){

.espacing-box{

padding-top: 3rem;

padding-bottom: 5rem;

padding-right: var(--bs-gutter-x,.75rem);

padding-left: var(--bs-gutter-x,.75rem);

}

}



.btn-anexar, .btn-enviar {

-moz-appearance:none!important; /* Firefox */

-webkit-appearance:none!important;

}



select.minimal {

display: inline-flex;

background-image: linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);

background-position: calc(100% - 20px) calc(1em + 0px),calc(100% - 15px) calc(1em + 0px),calc(100% - 2.5em) .5em;

background-size: 5px 5px,5px 5px,1px 1.2em;

background-repeat: no-repeat;

}



.divider-text {

position: relative;

display: flex;

align-items: center;

text-transform: uppercase;

color: #464a4e;

font-size: 10px;

font-weight: 400;

font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;

letter-spacing: .5px;

margin: 15px 0; 

}

.divider-text::before, .divider-text::after {

content: '';

display: block;

flex: 1;

height: 1px;

background-color: #e5e9f2; 

}

.divider-text::before {

margin-right: 10px; 

}

.divider-text::after {

margin-left: 10px; 

}



label {

margin-bottom: .2rem;

}

label:after {

content: ':';

}

.label:after {

content: '';

}

.required:after {

content: ':*';

}





.input-group-text {

border: 1px solid #000d2d!important;

border-right: 0px!important;

border-top-right-radius: 0px;

border-bottom-right-radius: 0px;

}



.form-control{

padding: .375rem .55rem!important;

}



.btn-no-py {

padding: .370rem .70rem;

}

@media (min-width: 991px){

.fotoCard {

width: 100%

}



.sw-100 {

width: 100px

}

.sw-150 {

width: 150px

}

.sw-175 {

width: 175px

}

.sw-200 {

width: 200px

}

.sw-250 {

width: 250px

}

.sw-300 {

width: 300px

}

}



@media (max-width: 990px){

.fotoCard {

width: 50%

}

.sw-100 {

width: 100%

}

.sw-150 {

width: 100%

}

.sw-175 {

width: 100%

}

.sw-200 {

width: 100%

}

.sw-250 {

width: 100%

}

.sw-300 {

width: 100%

}

.bw-100 {

display: block!important;

width: 100%!important;

}

}





/*INPUT SEARCH ANIMATION*/

.search-form {

position: relative;

top: 0px;

right: 0;

}

.input-group.search-group {

height: 40px;

min-width: 50px;

position: relative;

}

.input-group .form-control.search:hover, 

.input-group .form-control.search:focus {

padding: 10px 10px;

width: 380px;

color: #000;

cursor: auto;

background-color: #fff;

border: 1px solid #000d2d;

}

@media(width: 320px){

.input-group .form-control.search:hover, 

.input-group .form-control.search:focus {

width: 184px!important;

}	

}

@media(min-width: 321px) {

.input-group .form-control.search:hover, 

.input-group .form-control.search:focus {

width: 240px!important;

}	

}

.input-group .form-control.search::-moz-placeholder {

color: transparent!important;

}

.input-group .form-control.search::-webkit-input-placeholder {

color: transparent!important;

}

.input-group .form-control.search:hover::-moz-placeholder,

.input-group .form-control:focus::-moz-placeholder { 

color: #222!important;

}

.input-group .form-control.search:hover::-webkit-input-placeholder,

.input-group .form-control.search:focus::-webkit-input-placeholder { 

color: #222!important;

}

.input-group .form-control.search:focus {

box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;

border: 1px solid #000d2d;

}

.form-control.search.search-control {

background: url('../../img/search.svg') no-repeat right 5px center / 20px;

border: 0px solid transparent;

border-radius: 0.25rem!important;

color: transparent;

font-size: 14px;

width: 50px;

height: 39px;

margin: 0;

padding: 0;

outline: 0 none;

position: absolute;

right: 0;

margin-right: 0px;

top: 0;

z-index: 10;

cursor: pointer;

-webkit-backface-visibility: hidden;



transition: width 0.25s;

}

.form-control.search.search-control::-webkit-search-cancel-button{

position:relative;

right:10%;

}

/*FIM DO INPUT*/



.badgesuccess {

border: 1px solid; width:100%!important;#001938;color:#001938

}

.badgedanger{

border: 1px solid; width:100%!important;#acb5bd;color:#acb5bd

}



.badgeNovo{

border: 1px solid; width:100%!important;#f39c12;color:#f39c12

}

.badgeAtendido{

border: 1px solid; width:100%!important;#27ae60;color:#27ae60

}

.badgeCancelado{

border: 1px solid; width:100%!important;#acb5bd;color:#acb5bd

}



.badge {

font-weight: 500!important;

}



.bootstrap-tagsinput {

background-color: #f8f8f8!important;

border: 1px solid #000d2d!important;

}



@media (max-width: 990px){

.input-group-ocult>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){

border-top-left-radius: 4px;

border-bottom-left-radius: 4px;

}

}



.d-ocult{

height: 35px;	

}



.nav2.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

border-color: #222 #222 #fff;

}



.nav2.nav-tabs {

border-bottom: 1px solid #222;

}





.me-015 {

margin-right: 0.20rem!important;

}



.projEmp {

margin-top: -3px;

color: #6c757d;

}







.accordion-body{

background-color:#ede9e0;

}



@media (min-width: 991px) and (max-width: 1199px){

.navbar-dark .navbar-nav .nav-link, .fontXs{

font-size: 12px;

}

.himX{

height: 17px;

}

}



.dropdown ul{

margin: 0 0 -13px 0!important;

}







@media (max-width: 1366px) {

	.nav2.nav-tabs {

		flex-wrap: nowrap;

		overflow-x: auto;

		overflow-y: hidden

	}

}







@media (max-width: 1024px) {

/*	.nav2.nav-tabs {

		flex-wrap: nowrap;

		overflow-x: auto;

		overflow-y: hidden

	}*/



/*	.peXmob {

		padding-right: 0

	}

*/

	.nav2.nav-tabs .nav-link {

		padding: .5rem

	}

}











.nowrap{

white-space: nowrap;

}











#toast {

    visibility: hidden;

    max-width: 40px;

    height: 40px;

    /*margin-left: -125px;*/

    margin: auto;

    background-color: #dbd6cb;

    color: #212529;

    text-align: center;

    border-radius: 3px;



    position: fixed;

    z-index: 1;

    left: 0;right:0;

    bottom: 20px;

    font-size: 15px;

    white-space: nowrap;

}

#toast #img{

	width: 40px;

	height: 40px;

    border-radius: 3px;

    float: left;

    

    padding-top: 7px;

    padding-bottom: 16px;

    

    box-sizing: border-box;



    

    background-color: #bfbaae;

    color: #212529;

}

#toast #desc{



    

    color: #212529;

   

 padding-top: 7px;

    padding-bottom: 16px;

    

    overflow: hidden;

	white-space: nowrap;

}



#toast.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;

}



@-webkit-keyframes fadein {

    from {bottom: 0; opacity: 0;} 

    to {bottom: 30px; opacity: 1;}

}



@keyframes fadein {

    from {bottom: 0; opacity: 0;}

    to {bottom: 20px; opacity: 1;}

}



@-webkit-keyframes expand {

    from {min-width: 40px} 

    to {min-width: 250px}

}



@keyframes expand {

    from {min-width: 40px}

    to {min-width: 250px}

}

@-webkit-keyframes stay {

    from {min-width: 250px} 

    to {min-width: 250px}

}



@keyframes stay {

    from {min-width: 250px}

    to {min-width: 250px}

}

@-webkit-keyframes shrink {

    from {min-width: 250px;} 

    to {min-width: 40px;}

}



@keyframes shrink {

    from {min-width: 250px;} 

    to {min-width: 40px;}

}



@-webkit-keyframes fadeout {

    from {bottom: 20px; opacity: 1;} 

    to {bottom: 60px; opacity: 0;}

}



@keyframes fadeout {

    from {bottom: 20px; opacity: 1;}

    to {bottom: 60px; opacity: 0;}

}





.accordion-item {

    background-color: #fff;

    border: 1px solid rgb(0 13 45);

}







#B .slide:not(:first-child){display:none}@font-face{font-family:'SF Compact Display Thin';font-style:normal;font-weight:400;src:local('SF Compact Display Thin'),url(../fonts/sf.woff) format("woff")}@font-face{font-family:'SF Compact Display Medium';font-style:normal;font-weight:400;src:local('SF Compact Display Medium'),url(../fonts/sfb.woff) format("woff")}@font-face{font-family:'SF Compact Display Regular';font-style:normal;font-weight:400;src:local('SF Compact Display Regular'),url(../fonts/sfr.woff) format("woff")}.btn-pq{padding:.375rem .75rem}.navbar-dark .navbar-nav .nav-link{color:#ccc}



.acord2 .accordion-button:not(.collapsed)::after {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.hr2 hr{

opacity: .9;

}



.table>:not(:first-child) {

border-top: 0;

}









.btn-pq {

    padding: 0.375rem 0.75rem;

}





.badge-primary2{

border: 1px solid #060338 ;	

color: #060338;

padding: 4px;

font-size: 13px;

font-weight: 400;

}





#toast {

    visibility: hidden;

    max-width: 40px;

    height: 40px;

    /*margin-left: -125px;*/

    margin: auto;

    background-color: #dbd6cb;

    color: #212529;

    text-align: center;

    border-radius: 3px;



    position: fixed;

    z-index: 1;

    left: 0;right:0;

    bottom: 20px;

    font-size: 15px;

    white-space: nowrap;

}

#toast #img{

	width: 40px;

	height: 40px;

    border-radius: 3px;

    float: left;

    

    padding-top: 7px;

    padding-bottom: 16px;

    

    box-sizing: border-box;



    

    background-color: #bfbaae;

    color: #212529;

}

#toast #desc{



    

    color: #212529;

   

 padding-top: 7px;

    padding-bottom: 16px;

    

    overflow: hidden;

	white-space: nowrap;

}



#toast.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;

}



@-webkit-keyframes fadein {

    from {bottom: 0; opacity: 0;} 

    to {bottom: 30px; opacity: 1;}

}



@keyframes fadein {

    from {bottom: 0; opacity: 0;}

    to {bottom: 20px; opacity: 1;}

}



@-webkit-keyframes expand {

    from {min-width: 40px} 

    to {min-width: 250px}

}



@keyframes expand {

    from {min-width: 40px}

    to {min-width: 250px}

}

@-webkit-keyframes stay {

    from {min-width: 250px} 

    to {min-width: 250px}

}



@keyframes stay {

    from {min-width: 250px}

    to {min-width: 250px}

}

@-webkit-keyframes shrink {

    from {min-width: 250px;} 

    to {min-width: 40px;}

}



@keyframes shrink {

    from {min-width: 250px;} 

    to {min-width: 40px;}

}



@-webkit-keyframes fadeout {

    from {bottom: 20px; opacity: 1;} 

    to {bottom: 60px; opacity: 0;}

}



@keyframes fadeout {

    from {bottom: 20px; opacity: 1;}

    to {bottom: 60px; opacity: 0;}

}



.spanX {

	width: 100%;

	border-radius: 5px !important;

	padding: 2px 4px !important;

	font-size: 13px !important;

	/*min-width: 75px !important;*/

	max-width: ;

	text-align: center !important;

	border: 0;

	-webkit-appearance: none;

	    min-width: 100px;

}



.b_laranja {

color: #FFF;

background-color: #e17100!important;

}

.b_verde {

color: #FFF;

background-color: #05ae00!important;

}

.b_cinza {

color: #FFF;

background-color: #7F8C8D!important;

}

.b_roxo {

color: #FFF;

background-color: #9b00f4!important;

}

.b_azul {

color: #FFF;

background-color: #0068f4!important;

}

.b_vermelho {

color: #FFF;

background-color: #dc3545!important;

}



.bold{

font-weight: 600!important;

}





.novo {

	color: #dc3545;

	border: 1px solid #dc3545

}



.reaberto {

	color: #8900d8;

	border: 1px solid #8900d8

}



.cancelado {

	color: #7F8C8D;

	border: 1px solid #7F8C8D

}



.concluido {

	color: #27AE60;

	border: 1px solid #27AE60

}



.respondido {

	color: #4776dd;

	border: 1px solid #4776dd

}



.atendimento {

	color: #e17100;

	border: 1px solid #e17100

}







.bc-2 {

display: -ms-flexbox!important;

display: flex!important;

-ms-flex-wrap: wrap!important;

flex-wrap: wrap!important;

padding: 0.75rem 1rem!important;

margin-bottom: 1rem!important;

list-style: none!important;

background-color: #e9ecef!important;

border-radius: 0.25rem!important;

}



@media (max-width: 767px){

.bc-2.bredFlex {

flex-wrap: nowrap!important;

overflow-x: auto;

}

.bc-2.bredFlex li {

white-space: nowrap;

    padding-left: 1rem;

}

}



.box-configs{

position: absolute;

right: 0;

display: flex;

align-items: center;

}



.box-configs.fig-0{

right: .75rem;

}



.fs-18{

font-size: 18px;

}





/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

.lineYellow{

background-color: #fff;

border: 2px solid #EBBD70;

padding: 1rem;

border-radius: 12px;

}



.fotoCarteira{

background-size: cover;

height: 140px;

width: 140px;

border-radius: 7px;

}



.legendAll{

color: #323232;

}



.legendCart{

color: #6A6A6A;

}



.logoEmp{

position: absolute;

right: .85rem;

bottom: .85rem;

}



.footerCart{

background-color: #EBBD70;

margin-top: -2px;

padding: .5rem .75rem;

border-bottom-left-radius: 16px;

border-bottom-right-radius: 16px;

line-height: 1.35;

position: relative;

z-index: 2;

}



.insc{

font-size: 11px;

color: #464646;

word-break: break-word;

}



.numInsc{

font-size: 18px;

color: #323232;

font-weight: bold;

word-break: break-word;

}





.subfooterCart{

padding: .5rem .75rem;

border-bottom-left-radius: 16px;

border-bottom-right-radius: 16px;

padding-top: calc(13px + .5rem);

margin-top: -13px;

}



.valida{

background-color: #435E55;

}



.pendente{

background-color: #DC9723;

}



.cancelada{

background-color: #C66871;

}



.expirada{

background-color: #C66871;

}



.fsCart{

font-size: 18px;

font-weight: bold;

position: relative;

z-index: 1;

}



.cz-color{

color: #575757;

word-break: break-word;

}



@media (max-width: 767px){

.numInsc{

font-size: 14px;

}

.fsCart{

font-size: 16px;

}

.legendAll{

max-width: 80%;

}

}



@media (max-width: 374px){

.mobH{

width: 110px;

height: 110px;

}

}

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/

/*CARTEIRA*/



















select {cursor: pointer;}



.disabledLink{

pointer-events: none;

cursor: default;

}