@font-face {
    font-family: 'montserrat';
    src: url('../../fonts/pub/drcentral/Montserrat-Regular.ttf');
    src: url('../../fonts/pub/drcentral/Montserrat-Regular.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/pub/drcentral/Montserrat-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-Bold';
    src: url('../../fonts/pub/drcentral/Montserrat-Bold.ttf');
    src: url('../../fonts/pub/drcentral/Montserrat-Bold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/pub/drcentral/Montserrat-Bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HankRnd';
    src: url('../../fonts/pub/drcentral/HankRnd-Regular.ttf');
    src: url('../../fonts/pub/drcentral/HankRnd-Regular.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/pub/drcentral/HankRnd-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HankRnd-Bold';
    src: url('../../fonts/pub/drcentral/HankRnd-Bold.ttf');
    src: url('../../fonts/pub/drcentral/HankRnd-Bold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/pub/drcentral/HankRnd-Bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

html, 
body,
.container-drcentral {
	font-family: 'montserrat', 'Infosoft-Web-V1', 'DroidSans', sans-serif;
    min-height: 100vh;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'montserrat-Bold', 'Infosoft-Web-V1-Bold', 'DroidSans-Bold', sans-serif;
}

label {
    color: #01213a !important;
	font-size: 1rem !important;
	font-family: 'HankRnd-Bold';
}

.container-drcentral {
	width: 100%;
    max-width: 800px;
    padding: 2em;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
}

.title-nome-plano {
    color: #01213a;
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 0.1em;
}

.form-control:disabled, 
.form-control[readonly] {
    background-color: #f5f5f5;
    opacity: 1;
}

.title-valor-total-plano{
	color: #df9a23;
    font-weight: bold;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
	font-family: 'HankRnd-Bold';
}

.title-outras-condicoes-pagamento {
    color: #684a93;
    font-size: 14px;
}

.drcentral-divider{
	height: 1px;
	width: 100%;
	background-color: #e5e5e5;
    margin-top: 1em;
    margin-bottom: 1em;
}

.form-control {
    border: 0.0525rem solid #684a93 !important;
    font-family: 'montserrat';
    color: #01213a !important;
}

.form-control:focus {
	border: 1px solid #684a93 !important;
}

.opcoes-pagamento {
	margin-bottom: 1em;
	display: flex;
	gap: 1em;
}

.instrucoes-cartao,
.instrucoes-pix {
    padding: 2em;
    border: 1px solid #684a93;
    border-radius: 5px;
}


body {
	background-color: #fff !important;
	background-size: cover;
}

.btn-continuar {
	font-size: 14px;
	padding: 0.7em;
	background-color: #009d43;
	font-weight: bold;
	letter-spacing: 1px;
}

.btn-forma-pagamento {
	padding: 1em;
}

.btn {
	border-radius: 30px;
}

.btn-copiar-pix {
	border-left-color: transparent !important;
}

.btn-outline-success {
    border: 2px solid #df9a23 !important;
    color: #df9a23;
}

.btn-outline-success:hover {
	background-color: #df9a23;
}

.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(155, 115, 52, 0.5) !important;
}

.btn-outline-success.active {
    background-color: #df9a23;
    color: #F8F8F6;
}

.btn-success {
	background-color: #df9a23 !important;
	border-color: #df9a23 !important;
	color: #F8F8F6 !important;
}

.btn-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(223, 154, 35, 0.5) !important;
}

.container-detalhes {
	margin-top: 2em;
	margin-bottom: 2em;
}

.label-detalhes-compra {
    padding-left: 1em;
    color: #684a93;
    font-weight: bold;
    font-size: 12px;
}

.label-produto-compra {
    padding-left: 2em;
    font-size: 12px;
    color: #626974;
}

.botao-save-modal{
	color: #F8F8F6;
    background-color: #0F9976;
    border-color: #0F9976;
}

.botao-save-modal:hover,
.botao-save-modal:focus,
.botao-save-modal.focus,
.botao-save-modal
.botao-save-modal,
.open > .dropdown-toggle.botao-save-modal {
  background-color: #0F9950;
  border-color: #0F9950;
  color: #F8F8F6;
}

.botao-close-modal{
	color: #F8F8F6;
    background-color: gray;
    border-color: grey;
}

.botao-close-modal:hover,
.botao-close-modal:focus,
.botao-close-modal.focus,
.botao-close-modal
.botao-close-modal,
.open > .dropdown-toggle.botao-close-modal {
  background-color: lightgray;
  border-color: lightgray;
  color: #F8F8F6;
}

.header-drcentral {
    background: linear-gradient(270deg, rgb(104, 74, 147) 50%, rgb(91, 62, 134) 74.8407643312102%);
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

.withe-border-header {
	width: 100%;
	height: 20px;
	background-color: #FFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.gap-2em {
	display: flex;
	gap: 2em;
}

.footer-drcentral {
    background: linear-gradient(270deg, rgb(104, 74, 147) 50%, rgb(91, 62, 134) 74.8407643312102%);
    height: 60px;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.withe-border-footer {
	height: 20px;
	width: 100%;
	background-color: #fff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.footer-drcentral > div {
    display: flex;
    color: white;
    align-items: center;
    gap: 1em;
}

.link-termos {
	color: #F8F8F6;
	cursor: pointer;
}

.link-termos:hover {
	color: #F8F8F6;
	opacity: 0.7;
}

.painel-dourado {
	background: linear-gradient(to left, #684a93, #684a93);
	color: #F8F8F6;
}

.footer-cliente-mais {
	width: 20px;
    padding-left: 5px;
    padding-right: 5px;	
}

.form-control {
	background-color: transparent;
    border: 1px solid #e5e5e5 !important;
	border-radius: 20px;
}

.imagem-logo-footer{
	width: 40px
}

#nmInformacaoFranquia {
    font-weight: bold;
    letter-spacing: 0.5px;
}

.container-imagem-cartao {
	display: flex;
	align-items: center;
}

.imagem-cartao {
    width: 200px;
}

.container-title {
	display: flex;
	align-items: center;
}

.icone-success{
    font-size: 150px;
    color: #684a93;
}

.agradecimento {
    color: #626974;
    font-size: 14px;
}

.container-dados-app {
	display: flex;
	gap: 3em;
}

.title-facilidades {
	font-size: 15px;
}

.instrucoes-app {
	margin-top: 1em;
    color: #7c7c85;
    font-size: 14px;
}

.feito {
	color: #684a93;
}

.instrucoes-pix {
    color: #7c7c85;
    font-size: 14px;	
}

.container-buttons-lojas {
	display: flex;
	justify-content: center;
	gap: 2em;
	margin-top: 2em;
}

.btn-loja {
    background-color: #00a481;
    border: #00a481;
    padding: 1em;
    border-radius: 10px;
    font-size: 15px;
    display: flex;
    gap: 10px;
}


.vlr-pix {
    color: #684a93;
    margin-top: 1em;
    margin-bottom: 0em;	
}

.icon-check-pagamento-pix {
   	font-size: 120px;
    color: #684a93;
}

.title-pagamento-realizado {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4em;
}

.content-copiado-pix {
	opacity: 0;
	color: hsla(151, 99.9%, 28.0%, 0.812);
	transition: opacity 1.5s;
}

.content-copiado-pix.active {
	opacity: 1;
}

.conteiner-instrucoes-pix {
    padding: 3em 3em;
}

.hash-seguranca {
	padding-top: 5px !important;	
}

.bloqueio-load {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.icone-obrigatorio-venda-online {
	font-size: 10px;
	color: #df9a23;
	margin-left: 5px;
}

.input-invalid {
	border: 1px solid #684a93 !important;
}

tbody > tr {
    height: 0px !important;
}

.container-concorda-com-os-termos {
	margin-bottom: 2em;
	gap: 1em;
    display: flex;
    align-items: center;
}

.link-open-contrato {
	cursor: pointer;
	color: #684a93;
	font-weight: bold;
}

.title-participantes-adicionais {
	color: #684a93;
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
}

.container-participantes {
	padding: 2em;
    border: 1px solid #684a93;
    border-radius: 5px;
    margin-bottom: 2em;
}

.table thead tr th {
	background-color: #684a93 !important;
    color: #F8F8F6 !important;
}

.table thead th:nth-child(2),
.table tbody tr td:nth-child(2) {
    border-left: none !important;
    padding-left: 1em;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.table tbody tr td:nth-child(1) {
    border-left: 1px solid rgba(231, 234, 243, .7) !important;
    padding-left: 1em;
}

.table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 10px !important;
}

.table tbody tr td {
	height: 50px;
}

.a-button {
	cursor: pointer;
	transition: transform 0.2s;
    display: flex;
    font-size: 12px;
}

.a-button:hover {
	transform: translateX(3px);
	text-decoration: underline;
}

.font-family-montserrat{
	font-family: 'montserrat';
}

@media (max-width: 700px){
  
	.container-title {
  		flex-direction: column;
  		gap: 1em;
  	}
  
}

#ta_hashSeguranca {
	height: 50px;
}

@media (max-width: 800px) {
    
    input.form-control, 
    select.form-control, 
    textarea.form-control {
        padding-top: 5px !important;
        padding-bottom: 5px;
        border-radius: 20px;
    }
    
    .form-check-input {
	    width: 2rem;
	    height: 1.5em;
	}
	
}