@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

/* CSS Document */

/*ESSE CSS COMEÇA A SER MONTADO A PARTIR DO JOB 29 - CRIAÇÃO DE CONTRATOS - SERÁ MAIS LIMPO E FÁCIL DE ALTERAR*/

body {color: #2d2d2d;margin: 0px;padding: 0px;color: #2d2d2d;font-family: Arial, Helvetica, sans-serif;line-height: revert;}
b, strong {font-weight: revert!important;}
a {color: #135fad;}


/*INTEGRAÇÃO FAQ*/
.WrapperIntegra {width: 100%;max-width: 1250px;height: auto;background: #FFF;margin: 0 auto;}
.TopIntegracao {align-items: flex-end;font-size: 20px;font-weight: 700;text-align: left;display: flex;justify-content: space-between;background: #ffffff;}
.LogoIntegracao {width: 120px; margin: 5px 0;}
.LogoIntegracao img{width: 100%;}
.ConteudoIntegracao a{color: #00BCD4;}
.ConteudoIntegracao a:hover{font-weight: 600;}
.BreadcrumbSaldao {padding: 7px 9px;margin-bottom: 10px;list-style-type: none;margin: 9px 0 40px 0;background: #dfdfdf;border-radius: 5px;}
.BreadSalItem {display: inline-block;font-size: 14px;opacity: .7;    color: #767676;}
.ItemAtivo {color: #878787;opacity: 1;font-weight: 600;}
.BreadSalItem.ItemAtivo:after{display: none;}
.BreadSalItem:after {content: '';background: url(https://www.gimba.com.br/Images/new-layout-gimba/icons/icon-breadcrumb-right.svg) center no-repeat;display: inline-block;width: 10px;height: 10px;margin-left: 5px;}
.ConteudoIntegracao h2:after {content: '';width: 80px;height: 2px;border-radius: 20px;background: #282828;display: inline-block;position: absolute;bottom: -8px;left: 0;}
.ConteudoIntegracao {margin: 50px 0;font-size: 15px;line-height: 25px;text-align: justify;}
.ConteudoIntegracao h1{font-size: 25px;display: flex;align-items: center;font-weight: normal;}
.ConteudoIntegracao h1 strong{margin: 0 0 0 6px; /*color:#D22630*/}
.ConteudoIntegracao h2 {font-size: 20px;display: flex;align-items: center;position: relative;margin: 40px 0 25px 0;}
.ConteudoIntegracao h3 {font-weight: normal;margin: 0;padding: 0;font-size: 18px;margin: -12px 0 0 56px;}
.ConteudoIntegracao h1 img {width: 40px; margin: 0px 15px 0 0;}
.ConteudoIntegracao h2 img{width: 23px;margin: 0 5px 0 0;}
.ChamaIntegra {border: none;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;padding: 5px 9px;font-size: 16px;font-weight: 500;letter-spacing: 1px;margin: 0px 2px;cursor: default;border-bottom: 3px solid #161616!important;color: #242424;font-weight: bold!important;background: #d9d9d9;}
.ChamaIntegraRed {border: none;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;padding: 5px 9px;font-size: 16px;font-weight: 500;letter-spacing: 1px;margin: 0px 2px;cursor: default;border-bottom: 3px solid #161616!important;color: #242424;font-weight: bold!important;background: #d9d9d9;}
.BoxIntegra {font-size: 11px;line-height: 22px;width:auto;border: 1px solid #e1e1e1;padding: 20px 30px;border-radius: 5px;background: #f5f5f5;word-wrap: break-word;color: #1e1e1e;margin: 10px 0 40px;}
.BIRed{color: #E91E63;}
.BIGreen{color: #4CAF50;}
.BIBlue{color: #2196F3;}
.ChamaInterno img{width: 13px;margin: 0 5px 0 0;}
.PadraoIntegracao {display: flex;border: 1px solid #e5e5e5;border-radius: 8px;margin: 15px 0 0;}
.BoxPadraoIntegra {flex-grow: 1;width: 50%;padding: 15px 20px;}
.BoxBorderRight{border-right: 1px solid #e5e5e5;}
.BoxPadraoRecurso {padding: 10px 20px;display: flex;flex-direction: column;width: 200px;align-items: flex-end;justify-content: center;}
.TabPadraoRecurso{display: flex;flex-direction: initial;justify-content: center;width: auto;}
.BoxPadRecurso{text-transform: uppercase;}
.LinhaPadRecurso {border: 1px dashed #cdcdcd;border-radius: 5px;margin: 0 10px 0 0;padding: 18px 10px;font-size: 12px;width: 220px;text-align: center;}
.BtVerIntegracao {font-size: 11px;padding: 0px 8px 0 25px;letter-spacing: 0px;text-transform: uppercase;height: 28px;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;color: #ffffff;font-weight: bold;border: 0;width: fit-content;margin: 0px 0 0 0;background: url(../img/lupa-integracao.png) #189d0e;background-size: 16px;background-position: 5px;background-repeat: no-repeat;cursor: pointer;}
.PadRecTitulo {font-size: 20px;margin: 8px 0 12px 0;font-weight: 600;}
.RecTitulo{color: #007ee9;text-transform: uppercase;}
.CampoRecusoDisp{margin: 50px 0;font-size: 15px;line-height: 25px;text-align: justify;}
.BoxPadComunicacao{padding: 6px 4px;margin: 3px;border: 1px solid #e5e5e5;border-radius: 8px;text-align: center;flex-grow: 1;}
.PadTitCom{border-bottom: 1px solid #e5e5e5;font-weight: bold;}
.PadTxtCom{text-transform: uppercase;}
.BoxTagResposta{border: 1px solid #e5e5e5;border-radius: 8px;margin: 15px 0 25px;}
.BoxTagResposta .BoxPadComunicacao{display: flex;}
.DadoTagResposta {
    padding: 6px 10px 6px 0;
    margin: 0 10px 0 0;
    width: 220px;
    text-align: right;
    font-weight: 700;
    background: #e3e3e3;
    border-radius: 5px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.RespostaTag {justify-content: left;display: flex;align-items: center;width: 1040px;text-align: left;}
.PadraoComunicacao{margin: 15px 0 40px}
.MarcadorIntegra{font-size: 21px;margin: 0 3px 0 0;padding: 0;line-height: 0px;}
.AplicaIntegra{margin: 20px 0 15px;}
.AplicaURLintegra{padding: 8px;width: initial;font-weight: 600;}
.AplicaURLintegra a{word-break: break-all;}
.footer-lp {font-size: 11px;color: #ffffff;background: #282828;line-height: 16px;text-align: center;height: auto;padding: 35px 0px 35px 0px;clear: both;}
.footer-lp a {color: #ffffff;text-decoration: underline;}
.AtendeIntegra {background: #3c3c3c;padding: 20px 0;color: #ffffff;font-size: 13px;text-align: center;}
.AtendeIntegra a{color: #00BCD4;}
.FaixaIntegraTop {background: #e5e5e5;padding: 2px 0;}
.TopLogInt {width: 1250px;display: flex;justify-content: space-between;margin: 0 auto;padding: 10px 0;align-items: center;}
.FecharInt img{width: 100%;}
.BoxTagRequisicao {border: 1px solid #e5e5e5;border-radius: 8px;margin: 15px 0 30px 0;}
.BoxTagRequisicao .BoxPadComunicacao {display: flex;}
.n1{margin: 0 0 0 20px;}
.n2{margin: 0 0 0 40px;}
.n3{margin: 0 0 0 60px;}
.n4{margin: 0 0 0 80px;}
.n5{margin: 0 0 0 100px;}
.n6{margin: 0 0 0 120px;}
.FecharInt{width: 79px;display: flex;}
.FecharInt a{margin: 0 0 0 7px;}
.FecharInt .FecharIntegra{width: 32px;}
.BotaoVoltaInta {border: none;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;font-size: 12px;padding: 7px 12px 7px 12px;height: 29px;background: #2d2d2d;color: #ffffff;font-weight: bold;}
.BtVoltaIntegra {padding: 9px 0px 0px 0;right: 0px;bottom: 0px;color: #ffffff;width: auto;position: sticky;display: flex;flex-direction: column-reverse;align-items: end;}
.BtVoltaIntegra .BtSobeTop {border: 0;border-radius: 100%;padding: 10px;width: 46px;height: 46px;display: flex;justify-content: center;align-items: center;-webkit-transition: all 400ms;-moz-transition: all 400ms;transition: all 400ms;cursor: pointer;position: absolute;right: 20px;bottom: 20px;}
.BtVoltaIntegra .BtSobeTop img {width: 46px;}
.RegraListaReq{margin: 10px 10px 30px 30px;}
.RegraListaReq li{list-style: circle;}
.LinkFalso{color: #2196F3;text-align: left;word-break: break-all;}
.LineDiv {color: #ffffff;background: #dcdcdc;border: 1px dotted;margin: 15px 0;}
.BtVoltaIntegra .VoltarBtInt{right: 70px;}


.LinhaAtualizacao {
    background: #f0f0f0;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.BoxDeAtualizacao {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin: 15px 0 0;
    padding: 30px;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.BoxAtualizaTitulo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
}
.BoxDeAtualizacao h4 {
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ItemNovoIntegra {
    background: #4CAF50;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 4px;
    height: 13px;
    padding: 2px 4px 1px;
    font-weight: 700;
    border-bottom: 2px solid #18771c;
}
#ExplicaAtualizacoes{display: none;}
#FecharNovo{display: none;}


/*RESPONSIVO*/


@media (max-width: 1920px) {}
@media (max-width: 1680px) {}
@media (max-width: 1660px) {}
@media (max-width: 1536px) {}
@media (max-width: 1440px) {
.CampoRecusoDisp {font-size: 14px;line-height: 30px;}
.ConteudoIntegracao {font-size: 14px;line-height: 30px;}
.LinhaPadRecurso {font-size: 13px;width: 255px;}
}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1195px) {}

@media (max-width: 1180px) {}
@media (max-width: 1170px) {
.PadraoIntegracao {flex-direction: column;}
.BoxPadraoRecurso {align-items: center;justify-content: space-around;width: auto;}
.BoxBorderRight {border-right: none;}	
.DadoTagResposta {width: 290px;}
.ConteudoIntegracao {width: 92%;margin: 0 auto;}
.TopLogInt {width: 92%;margin: 0 auto;}
.PadTitCom {text-align: left;}
.PadTxtCom {text-align: left;}
.LinhaPadRecurso {width: -webkit-fill-available;}
}
@media (max-width: 1112px) {}
@media (max-width: 1024px) {}
@media (max-width: 980px) {}
@media (max-width: 834px) {}
@media (max-width: 812px) {}
@media (max-width: 768px) {
.TabPadraoRecurso {flex-direction: column;}
.LinhaPadRecurso {width: 100%;margin: 0 0 10px 0;}
.BoxPadraoIntegra {width: auto; padding: 8px 18px;}
.BoxTagRequisicao .BoxPadComunicacao {flex-direction: column;text-align: center;justify-content: center;}
.DadoTagResposta {width: auto;margin: 0;text-align: center;justify-content: flex-start;padding: 6px 10px 6px 15px;}
.RespostaTag {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    width: auto;
    text-align: left;
    margin: 6px 0 0 0;
    line-height: 24px;
    padding: 6px 10px 6px 15px;
}
.BoxTagResposta .BoxPadComunicacao {flex-direction: column;}
}

@media (max-width: 736px) {}

@media (max-width: 720px) {}

@media (max-width: 712px) {}
	
@media (max-width: 680px) {}

@media (max-width: 667px) {}

@media (max-width: 600px) {}

@media (max-width: 568px) {}

@media (max-width: 540px) {}

@media (max-width: 475px) {
.ConteudoIntegracao h1 {flex-direction: column;font-size: 28px;}
.ConteudoIntegracao h1 strong {margin: 10px 0 0;}
.ConteudoIntegracao h1 img {width: 50px;margin: 0 0 16px 0;}
.ConteudoIntegracao h3 {font-weight: normal;padding: 0;font-size: 18px;margin: -10px 0 0 0;text-align: center;}
}
@media (max-width: 445px) {}

@media (max-width: 414px) {
.ConteudoIntegracao h3 {font-size: 14px;}
}

@media (max-width: 412px) {}

@media (max-width: 411px) {}

@media (max-width: 399px) {}

@media (max-width: 390px) {}

@media (max-width: 380px) {}

@media (max-width: 375px) {
.ConteudoIntegracao h1 {font-size: 19px;}
}

@media (max-width: 345px) {
.CamposSemInput span {width: 296px;}	
}

@media (max-width: 320px) {}

@media (max-width: 280px) {}