.cbh-phone{display: block;position: fixed;left: 89%;bottom: -1%;visibility: hidden;background-color: transparent;width: 160px;height: 170px;cursor: pointer;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;z-index: 0;}
.cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.cbh-phone.cbh-static1{opacity:.6}
.cbh-phone.cbh-hover1{opacity:1}
.cbh-ph-circle{width:110px;height:110px;top:40px;left:40px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
.cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
.cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
.cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url(https://www.cursosgratisonline.com.br/images/wpp-icon.png);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
.cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {border-color: rgb(0, 242, 164)}
.cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: rgb(0, 242, 164);}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:rgb(46, 203, 113);}

a.btn-fazer-download {
    height: 50px;
    display: flex;
    padding: 8px;
    border-radius: 7px;
    gap: 8px;
    color: #005CC8;
    border: 1px solid #005CC8;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    justify-content: center;
    text-decoration: none;
}



.description {
    font-size: 12px;
    font-weight: 500;
    color: white;
}

.title {
    font-size: 22px;
    font-weight: 700;
}

.subtitle {
    font-size: 14px;
}

.mainText {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.color-white {
    color: white !important;
}

.box-description {
    display: flex;
    padding: 5px 7px;
    border-radius: 4px;
    background-color: #FFFFFF25;
    color: white;
    width: -webkit-fill-available;
}

.result-box {
    display: flex;
    gap: 10px;
    background: linear-gradient(to right, #005CC8, #003879);
    padding: 15px;
    border-radius: 10px;
    flex-direction: column;
}

.btn-text {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.wpp-btn-style {
    border: 1px solid #1FB457;
    background-color: #25D366;
}

.facebook-btn-style {
    border: 1px solid #0757D9;
    background-color: #0866FF;
}

.telegram-btn-style {
    border: 1px solid #1E89BD;
    background-color: #23A1DE;
}

.twitter-btn-style {
    border: 1px solid #000000;
    background-color: #272727;
}

.btn-social-share {
    width: -webkit-fill-available;
    padding: 12px;
    border-radius: 7px;
}

.button.dt-button span.dt-down-arrow, div.dt-button span.dt-down-arrow, a.dt-button span.dt-down-arrow, input.dt-button span.dt-down-arrow {
    top: 0 !important;
    color: #000000 !important;
    font-size: 18px !important;
}

a.btn-copiar-link {
    text-decoration: none;
    cursor: pointer !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.15em 1em !important;
}

.button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    border-radius: 5px !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 1.755em !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.25em !important;
}

.area-selector .dropdown-toggle {
    /* Removendo estilos do Bootstrap */
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: normal;
}

.dataTables_length {
    height: 40px !important;
    display: flex;
    align-items: center;
}

div.dt-buttons {
    display: flex;
}

.area-selector .dropdown-menu {
    /* Removendo estilos do Bootstrap */
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.area-selector .dropdown-item {
    /* Removendo estilos do Bootstrap */
    padding: 0.5rem 1rem;
}


.area-selector .dropdown-toggle {
    display: flex;
    align-items: center; /* Alinha itens verticalmente */
    background-color: white;
    padding: 5px 10px; /* Espaçamento interno */
    border: none !important;
}

.area-selector .dropdown-toggle::after {
    content: "" !important; /* Conteúdo vazio para a seta */
    border-top: 5px solid #343a40; /* Formato da seta */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 10px; /* Espaçamento da seta */
}

.area-selector {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.area-selector .dropdown-toggle {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 5px 10px;
    border: 1px solid #ced4da;
}

.area-selector .dropdown-toggle::after {
    content: "";
    border-top: 5px solid #343a40;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 10px;
}

.area-selector .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0.5rem 0;
    min-width: 160px;
    transform: translate(0px, 68px);
    width: 323px;
    flex-direction: column;
}

.area-selector .dropdown-item {
    padding: 0.25rem 1.5rem;
    color: #212529;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
}

.area-selector .dropdown-item:hover,
.area-selector .dropdown-item:focus {
    background-color: #e9ecef;
}

.area-selector .dropdown-item .color-indicator {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    text-align: center;
    align-content: center;
}

.area-selector .dropdown-toggle::after {
    content: none !important;
}

.area-selector .dropdown-toggle {
    color: #003879;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    gap: 15px;
}

.gradInd{
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #25D366;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}

a.dropdown-item {
    color: #003879;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

span.color-indicator.g {
    background-color: #25D366;
    color: white;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}

span.color-indicator.pg {
    background-color: #1FFAED;
    color: #003879;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}

span.color-indicator.cl{
    background-color: #25B4D3;
    color: white;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}

span.color-indicator.tc{
    background-color: #D32598;
    color: white;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}

span.color-indicator.ia{
    background-color: purple;
    color: white;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}

span.color-indicator.to{
    background-color: #FFF616;
    color: #003879;
    font-family: Montserrat;
    font-size: 20.13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.403px;
    text-transform: uppercase;
}
button > span.color-indicator.g {
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #25D366;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}
button > span.color-indicator.pg {
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #1FFAED;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}
button > span.color-indicator.cl {
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #25B4D3;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}

button > span.color-indicator.tc {
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #D32598;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}

button > span.color-indicator.to {
    display: flex;
    padding: 9.5px 15.5px 9.5px 16.5px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFF616;
    color: #003879;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 56px;
    height: 56px;
}

.algnDrop{
    margin-top: 30px;
}

.h1afiliadodados{
    color: #003879 !important;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}
.form-header.card-header-red.text-center.alert.alert-danger {
    display: flex;
    padding: 7px 125px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #C90000;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.form-header.card-header-green.text-center.alert.alert-success {
    display: flex;
    padding: 7px 125px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 5px;
    background: #3FA014;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.btnSalva{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: #3FA014;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}

.text-end {
    text-align: right !important;
    justify-content: end;
    display: flex;
}

.txtArea{
    width: 90%;
    border-radius: 5px;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: "Montserrat", Arial, sans-serif !important;
}

.conteudo {
    background: #F9F9F9;
}
.affiliate-program {
    padding: 20px;
}
.affiliate-program h1 {
    color: #D21010;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    margin: 0;
}
.affiliate-program h1 small {
    color: #000;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.affiliate-program .video-wrapper {
    text-align: center;
    margin-bottom: 0px;
}
.affiliate-program .video-wrapper img {
    max-width: 100%;
    border: 1px solid #ccc;
    width: 100%;
}
.txtFreq{
    color: #000;
    font-family: 'Montserrat';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.affiliate-program .form-wrapper {
    display: flex;
    max-width: 100%;
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.affiliate-program .form-wrapper h4 {
    color: #000;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.form-group label {
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.affiliate-program .form-wrapper .btn-primary {
    width: 100%;
    display: flex;
    padding: 15px 57px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 5px;
    background: #2383D6;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}
.affiliate-program .btn-danger {
    background-color: red;
    border-color: red;
    margin-top: 20px;
}
.affiliate-program .steps {
    margin-top: 0px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.affiliate-program .steps .step {
    margin-bottom: 0px;
    display: flex;
    gap: 15px;
}
.affiliate-program .steps .step h4 {
    margin: 0;
}
.affiliate-program .steps .step p {
    margin: 0px;
}
.stepred{
    display: flex;
    width: 46px;
    padding: 7.076px 0px 7.922px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 117.944px;
    background: #D21010;
    color: #FFF;
    font-family: "Montserrat";
    font-size: 25.948px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    min-width: 46px;
    height: 48px;
}
p{
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.4px;
}
.pRendaEx{
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.pHojem{
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.componente-compartilhamento {
    display: flex;
    width: -webkit-fill-available;
    height: fit-content;
    flex-direction: column;
    padding: 15px;
    border-radius: 10px;
    gap: 15px;
    margin: 20px 0;
    background: #EAF3FF;
    border: 1px solid #C7D7EB;
    margin-top: 0 !important;
    margin-bottom: 10px;
}


.compartilhar-via {
    display: flex;
    flex-direction: column;
    width: fit-content;
}
a.btn-copiar-link:hover {
    color: #ececed;
}

.field-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
}



.social-e-link {
    display: flex;
    gap: 22px;
    align-items: flex-end;
}

.item-menu-sidebar {
    display: flex !important;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.novo-field {
    display: flex;
    gap: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 7px;
    border: 1px solid #CFCFCF;
    flex-direction: row;
    align-items: center;
    width: -webkit-fill-available;
}

.novo-field2 {
    display: flex;
    gap: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 7px;
    border: 1px solid #CFCFCF;
    flex-direction: row;
    align-items: center;
    width: 70%;
}

.novo-field3 {
    display: flex;
    gap: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 7px;
    border: 1px solid #CFCFCF;
    flex-direction: row;
    align-items: center;
    width: 88%;
}

.titulo-componente {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.color-blue {
    color: #002046;
}

.color-black {
    color: #000;
}

.copiar-link-field {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;;
}

.field-e-btn {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.truncate-wide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-copiar-link {
    height: 50px;
    padding: 8px;
    border-radius: 7px;
    gap: 8px;
    color: #FFFFFF;
    background-color: #005CC8;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center;
}

.btn-social-media {
    display: flex;
    gap: 5px;
}

.d-flex-lg {
    display: flex;
}

.novo-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 170px;
}

.novo-conteudo {
    display: flex;
    justify-content: center;
}

.width-100 {
    width: 100%;
}

/*html {*/
/*    -webkit-text-size-adjust: inherit !important;*/
/*}*/

.btn-share {
    display: flex;
    padding: 7px;
    width: fit-content;
    background-color: #FFFFFF;
    border: 1px solid #CFCFCF;
    border-radius: 7px;
}
.hide-mobile {
    display: block;
}

.hide-desktop {
    display: none;
}
@media (min-width: 1200px) and (max-width: 1400px) {

    .compartilhar-via {
        display: flex;
        flex-direction: column;
        width: fit-content;
    }
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .copiar-link-field {
        display: flex;
        flex-direction: column;
        width: 63%;
    }
    .field-e-btn {
        display: flex;
        gap: 10px;
        width: 98%;
        justify-content: space-between;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {

    .compartilhar-via {
        display: flex;
        flex-direction: column;
        width: fit-content;
    }
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .copiar-link-field {
        display: flex;
        flex-direction: column;
        width: 55%;
    }
    .field-e-btn {
        display: flex;
        gap: 10px;
        width: 98%;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 990px) {

    .d-flex-lg {
        display: block;
    }

    .mob-width-100 {
        width: 100%;
    }

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .field-e-btn {
        flex-direction: column;
    }

    .copiar-link-field {
        width: 100%;
    }

    .social-e-link {
        display: flex;
        gap: 18px;
        align-items: flex-start;
        flex-direction: column;
    }

    .novo-container {
        flex-direction: column;
    }

    .novo-field {
        width: -webkit-fill-available;
    }

    .novo-field2 {
        width: 100%;
    }

    .novo-field3 {
        width: 100%;
    }
    .cbh-phone {
        left: 61%;
        bottom: -2%;
    }
}
@media (max-width:768px) {
    .hide-mobile {
        display: none !important;
    }

    .hide-desktop {
        display: block !important;
    }
    .conteudoInterno {
        padding: 15px !important;
    }
    .titulo-componente {
        font-size: 14px;
    }
    .mainText {
        font-size: 20px;
    }
    .gap-xs-2 {
        gap: .5rem !important;
    }
    .h1afiliadodados{
        font-size: 20px;
    }
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .form-header.card-header-green.text-center.alert.alert-success{
        padding: 10px !important;
    }
    .form-header.card-header-red.text-center.alert.alert-danger{
        padding: 10px !important;
    }
    .algnDrop{
        margin-top: 20px;
    }
    .h1afiliado{
        font-size: 17px !important;
    }
    .area-selector .dropdown-toggle{
        font-size: 20px;
    }
    .close-button {
        cursor: pointer;
        font-size: 38px;
        display: flex;
        justify-content: end;
        height: 23px;
        align-items: center;
        margin-bottom: 6px;
    }
    a.btn.btn-primary.btn-sm.editarAfiliado svg {
        width: 19px !important;
    }
    #overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 111;
    }
    .algnMbdivBtn{
        flex-direction: column;
        gap: 10px;
    }
    .btn-copiar-link{
        width: 100%;
    }
    .btn-ver-formatos{
        width: 100% !important;
    }
    .thumb-banner {
        height: 100%;
        width: 60% !important;
        border-radius: 10px;
    }
    .componente-compartilhar-banner {
        justify-content: space-between;
        width: 100% !important;
        padding: 10px 0 !important;
    }
    .conteudo-comp-compartilhar-banner{
        width: 100% !important;
        padding: 10px !important;
        padding-bottom: 0 !important;
    }
    .panel-body {
        flex-direction: column;
    }
    body {
        margin-bottom: 120px;
    }

    .field-e-btn {
        display: flex;
        gap: 10px;
        width: 100%;
        justify-content: space-between;
    }
    .copiar-link-field {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        max-width: 100%;
    }
    .compartilhar-via {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        max-width: 100%;
    }
    .sidebar{
        position: fixed;
        top: -10px;
        z-index: 999999;
        width: 95%;
        background: white !important;
        margin: 0 auto;
        left: 10px;
    }
    li > a.item-menu-sidebar {
        background: white;
        border-radius: 7px !important;
        margin-bottom: 10px;
    }
    .d-nonemb{
        display: none !important;
    }
    .d-nonedesk{
        display: block !important;
    }
    .bgmbAfi{
        background: #F4F4F4;
        border-radius: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .algnmbDados{
        display: flex;
        margin-top: 5px;
    }
    .bgAfiliadoMen{
        display: flex;
        padding: 7px;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 14px;
        align-self: stretch;
        border-radius: 5px !important;
        background: #F4F4F4;
        height: fit-content !important;
        margin-top: 20px;
    }
    .bgAfiliadoMen2{
        display: flex;
        padding: 7px;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 14px;
        align-self: stretch;
        border-radius: 5px !important;
        height: fit-content !important;
        margin-top: 20px;
    }
    a.btn.btn-danger.btn-sm.sairAfiliado {
        display: flex;
        padding: 7px 10px;
        align-items: center;
        gap: 5px;
        border-radius: 28px;
        background: #C90000;
        color: #FFF;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-top: none !important;
    }
    a.btn.btn-primary.btn-sm.editarAfiliado {
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        padding: 7px 10px;
        align-items: center;
        gap: 5px;
        border-radius: 28px;
        background: #003879;
    }
    a.btn.btn-primary.btn-sm.editarAfiliado:hover {
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        padding: 7px 10px;
        align-items: center;
        gap: 5px;
        border-radius: 28px;
        background: #003879;
    }
    .algnmbBlocoAfiliado{
        align-items: flex-end;
        display: flex;
        margin-left: auto;
        justify-content: end;
        margin-top: 10px;
        gap: 10px;
    }
    .pAfiliadotxt{
        color: #121212;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .spanAfiliadotxt{
        overflow: hidden;
        color: #121212;
        text-overflow: ellipsis;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        align-self: stretch;
    }
}
@media (max-width:500px) {
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .affiliate-program h1{
        color: #D21010;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .affiliate-program h1 small{
        color: #000;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .algnafiliado {
        gap: 30px;
        display: flex;
        flex-direction: column;
        padding: 0 14px;
    }
    div.tituloSistema {
        text-align: center;
    }
    
    div.botaoLogin {
        margin-top: 20px;
        text-align: center;
        font-weight: bold;
    }
    
    div.botaoSair {
        margin-top: 0;
    }

    div.sidebarDesktop {
        display:none;
    }

    div.sidebarMobile {
        display:block;
    }
    
    ul.menu li {
        width: 100%;
    }
    
    ul.menu li a {
        border-left: none;
        text-align: center;
        text-align: center;
        border-bottom: solid 1px;  
    }
    
    .bannersTopo img {
        margin-bottom: 20px;
    }

    .btnCadastrese {
        margin-bottom: 40px;
    }
    
    .topo img  {
            margin: 0 auto;
    }
    
    .topo h1 {
        font-size: 23px !important;
    }
    
    div.botaoSair a {
    max-width: 110px;
    padding: 3px;
    font-size: 18px;
    margin: 0 auto;
    border-radius: 40px;
    }
    
    .linksAfHomeDestaque span {
    display: none;
}
    
}


*{margin: 0; padding: 0;}

body {
    background: #FFF;
}

.algnafiliado{
    gap: 30px;
    display: flex;
    flex-direction: column;
}

h2, .h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.bg-primary-topo{
    background:  #003879;
}

.c-white{
    color: white;
}
.h1afiliado{
    color: #FFF;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
}
.bgmbAfi{
    background: #F4F4F4;
    border-radius: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.bgAfiliadoMen{
    display: flex;
    height: 48.5px;
    padding: 7px;
    align-items: center;
    gap: 10px;
    border-radius: 25px;
    background: #F4F4F4;
}
.bgAfiliadoMen2{
    display: flex;
    height: 48.5px;
    padding: 7px;
    align-items: center;
    gap: 10px;
    border-radius: 25px;
}
.gap5{
    gap: 5px;
}
.pAfiliadotxt{
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.spanAfiliadotxt{
    color: #000;
    text-align: left;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pl-0{
    padding-left: 0 !important;
}
li > a.item-menu-sidebar {
    background: white;
    border-radius: 7px !important;
    margin-bottom: 10px;
}
.sairAfiliado{
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 5px;
    border-radius: 28px;
    background: #C90000;
}
a.btn.btn-primary.btn-sm.editarAfiliado {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 5px;
    border-radius: 28px;
    background: #003879;
    border: none;
}
a.btn.btn-primary.btn-sm.editarAfiliado:hover {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 5px;
    border-radius: 28px;
    background: #003879;
}
.topo {
    width: 100%;
    background: url(../../images/bg-topo.jpg) top center no-repeat #003879;
    padding: 10px 0px;
    background-size: cover;
}

.topo h1 {
    color: #FFF;
    font-size: 43px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0;
}


.logo {
    margin-top: 35px;
}

.tituloSistema {
    color: #fff;
}

.boxForm label, .boxForm a,#result{
margin-top: 10px;
}

.menu {
    background: #fff;
    border-radius: 4px;
    padding: 6px 0;
    margin-top: 35px;
}

.menu a {
    color: #D21010;
    padding: 10px 22px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border-left: dotted 1px;
}

.menu  li:first-child a {
    border-left: dotted 0px;
}

.botaoWhats {
    color: #fff;
}

.botaoWhats a {
    display: block;
    background: rgb(221,152,0);
    background: linear-gradient(to bottom, #3a6066 0%,#054241 100%);
    padding: 9px 8px;
    text-align: center;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    color: #caef02;
    text-shadow: 0 1px 0px #123233;
    text-rendering: geometricPrecision;
    margin-bottom: 15px;
    box-shadow: 0 3px 0px #000;
}

.botaoWhats a:hover {
    background: rgb(221,152,0);
    background: linear-gradient(to bottom, #3a6066 0%,#054241 100%);
    text-decoration: none;
}

.botaoLogin {
    color: #fff;
    margin-top: 25px;
}

.botaoLogin a {
    display: block;
    background: rgb(221,152,0);
    background: linear-gradient(0deg, rgba(221,152,0,1) 0%, rgba(252,215,0,1) 79%, rgba(255,244,0,1) 100%);
    padding: 9px 8px;
    text-align: center;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    color: #a07608;
    text-shadow: 0 1px 0px #fdd800;
    text-rendering: geometricPrecision;
}

.botaoLogin a:hover {
    background: rgb(221,152,0);
    background: linear-gradient(0deg, rgba(221,152,0,1) 0%, rgba(252,215,0,1) 79%, rgba(255,244,0,1) 100%);
    text-decoration: none;
}


.botaoSair {
    margin-top: 78px;
    color: #fff;
}

.botaoSair a {
    display: block;
    background: #ffdb21;
    padding: 10px 8px;
    text-align: center;
    font-size: 21px;
    border-radius: 4px;
    margin-top: 0;
    font-weight: bold;
    box-shadow: 0px 3px 0px #b59b13;
    color: #850001;
    text-decoration: none;
}

.nomeAfiliado {
    font-size: 18px;
    color: #ffdb21;
    margin-top: 5px;
    display: block;
    margin-bottom: 0;
    text-transform: uppercase;
}

.alterarDados {
    font-size: 8px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 20px;
    border: solid 1px;
    padding: 3px 8px;
    margin-top: -30px;
}

a.alterarDados:hover, a.alterarDados:focus {
    color: yellow;
    text-decoration: none;
}

.sidebar {
    padding: 15px;
    background: #EAF3FF;
    border: 1px solid #C7D7EB;
    margin-top: 30px;
    border-radius: 10px;
}

.sidebar a {
    padding: 10px;
    display: block;
    background: #f4f4f4;
    color: #121212;
    font-weight: bold;
    border-radius: 3px;
    margin-bottom: 4px;
    text-decoration: none;
}

.sidebar li:last-child a{
    margin-bottom: 0;
}

.sidebar a:hover, .sidebar a:focus {
    background: #005CC8;
    color: white;
    fill: white;
    box-shadow: 0 1px 4px #bdbdbd;
}

..modal-body {
    display: flex;
}

.modal-header-sucess {
    background-color: #048534;
    color: white;
}

.modal-header-error {
    background-color: #FF0000;
    color: white;
}

.alert-danger {
    --bs-alert-color: none;
    --bs-alert-bg: none;
    --bs-alert-border-color: none;
}

.alert-success {
     --bs-alert-color: none;
     --bs-alert-bg: none;
     --bs-alert-border-color: none;
}

.sidebar a:hover, .sidebar a:hover {
    background: #2386ff;
    color: white;
    fill: white;
    box-shadow: 0 1px 4px #bdbdbd;
    transition: .2s;
}

.sidebar-active {
    background: #005CC8 !important;
    color: white !important;
    fill: white !important;
    box-shadow: 0 1px 4px #bdbdbd !important;
    transition: .2s !important;
}

.sidebar ul {
    list-style:none;
    margin-bottom: 0;
}

.sidebar h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: red;
    color: white;
    padding: 10px;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    background: rgb(134,10,10);
    background: linear-gradient(0deg, rgba(134,10,10,1) 0%, rgba(121,9,43,1) 35%, rgba(255,0,0,1) 100%);
    margin-top: 10px;
}

.conteudoInterno {
    margin-top: 30px;
    padding: 0 25px;
    border-radius: 5px;
    min-height: calc(90vh - 150px);
}

.tituloTablePainel {
    text-align: center;
    font-weight: bold;
}



.componente-compartilhar-banner {
    display: flex;
    flex-direction: row;
    padding: 12px;
    background: #EAF3FF;
    border: 1px solid #C7D7EB;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.thumb-banner {
    height: 100%;
    width: 20%;
    border-radius: 10px;
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
    margin-top:16px;
}

.btn-ver-formatos {
    display: flex;
    gap: 10px;
    height: 50px;
    padding: 7px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    border-radius: 7px;
    text-decoration: none;
    color: #005CC8;
}

.conteudo-comp-compartilhar-banner {
    justify-content: space-between;
    padding: 20px;
    width: 80%;
}

.tablePainel {
    background: #fff;
    margin: 0 auto;
    max-width: 100%;
    color: #003879;
}

.tablePainel thead {
    background: #003879;
    color: #fff;
}

.texto-site {
    font-size: 12px;
}

.carousel, .carousel .carousel-inner, a.carousel-control{
    border-radius: 10px;
}

.carousel-indicators {
    display: none;
}

.barraTitulo {
    background: #610e0e;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff;
}

.barraTitulo h1 {
    font-weight: bold;
    font-size: 20px;
    margin: 15px 20px;
}
.nomePagina{
    padding:3px 0px;
    background: #dddddd;
    text-align: center;
    font-weight: bold;
}
.linkParceiro{
    padding:3px 0px;
    background: #f8f8f8;
    text-align: center;
}

.rodape {
    background: #D21010;
    padding: 15px;
    margin-top: 40px;
    color: white;
}
.faq-container {
    margin: 20px auto;
    display: flex;
    padding: 35px;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    align-self: stretch;
    border-radius: 25px;
    background: #B80505;
}
.faq-box {
    border: 1px solid #d9534f;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
    width: 100%;
    border-radius: 15px;
}
.freqTxt{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.faq-header {
    color: #BF0505;
    font-family: "Montserrat";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.faq-header h4{
    color: #BF0505;
    font-family: "Montserrat";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-bottom: 15px;
}
.pergFreq{
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}
.faq-box p {
    margin: 0;
}
.direitosReservados {
    text-align: center;
}

.btnCadastrese {
    background: rgb(2, 84, 16);
    background: linear-gradient(0deg, rgb(8, 117, 23) 0%, rgb(35, 162, 92) 35%, rgb(136, 216, 160) 100%);
    padding: 10px 15px;
    text-transform: uppercase;
    color: #0a731c;
    font-weight: bold;
    text-shadow: 0 1px 0 #6fca8f;
    border-radius: 6px;
    margin-top: 10px;
    display: block;
    text-align: center;
    font-size: 20px;
    border: solid 3px #ececec;
}

.btnCadastrese:hover {
    color: #0e632a;
    text-shadow: 0 -1px 0 #6fca8f;
    text-decoration: none;
}

.passoapasso {
    margin-top: 30px;
}

.passoapasso p {
    text-align: center;
}

.passoapasso img {
    margin-bottom: 10px;
}

.sidebarMobile {
    display: none;
}

.bannersTopo {
    margin-bottom: 30px;
}

.bannersTopo img {
    border-radius: 4px;
}

.nomePagina {
    padding: 3px 0px;
    background: #8d0102;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    margin-top: 30px;
}

.sidebarMobile {
    display: none;
}



.tamanhosDisponiveis a{
border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
    width: 150px;
    text-align: center;
}

.tamanhosDisponiveis a:hover{
 border:1px solid #1c5675;
 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}


.areaLinksBannersCurso {
    background: #dcdcdc;
    margin-top: 30px;
    border-radius: 10px;
}

.linkParceiro {
    padding: 3px 0px;
    background: #dcdcdc;
    text-align: center;
}

.linkParceiro input[type=text] {
    width: calc(100% - 200px);
    height: 30px;
    border-radius: 3px;
    border: dashed 1px #acacac;
    padding: 5px;
    font-size: 12px;
}


.linkParceiro button {
    width: 180px;
    font-size: 10px;
    border-radius: inherit;
    height: 30px;
    border-radius: 20px;
    background: #ffa900;
    color: #5a4316;
    font-weight: bold;
    text-shadow: 0px 1px 0px #ffe000;
    outline: none;
    
}

.areaLinksBannersCurso {
    background: #dcdcdc;
    margin-top: 30px;
    border-radius: 10px;
}

p.labelTamanhos {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}

.d-nonemb{
    display: block;
}
.d-nonedesk{
    display: none;
}
.hamburger-menu {
    font-size: 30px;
    border: none;
    background: none;
    color: #003879;
    display: flex;
    padding: 0 7px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    background: #FFF;
}
tbody > tr > td {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}