#planos{min-height: calc(100vh - 60px);padding-top: 30px; padding-left: 10px; padding-right: 10px; } #planos .plans{min-height: 400px; } #form_pay .doc_valid{border: 1px solid green !important; } #form_pay .doc_invalid{border: 1px solid red !important; } #form_pay{display: none; } .plans{background-color: rgb(5, 91, 187) !important; color: white !important; } .dark-mode .text-muted{color: white!important; font-size: 15pt; } .assinarPlano{background: #171717; border: 0; transition: 0.3s; } .div_assinar{position: absolute; width: 100%; bottom: 0px; left: 0; padding: 15px; } .assinarPlano:hover{background: #171717; scale: 1.05; opacity: 0.9; } #form_pay .form-control{border: 1px solid rgb(5, 91, 187); } .pagarPagbank{border: 0px;transition: 0.3s; } .pagarPagbank:hover{background-color: rgb(5, 91, 187) !important; scale: 1.05; opacity: 0.9; } .pagarPagbank:focus{background-color: rgb(5, 91, 187) !important; scale: 1.05; opacity: 0.9; border: 0!important; box-shadow: none; } .loader_input {display: none; position: absolute; right: 10px; width: 30px; height: 30px; top: 14px; border: 2px solid #f3f3f3; border-top: 2px solid rgb(5, 91, 187); border-radius: 100%; -webkit-animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .alert_doc{display: none; color:red; margin-top: 10px; } .confirm_doc{display: none; color:green; margin-top: 10px; }.validate_doc{display: none; color:gold; margin-top: 10px; } .renovarPlano{background: #171717; border: 0; transition: 0.3s; } .renovarPlano:hover{background: #171717; border: 0; scale: 1.05; opacity: 0.9; } .mb-2 {margin-bottom: 1px !important;font-size: 10pt; }#planos .list-unstyled{margin-top: 20px; } #planos .price-itens{margin-bottom: 20px; } #planos ul li{list-style: disc; margin-left: 20px; }