initial commit
This commit is contained in:
0
resources/css/app.css
vendored
Normal file
0
resources/css/app.css
vendored
Normal file
105
resources/css/credit_report.css
vendored
Normal file
105
resources/css/credit_report.css
vendored
Normal file
@@ -0,0 +1,105 @@
|
||||
.shape {
|
||||
border-style: solid;
|
||||
border-width: 0 70px 40px 0;
|
||||
float: right;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
-ms-transform: rotate(360deg); /* IE 9 */
|
||||
-o-transform: rotate(360deg); /* Opera 10.5 */
|
||||
-webkit-transform: rotate(360deg); /* Safari and Chrome */
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
.listing {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.listing:hover {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: rotate scale(1.1);
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.shape {
|
||||
border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
|
||||
}
|
||||
.listing-radius {
|
||||
border-radius: 7px;
|
||||
}
|
||||
.listing-danger {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
.listing-danger .shape {
|
||||
border-color: transparent #d9533f transparent transparent;
|
||||
}
|
||||
.listing-success {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
.listing-success .shape {
|
||||
border-color: transparent #5cb75c transparent transparent;
|
||||
}
|
||||
.listing-default {
|
||||
border-color: #999999;
|
||||
}
|
||||
.listing-default .shape {
|
||||
border-color: transparent #999999 transparent transparent;
|
||||
}
|
||||
.listing-primary {
|
||||
border-color: #428bca;
|
||||
}
|
||||
.listing-primary .shape {
|
||||
border-color: transparent #318bca transparent transparent;
|
||||
}
|
||||
.listing-info {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
.listing-info .shape {
|
||||
border-color: transparent #5bc0de transparent transparent;
|
||||
}
|
||||
.listing-warning {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
.listing-warning .shape {
|
||||
border-color: transparent #f0ad4e transparent transparent;
|
||||
}
|
||||
.shape-text {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
right: -40px;
|
||||
top: 2px;
|
||||
white-space: nowrap;
|
||||
-ms-transform: rotate(30deg); /* IE 9 */
|
||||
-o-transform: rotate(360deg); /* Opera 10.5 */
|
||||
-webkit-transform: rotate(30deg); /* Safari and Chrome */
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
.listing-content {
|
||||
padding: 20px;
|
||||
height: 100px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.text-primary{
|
||||
color: #318bca;
|
||||
}
|
||||
|
||||
.text-success{
|
||||
color: #5cb75c;
|
||||
}
|
||||
|
||||
.text-danger{
|
||||
color: #d9533f;
|
||||
}
|
||||
|
||||
.text-bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
36
resources/css/loader.css
vendored
Normal file
36
resources/css/loader.css
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
/* (A) FULL SCREEN WRAPPER */
|
||||
#spinner {
|
||||
position: fixed;
|
||||
top: 0; left: 0;
|
||||
width: 100vw; height: 100vh;
|
||||
z-index: 5000000000;
|
||||
background: rgba(16, 16, 16, 0.5);
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
/* (B) CENTER LOADING SPINNER */
|
||||
#spinner img {
|
||||
position: absolute;
|
||||
top: 50%; left: 50%;
|
||||
transform: translate(-50%);
|
||||
}
|
||||
|
||||
|
||||
/* (X) DOES NOT QUITE MATTER */
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#loading {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 500000000000000;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(16, 16, 16, 0.5);
|
||||
/*background-image: url(https://i.stack.imgur.com/FhHRx.gif);*/
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
37
resources/css/login.css
vendored
Normal file
37
resources/css/login.css
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
body{
|
||||
background-color: #004AAD;
|
||||
}
|
||||
.help-block strong { color: red; }
|
||||
.login_content h1::before { background: none !important; }
|
||||
.login_content h1::after { background: none !important; }
|
||||
.footer-copyright{
|
||||
margin-top: 40%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
color: #f5f7f9;
|
||||
font-size: 15px;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
.footer-copyright{
|
||||
margin-top: 40%;
|
||||
margin-left: 10px !important;
|
||||
width: 100% !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.footer-copyright {
|
||||
margin-top: 40%;
|
||||
margin-left: 10px !important;
|
||||
width: 100% !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.footer-copyright {
|
||||
margin-top: 600px;
|
||||
margin-left: 10px !important;
|
||||
width: 100% !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
}
|
||||
548
resources/css/modal.css
vendored
Normal file
548
resources/css/modal.css
vendored
Normal file
@@ -0,0 +1,548 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
|
||||
|
||||
*{
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.container{
|
||||
min-height:100vh;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
background-color:#eee;
|
||||
}
|
||||
.container .card{
|
||||
height:500px;
|
||||
width:1100px;
|
||||
background-color:#fff;
|
||||
position:relative;
|
||||
box-shadow:0 15px 30px rgba(0,0,0,0.1);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
border-radius:20px;
|
||||
}
|
||||
.container .card .form{
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
||||
display:flex;
|
||||
}
|
||||
.container .card .left-side{
|
||||
width:35%;
|
||||
background-image: -webkit-linear-gradient(-90deg, #8ba8e0 0%, #4e74f2 100%);
|
||||
height:100%;
|
||||
border-top-left-radius:20px;
|
||||
border-bottom-left-radius:20px;
|
||||
padding:20px 30px;
|
||||
box-sizing:border-box;
|
||||
|
||||
}
|
||||
/*left-side-start*/
|
||||
.left-heading{
|
||||
color:#fff;
|
||||
|
||||
}
|
||||
.steps-content{
|
||||
margin-top:30px;
|
||||
color:#fff;
|
||||
}
|
||||
.steps-content p{
|
||||
font-size:12px;
|
||||
margin-top:15px;
|
||||
}
|
||||
.progress-bar{
|
||||
list-style:none;
|
||||
/*color:#fff;*/
|
||||
margin-top:30px;
|
||||
font-size:13px;
|
||||
font-weight:700;
|
||||
counter-reset:container 0;
|
||||
}
|
||||
.progress-bar li{
|
||||
position:relative;
|
||||
margin-left:40px;
|
||||
margin-top:50px;
|
||||
counter-increment:container 1;
|
||||
color:#4f6581;
|
||||
}
|
||||
.progress-bar li::before{
|
||||
content:counter(container);
|
||||
line-height:25px;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
height:25px;
|
||||
width:25px;
|
||||
border:1px solid #4f6581;
|
||||
border-radius:50%;
|
||||
left:-40px;
|
||||
top:-5px;
|
||||
z-index:10;
|
||||
background-color:#4A8ACD;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.progress-bar li::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 90px;
|
||||
width: 2px;
|
||||
background-color: #4f6581;
|
||||
z-index: 1;
|
||||
left: -27px;
|
||||
top: -70px;
|
||||
}
|
||||
|
||||
|
||||
.progress-bar li.active::after{
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.progress-bar li:first-child:after{
|
||||
display:none;
|
||||
}
|
||||
|
||||
/*.progress-bar li:last-child:after{*/
|
||||
/* display:none; */
|
||||
/*}*/
|
||||
.progress-bar li.active::before{
|
||||
color:#fff;
|
||||
border:1px solid #fff;
|
||||
}
|
||||
.progress-bar li.active{
|
||||
color:#fff;
|
||||
}
|
||||
.d-none{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*left-side-end*/
|
||||
.container .card .right-side{
|
||||
width:65%;
|
||||
background-color:#fff;
|
||||
height:100%;
|
||||
border-radius:20px;
|
||||
}
|
||||
/*right-side-start*/
|
||||
.main{
|
||||
display:none;
|
||||
}
|
||||
.active{
|
||||
display:block;
|
||||
}
|
||||
.main{
|
||||
padding:40px;
|
||||
}
|
||||
.main small{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-top:2px;
|
||||
height:30px;
|
||||
width:30px;
|
||||
background-color:#ccc;
|
||||
border-radius:50%;
|
||||
color:yellow;
|
||||
font-size:19px;
|
||||
}
|
||||
.text{
|
||||
margin-top:20px;
|
||||
}
|
||||
.congrats{
|
||||
text-align:center;
|
||||
color: #0b0b0b;
|
||||
}
|
||||
.text p{
|
||||
margin-top:10px;
|
||||
font-size:13px;
|
||||
font-weight:700;
|
||||
color:#cbced4;
|
||||
}
|
||||
.input-text{
|
||||
margin:30px 0;
|
||||
display:flex;
|
||||
gap:20px;
|
||||
}
|
||||
|
||||
.input-text .input-div{
|
||||
width:100%;
|
||||
position:relative;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
input[type="text"],input[type="password"]{
|
||||
width:100%;
|
||||
height:40px;
|
||||
border:none;
|
||||
outline:0;
|
||||
border-radius:5px;
|
||||
border:1px solid #cbced4;
|
||||
gap:20px;
|
||||
box-sizing:border-box;
|
||||
padding:0px 10px;
|
||||
}
|
||||
select{
|
||||
width:100%;
|
||||
height:40px;
|
||||
border:none;
|
||||
outline:0;
|
||||
border-radius:5px;
|
||||
border:1px solid #cbced4;
|
||||
gap:20px;
|
||||
box-sizing:border-box;
|
||||
padding:0px 10px;
|
||||
}
|
||||
.input-text .input-div span{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
font-size:12px;
|
||||
transition:all 0.5s;
|
||||
}
|
||||
.input-div input:focus ~ span,.input-div input:valid ~ span {
|
||||
top:-15px;
|
||||
left:6px;
|
||||
font-size:10px;
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
.input-div span{
|
||||
top:-15px;
|
||||
left:6px;
|
||||
font-size:10px;
|
||||
}
|
||||
.buttons button{
|
||||
height:40px;
|
||||
width:100px;
|
||||
border:none;
|
||||
border-radius:5px;
|
||||
background-color:#0075ff;
|
||||
font-size:12px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.button_space{
|
||||
display:flex;
|
||||
gap:20px;
|
||||
|
||||
}
|
||||
.button_space button:nth-child(1){
|
||||
background-color:#fff;
|
||||
color:#000;
|
||||
border:1px solid#000;
|
||||
}
|
||||
.user_card{
|
||||
margin-top:20px;
|
||||
margin-bottom:40px;
|
||||
height:200px;
|
||||
width:100%;
|
||||
border:1px solid #c7d3d9;
|
||||
border-radius:10px;
|
||||
display:flex;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.user_card span{
|
||||
height:80px;
|
||||
width:100%;
|
||||
background-color:#dfeeff;
|
||||
}
|
||||
.circle{
|
||||
position:absolute;
|
||||
top:40px;
|
||||
left:60px;
|
||||
}
|
||||
.circle span{
|
||||
height:70px;
|
||||
width:70px;
|
||||
background-color:#fff;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
border:2px solid #fff;
|
||||
border-radius:50%;
|
||||
}
|
||||
.circle span img{
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-radius:50%;
|
||||
object-fit:cover;
|
||||
}
|
||||
.social{
|
||||
display:flex;
|
||||
position:absolute;
|
||||
top:100px;
|
||||
right:10px;
|
||||
}
|
||||
.social span{
|
||||
height:30px;
|
||||
width:30px;
|
||||
border-radius:7px;
|
||||
background-color:#fff;
|
||||
border:1px solid #cbd6dc;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-left:10px;
|
||||
color:#cbd6dc;
|
||||
|
||||
}
|
||||
.social span i{
|
||||
cursor:pointer;
|
||||
}
|
||||
.heart{
|
||||
color:red !important;
|
||||
}
|
||||
.share{
|
||||
color:red !important;
|
||||
}
|
||||
.user_name{
|
||||
position:absolute;
|
||||
top:110px;
|
||||
margin:10px;
|
||||
padding:0 30px;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.user_name h3{
|
||||
color:#4c5b68;
|
||||
}
|
||||
.detail{
|
||||
/*margin-top:10px;*/
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
margin-right:50px;
|
||||
}
|
||||
.detail p{
|
||||
font-size:12px;
|
||||
font-weight:700;
|
||||
|
||||
}
|
||||
.detail p a{
|
||||
text-decoration:none;
|
||||
color:blue;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.checkmark__circle {
|
||||
stroke-dasharray: 166;
|
||||
stroke-dashoffset: 166;
|
||||
stroke-width: 2;
|
||||
stroke-miterlimit: 10;
|
||||
stroke: #7ac142;
|
||||
fill: none;
|
||||
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
|
||||
}
|
||||
|
||||
.checkmark {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
stroke-width: 2;
|
||||
stroke: #fff;
|
||||
stroke-miterlimit: 10;
|
||||
margin: 10% auto;
|
||||
box-shadow: inset 0px 0px 0px #7ac142;
|
||||
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
||||
}
|
||||
|
||||
.checkmark__check {
|
||||
transform-origin: 50% 50%;
|
||||
stroke-dasharray: 48;
|
||||
stroke-dashoffset: 48;
|
||||
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
|
||||
}
|
||||
|
||||
@keyframes stroke {
|
||||
100% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
@keyframes scale {
|
||||
0%, 100% {
|
||||
transform: none;
|
||||
}
|
||||
50% {
|
||||
transform: scale3d(1.1, 1.1, 1);
|
||||
}
|
||||
}
|
||||
@keyframes fill {
|
||||
100% {
|
||||
box-shadow: inset 0px 0px 0px 30px #7ac142;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.warning{
|
||||
border:1px solid red !important;
|
||||
}
|
||||
|
||||
|
||||
/*right-side-end*/
|
||||
@media (max-width:750px) {
|
||||
.container{
|
||||
height:scroll;
|
||||
|
||||
|
||||
}
|
||||
.container .card {
|
||||
max-width: 350px;
|
||||
height:auto !important;
|
||||
margin:30px 0;
|
||||
}
|
||||
.container .card .right-side {
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.input-text{
|
||||
display:block;
|
||||
}
|
||||
|
||||
.input-text .input-div{
|
||||
margin-top:20px;
|
||||
|
||||
}
|
||||
|
||||
.container .card .left-side {
|
||||
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.error{
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.field-validation-error{
|
||||
top: 30px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.field-validation-error span{
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
.next_button{
|
||||
background-color: #FF440A !important;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button:disabled{
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.top-area{
|
||||
display: flex;
|
||||
}
|
||||
.link-area{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.link-area a{
|
||||
color: #82aee2;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
font-family: "Lato",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
input:read-only{
|
||||
background: lightgrey;
|
||||
}
|
||||
|
||||
/* my custom css*/
|
||||
.container .card .form {
|
||||
background-image: -webkit-linear-gradient(-90deg, #54c7dc 0%, #4361c2 100%);
|
||||
height: 100%;
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.container .card{
|
||||
height: auto;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.container .card .right-side {
|
||||
width: 65%;
|
||||
background-color: #fff;
|
||||
height: auto;
|
||||
border-radius: 20px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.container .card .left-side{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.edit-text{
|
||||
text-align: right;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.label-text{
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.radio-text{
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* my custom css*/
|
||||
222
resources/css/payment.css
vendored
Normal file
222
resources/css/payment.css
vendored
Normal file
@@ -0,0 +1,222 @@
|
||||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
z-index: 100000000;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.modal {
|
||||
/*overflow-x: auto;*/
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
position: relative;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
#payment-modal {
|
||||
font-family: Arial;
|
||||
font-size: 17px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
||||
#payment-modal * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#payment-modal .row {
|
||||
display: -ms-flexbox; /* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap; /* IE10 */
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -16px;
|
||||
}
|
||||
|
||||
#payment-modal .col-25 {
|
||||
-ms-flex: 25%; /* IE10 */
|
||||
flex: 25%;
|
||||
}
|
||||
|
||||
#payment-modal .col-50 {
|
||||
-ms-flex: 50%; /* IE10 */
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
#payment-modal .col-75 {
|
||||
-ms-flex: 75%; /* IE10 */
|
||||
flex: 75%;
|
||||
}
|
||||
|
||||
#payment-modal
|
||||
.col-25,
|
||||
.col-50,
|
||||
.col-75 {
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
#payment-modal .payment-container {
|
||||
/* background-color: #f2f2f2; */
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #2A3F54;
|
||||
padding: 5px 20px 15px 20px;
|
||||
border: 1px solid lightgrey;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
padding: 10px 25px;
|
||||
box-shadow: 0 10px 10px 10px rgb(0 0 0 / 10%);
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#payment-modal input[type=text] {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
padding: 12px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#payment-modal label {
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#payment-modal .icon-container {
|
||||
margin-bottom: 20px;
|
||||
padding: 7px 0;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#payment-modal .btn {
|
||||
background-color: #FF440A !important;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
width: 100%;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#payment-modal .btn:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
|
||||
#payment-modal a {
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
#payment-modal hr {
|
||||
border: 1px solid lightgrey;
|
||||
}
|
||||
|
||||
#payment-modal span.price {
|
||||
float: right;
|
||||
color: grey;
|
||||
}
|
||||
#payment-modal .bottom-panel{
|
||||
text-align: center;
|
||||
}
|
||||
#payment-modal .smart-credit-pkg{
|
||||
width: 250px !important;
|
||||
margin-top: -20px !important;
|
||||
margin-left: 15px !important;
|
||||
padding-top: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
#payment-modal .top-text{
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding-bottom: 15px;
|
||||
margin-left: 15px;
|
||||
color: darkblue;
|
||||
}
|
||||
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
|
||||
@media (max-width: 800px) {
|
||||
#payment-modal .row {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
#payment-modal .col-25 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#payment-modal .main{
|
||||
margin: 15px !important;
|
||||
}
|
||||
|
||||
#payment-modal .container{
|
||||
border-radius: 0;
|
||||
}
|
||||
#payment-modal .text-center-sm{
|
||||
text-align: center !important;
|
||||
}
|
||||
#payment-modal .bottom-panel{
|
||||
text-align: center !important;
|
||||
}
|
||||
#payment-modal .smart-credit-pkg{
|
||||
width: 95% !important;
|
||||
margin-top: -20px !important;
|
||||
padding-top: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
#payment-modal .top-text{
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
padding-bottom: 15px;
|
||||
color: darkblue;
|
||||
}
|
||||
#payment-modal .header-panel{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
#payment-modal .row {
|
||||
display: flow-root;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -16px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 400px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
#payment-modal .center{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#payment-modal .text-center {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#payment-modal .btn2 {
|
||||
background-color: #FF440A !important;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-weight: 800;
|
||||
font-size: 1em;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
border-radius: 7px;
|
||||
margin: 20px;
|
||||
padding: 10px 100px;
|
||||
background-size: 200% auto;
|
||||
border: none;
|
||||
color: white;
|
||||
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
|
||||
background-image: linear-gradient(to right, #FF440A 0%, #dc3d0c 50%, #9e2d0a 100%);
|
||||
background-image: -webkit-linear-gradient(to right, #FF440A 0%, #dc3d0c 50%, #9e2d0a 100%);
|
||||
background-image: -o-linear-gradient(to right, #FF440A 0%, #dc3d0c 50%, #9e2d0a 100%);
|
||||
transition: 0.35s;
|
||||
-webkit-transition: 0.35s;
|
||||
}
|
||||
548
resources/css/register.css
vendored
Normal file
548
resources/css/register.css
vendored
Normal file
@@ -0,0 +1,548 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
|
||||
|
||||
*{
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.container{
|
||||
min-height:100vh;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
background-color:#eee;
|
||||
}
|
||||
.container .card{
|
||||
height:500px;
|
||||
width:1100px;
|
||||
background-color:#fff;
|
||||
position:relative;
|
||||
box-shadow:0 15px 30px rgba(0,0,0,0.1);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
border-radius:20px;
|
||||
}
|
||||
.container .card .form{
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
||||
display:flex;
|
||||
}
|
||||
.container .card .left-side{
|
||||
width:35%;
|
||||
background-image: -webkit-linear-gradient(-90deg, #8ba8e0 0%, #4e74f2 100%);
|
||||
height:100%;
|
||||
border-top-left-radius:20px;
|
||||
border-bottom-left-radius:20px;
|
||||
padding:20px 30px;
|
||||
box-sizing:border-box;
|
||||
|
||||
}
|
||||
/*left-side-start*/
|
||||
.left-heading{
|
||||
color:#fff;
|
||||
|
||||
}
|
||||
.steps-content{
|
||||
margin-top:30px;
|
||||
color:#fff;
|
||||
}
|
||||
.steps-content p{
|
||||
font-size:12px;
|
||||
margin-top:15px;
|
||||
}
|
||||
.progress-bar{
|
||||
list-style:none;
|
||||
/*color:#fff;*/
|
||||
margin-top:30px;
|
||||
font-size:13px;
|
||||
font-weight:700;
|
||||
counter-reset:container 0;
|
||||
}
|
||||
.progress-bar li{
|
||||
position:relative;
|
||||
margin-left:40px;
|
||||
margin-top:50px;
|
||||
counter-increment:container 1;
|
||||
color:#4f6581;
|
||||
}
|
||||
.progress-bar li::before{
|
||||
content:counter(container);
|
||||
line-height:25px;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
height:25px;
|
||||
width:25px;
|
||||
border:1px solid #4f6581;
|
||||
border-radius:50%;
|
||||
left:-40px;
|
||||
top:-5px;
|
||||
z-index:10;
|
||||
background-color:#4A8ACD;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.progress-bar li::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 90px;
|
||||
width: 2px;
|
||||
background-color: #4f6581;
|
||||
z-index: 1;
|
||||
left: -27px;
|
||||
top: -70px;
|
||||
}
|
||||
|
||||
|
||||
.progress-bar li.active::after{
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.progress-bar li:first-child:after{
|
||||
display:none;
|
||||
}
|
||||
|
||||
/*.progress-bar li:last-child:after{*/
|
||||
/* display:none; */
|
||||
/*}*/
|
||||
.progress-bar li.active::before{
|
||||
color:#fff;
|
||||
border:1px solid #fff;
|
||||
}
|
||||
.progress-bar li.active{
|
||||
color:#fff;
|
||||
}
|
||||
.d-none{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*left-side-end*/
|
||||
.container .card .right-side{
|
||||
width:65%;
|
||||
background-color:#fff;
|
||||
height:100%;
|
||||
border-radius:20px;
|
||||
}
|
||||
/*right-side-start*/
|
||||
.main{
|
||||
display:none;
|
||||
}
|
||||
.active{
|
||||
display:block;
|
||||
}
|
||||
.main{
|
||||
padding:40px;
|
||||
}
|
||||
.main small{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-top:2px;
|
||||
height:30px;
|
||||
width:30px;
|
||||
background-color:#ccc;
|
||||
border-radius:50%;
|
||||
color:yellow;
|
||||
font-size:19px;
|
||||
}
|
||||
.text{
|
||||
margin-top:20px;
|
||||
}
|
||||
.congrats{
|
||||
text-align:center;
|
||||
color: #0b0b0b;
|
||||
}
|
||||
.text p{
|
||||
margin-top:10px;
|
||||
font-size:13px;
|
||||
font-weight:700;
|
||||
color:#cbced4;
|
||||
}
|
||||
.input-text{
|
||||
margin:30px 0;
|
||||
display:flex;
|
||||
gap:20px;
|
||||
}
|
||||
|
||||
.input-text .input-div{
|
||||
width:100%;
|
||||
position:relative;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
input[type="text"],input[type="password"]{
|
||||
width:100%;
|
||||
height:40px;
|
||||
border:none;
|
||||
outline:0;
|
||||
border-radius:5px;
|
||||
border:1px solid #cbced4;
|
||||
gap:20px;
|
||||
box-sizing:border-box;
|
||||
padding:0px 10px;
|
||||
}
|
||||
select{
|
||||
width:100%;
|
||||
height:40px;
|
||||
border:none;
|
||||
outline:0;
|
||||
border-radius:5px;
|
||||
border:1px solid #cbced4;
|
||||
gap:20px;
|
||||
box-sizing:border-box;
|
||||
padding:0px 10px;
|
||||
}
|
||||
.input-text .input-div span{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
font-size:12px;
|
||||
transition:all 0.5s;
|
||||
}
|
||||
.input-div input:focus ~ span,.input-div input:valid ~ span {
|
||||
top:-15px;
|
||||
left:6px;
|
||||
font-size:10px;
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
.input-div span{
|
||||
top:-15px;
|
||||
left:6px;
|
||||
font-size:10px;
|
||||
}
|
||||
.buttons button{
|
||||
height:40px;
|
||||
width:100px;
|
||||
border:none;
|
||||
border-radius:5px;
|
||||
background-color:#0075ff;
|
||||
font-size:12px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.button_space{
|
||||
display:flex;
|
||||
gap:20px;
|
||||
|
||||
}
|
||||
.button_space button:nth-child(1){
|
||||
background-color:#fff;
|
||||
color:#000;
|
||||
border:1px solid#000;
|
||||
}
|
||||
.user_card{
|
||||
margin-top:20px;
|
||||
margin-bottom:40px;
|
||||
height:200px;
|
||||
width:100%;
|
||||
border:1px solid #c7d3d9;
|
||||
border-radius:10px;
|
||||
display:flex;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.user_card span{
|
||||
height:80px;
|
||||
width:100%;
|
||||
background-color:#dfeeff;
|
||||
}
|
||||
.circle{
|
||||
position:absolute;
|
||||
top:40px;
|
||||
left:60px;
|
||||
}
|
||||
.circle span{
|
||||
height:70px;
|
||||
width:70px;
|
||||
background-color:#fff;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
border:2px solid #fff;
|
||||
border-radius:50%;
|
||||
}
|
||||
.circle span img{
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-radius:50%;
|
||||
object-fit:cover;
|
||||
}
|
||||
.social{
|
||||
display:flex;
|
||||
position:absolute;
|
||||
top:100px;
|
||||
right:10px;
|
||||
}
|
||||
.social span{
|
||||
height:30px;
|
||||
width:30px;
|
||||
border-radius:7px;
|
||||
background-color:#fff;
|
||||
border:1px solid #cbd6dc;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-left:10px;
|
||||
color:#cbd6dc;
|
||||
|
||||
}
|
||||
.social span i{
|
||||
cursor:pointer;
|
||||
}
|
||||
.heart{
|
||||
color:red !important;
|
||||
}
|
||||
.share{
|
||||
color:red !important;
|
||||
}
|
||||
.user_name{
|
||||
position:absolute;
|
||||
top:110px;
|
||||
margin:10px;
|
||||
padding:0 30px;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.user_name h3{
|
||||
color:#4c5b68;
|
||||
}
|
||||
.detail{
|
||||
/*margin-top:10px;*/
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
margin-right:50px;
|
||||
}
|
||||
.detail p{
|
||||
font-size:12px;
|
||||
font-weight:700;
|
||||
|
||||
}
|
||||
.detail p a{
|
||||
text-decoration:none;
|
||||
color:blue;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.checkmark__circle {
|
||||
stroke-dasharray: 166;
|
||||
stroke-dashoffset: 166;
|
||||
stroke-width: 2;
|
||||
stroke-miterlimit: 10;
|
||||
stroke: #7ac142;
|
||||
fill: none;
|
||||
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
|
||||
}
|
||||
|
||||
.checkmark {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
stroke-width: 2;
|
||||
stroke: #fff;
|
||||
stroke-miterlimit: 10;
|
||||
margin: 10% auto;
|
||||
box-shadow: inset 0px 0px 0px #7ac142;
|
||||
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
||||
}
|
||||
|
||||
.checkmark__check {
|
||||
transform-origin: 50% 50%;
|
||||
stroke-dasharray: 48;
|
||||
stroke-dashoffset: 48;
|
||||
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
|
||||
}
|
||||
|
||||
@keyframes stroke {
|
||||
100% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
@keyframes scale {
|
||||
0%, 100% {
|
||||
transform: none;
|
||||
}
|
||||
50% {
|
||||
transform: scale3d(1.1, 1.1, 1);
|
||||
}
|
||||
}
|
||||
@keyframes fill {
|
||||
100% {
|
||||
box-shadow: inset 0px 0px 0px 30px #7ac142;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.warning{
|
||||
border:1px solid red !important;
|
||||
}
|
||||
|
||||
|
||||
/*right-side-end*/
|
||||
@media (max-width:750px) {
|
||||
.container{
|
||||
height:scroll;
|
||||
|
||||
|
||||
}
|
||||
.container .card {
|
||||
max-width: 350px;
|
||||
height:auto !important;
|
||||
margin:30px 0;
|
||||
}
|
||||
.container .card .right-side {
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.input-text{
|
||||
display:block;
|
||||
}
|
||||
|
||||
.input-text .input-div{
|
||||
margin-top:20px;
|
||||
|
||||
}
|
||||
|
||||
.container .card .left-side {
|
||||
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.error{
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.field-validation-error{
|
||||
top: 50px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.field-validation-error span{
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
.next_button{
|
||||
background-color: #FF440A !important;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button:disabled{
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.top-area{
|
||||
display: flex;
|
||||
}
|
||||
.link-area{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.link-area a{
|
||||
color: #82aee2;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
font-family: "Lato",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
input:read-only{
|
||||
background: lightgrey;
|
||||
}
|
||||
|
||||
/* my custom css*/
|
||||
.container .card .form {
|
||||
background-image: -webkit-linear-gradient(-90deg, #54c7dc 0%, #4361c2 100%);
|
||||
height: 100%;
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.container .card{
|
||||
height: auto;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.container .card .right-side {
|
||||
width: 65%;
|
||||
background-color: #fff;
|
||||
height: auto;
|
||||
border-radius: 20px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.container .card .left-side{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.edit-text{
|
||||
text-align: right;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.label-text{
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.radio-text{
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* my custom css*/
|
||||
970
resources/css/smartcredit.css
vendored
Normal file
970
resources/css/smartcredit.css
vendored
Normal file
@@ -0,0 +1,970 @@
|
||||
|
||||
.smart-credit-pkg .sign-up-nav, .smart-credit-pkg .login-nav {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .page-steps {
|
||||
background-color: #f7f8fb
|
||||
}
|
||||
|
||||
.smart-credit-pkg .page-steps .smart-credit-pkg .header__name {
|
||||
font-size: 24px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main {
|
||||
border-radius: 3px;
|
||||
height: calc(100vh - 177px);
|
||||
max-width: 80%;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main--auto {
|
||||
height: auto;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__content {
|
||||
border: 2px solid #f2f2f2;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__aside {
|
||||
background-image: linear-gradient(to bottom, #b8d7f3, #82aee2)
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__aside + .smart-credit-pkg .main__content {
|
||||
border-left: none
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps li + li {
|
||||
margin-left: 50px
|
||||
}
|
||||
|
||||
p {
|
||||
color: #4a4a4a;
|
||||
line-height: 32px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list p {
|
||||
line-height: initial
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text h3 {
|
||||
font-weight: 300;
|
||||
line-height: 1.5
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text p {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
margin-top: 15px;
|
||||
font-weight: bold;
|
||||
line-height: 2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text p.smart-credit-pkg .extra-bold {
|
||||
font-size: 35px;
|
||||
margin-top: 15px;
|
||||
font-weight: bold;
|
||||
line-height: 2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text .smart-credit-pkg .btn-link {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #fff
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element--login {
|
||||
width: 70%;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element--login h2 {
|
||||
color: #82aee2;
|
||||
font-weight: 300
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element--login a {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.smart-credit-pkg .action-link a {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.smart-credit-pkg .main {
|
||||
max-width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .LoginText--box.smart-credit-pkg .d-flex {
|
||||
display: block !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .page-steps .smart-credit-pkg .navigation {
|
||||
display: block
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main {
|
||||
height: auto;
|
||||
flex-direction: column-reverse
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__content, .smart-credit-pkg .main__aside {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__content {
|
||||
border-right: none;
|
||||
padding: 0 30px;
|
||||
border-left: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main__content .smart-credit-pkg .tab-content {
|
||||
padding-top: .5rem !important;
|
||||
padding-bottom: 1rem !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .login-text, .smart-credit-pkg .action-link {
|
||||
text-align: center
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.smart-credit-pkg .steps .smart-credit-pkg .container {
|
||||
padding-left: 0;
|
||||
padding-right: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps {
|
||||
padding-top: 50px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav {
|
||||
margin: 50px -16px 20px;
|
||||
width: auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link {
|
||||
color: #82aee2;
|
||||
font-weight: 300;
|
||||
cursor: context-menu
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link::before {
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
background-color: #c2c2c2;
|
||||
border-color: #c2c2c2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link.smart-credit-pkg .active {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link.smart-credit-pkg .active::before {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
background: #f2f2f2;
|
||||
border-color: #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .confirm-name i {
|
||||
color: #82aee2
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .registration-steps {
|
||||
padding-top: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .mt-sm--2 {
|
||||
margin-top: 16px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .registration-steps .smart-credit-pkg .nav {
|
||||
margin: 50px -30px 20px
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .main--credit {
|
||||
max-width: 100%;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card {
|
||||
border-radius: 4px;
|
||||
border: solid 1px #f2f2f2;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card--short {
|
||||
height: 85%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card--info {
|
||||
border-top: 5px solid #3379d0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card--best, .smart-credit-pkg .report-card--gray {
|
||||
background: #f2f2f2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card--best .smart-credit-pkg .best-value {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: -20px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card--danger {
|
||||
border-top: 5px solid #c03941
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__header {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__header h5 {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
color: #3379d0;
|
||||
font-family: "Open Sans", sans-serif
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__header h5 span {
|
||||
font-size: 21px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__header h5 sup {
|
||||
margin: 0 2px;
|
||||
top: -10px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__price {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__price h4 {
|
||||
color: #82aee2;
|
||||
font-size: 24px !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__price span {
|
||||
text-transform: uppercase;
|
||||
font-size: 11px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card .provider-logo {
|
||||
width: 50%;
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__logo {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__logo span {
|
||||
padding: 0 10px;
|
||||
color: #3379d0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__logo strong {
|
||||
font-family: "open sans";
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card .smart-credit-pkg .provider-logo-small {
|
||||
width: 110px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__logo::before, .smart-credit-pkg .report-card__logo::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
height: 2px;
|
||||
background: #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__text {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__text p {
|
||||
font-size: 13px;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__action {
|
||||
text-align: center;
|
||||
margin-top: auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__action .smart-credit-pkg .btn {
|
||||
border-width: 2px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .points {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .points > li {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.smart-credit-pkg .points > li i {
|
||||
color: #82aee2;
|
||||
margin-right: 5px;
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .points > li + li {
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .best-value {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .best-value img {
|
||||
width: 142px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .coming-soon {
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
right: -20px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .coming-soon img {
|
||||
width: 142px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .coming-soon-btn {
|
||||
border: 2px solid #c2c2c2;
|
||||
color: #c2c2c2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .coming-soon-btn:hover {
|
||||
background: #c2c2c2;
|
||||
color: #fff;
|
||||
border: 2px solid #c2c2c2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .unavailable-btn {
|
||||
border: 2px solid #c2c2c2;
|
||||
color: #c2c2c2;
|
||||
word-spacing: 8px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .unavailable-btn:hover {
|
||||
background: #c2c2c2;
|
||||
color: #fff;
|
||||
border: 2px solid #c2c2c2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__header {
|
||||
max-width: 80%;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__header h4 {
|
||||
font-size: 22px;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__report h4 {
|
||||
font-size: 22px;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-list {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .tab-content__header {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__report {
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__header h4 {
|
||||
font-size: 22px;
|
||||
line-height: 36px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__header p br {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content__report > h4 {
|
||||
margin-top: 50px;
|
||||
font-size: 22px;
|
||||
line-height: 32px;
|
||||
text-align: left !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-list {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-list .smart-credit-pkg .col-md-4 + .smart-credit-pkg .col-md-4 {
|
||||
margin-top: 50px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card__text p {
|
||||
line-height: 22px
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn {
|
||||
position: absolute;
|
||||
left: 34px;
|
||||
top: 25px;
|
||||
font-size: 16px;
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 {
|
||||
color: #3379d0;
|
||||
font-weight: bold;
|
||||
font-family: "Open Sans", sans-serif
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 span {
|
||||
font-size: 32px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 sup {
|
||||
font-size: 16px;
|
||||
top: -20px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p {
|
||||
font-size: 21px;
|
||||
font-weight: bold;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p span {
|
||||
font-size: 21px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
margin-right: 5px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .form-group > label {
|
||||
font-size: 18px;
|
||||
color: #9b9b9b;
|
||||
text-transform: none;
|
||||
margin-bottom: 25px;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .form-group + .smart-credit-pkg .form-group {
|
||||
margin-top: 40px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .custom-radio {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .custom-radio input[type=radio]:checked + label {
|
||||
border-color: #82aee2;
|
||||
box-shadow: inset -1px 0 0 1px #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label {
|
||||
padding: 16px 20px;
|
||||
display: block;
|
||||
border: 1px solid #e1e1e1;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #82aee2;
|
||||
cursor: pointer;
|
||||
color: #4a4a4a;
|
||||
font-size: 16px;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label::before, .smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label::after {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label:hover {
|
||||
box-shadow: inset -1px 0 0 1px #82aee2;
|
||||
border-color: #82aee2
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .form-group > label {
|
||||
margin-bottom: 18px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-options .smart-credit-pkg .form-group + .smart-credit-pkg .form-group {
|
||||
margin-top: 25px
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element label {
|
||||
color: #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .form-element--personal .smart-credit-pkg .form-group label {
|
||||
color: #9b9b9b
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .modal-dialog {
|
||||
max-width: 420px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .modal-header {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .success-icon {
|
||||
margin-top: 30px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .success-icon i {
|
||||
color: #82aee2;
|
||||
font-size: 40px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .modal-success__title {
|
||||
color: #545454;
|
||||
margin: 20px 0 30px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .modal-success__text {
|
||||
color: #4a4a4a;
|
||||
width: 80%;
|
||||
margin: auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .btn {
|
||||
font-weight: 100
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-success {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-success p {
|
||||
font-size: 20px;
|
||||
color: #545454
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-info a, .smart-credit-pkg .credit-info span {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: 300;
|
||||
color: #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-text {
|
||||
list-style: none;
|
||||
width: 70%;
|
||||
margin: 0 auto 20px;
|
||||
padding: 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-text li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: #4a4a4a
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-text li::before {
|
||||
content: "";
|
||||
background: #82aee2;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
margin-top: 10px;
|
||||
padding-left: 6px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-text li + li {
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.smart-credit-pkg .credit-success {
|
||||
width: 80%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.smart-credit-pkg .credit-success {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-success .smart-credit-pkg .text {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .credit-success .smart-credit-pkg .text {
|
||||
text-align: left;
|
||||
display: block
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-success .smart-credit-pkg .btn {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-text {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-info {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.smart-credit-pkg .success-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header {
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .success-credit .smart-credit-pkg .btn {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger {
|
||||
background: #dc8180;
|
||||
padding: 8px 20px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger p {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
line-height: 32px;
|
||||
letter-spacing:.04px;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .title {
|
||||
width: 50%;
|
||||
margin: 20px auto;
|
||||
font-size: 21px;
|
||||
line-height: 32px;
|
||||
letter-spacing:.06px;
|
||||
text-align: center;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .report-card__price {
|
||||
border: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .report-card__price span {
|
||||
display: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit-account label {
|
||||
color: #82aee2 !important;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .title {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .smart-credit-error .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .report-row {
|
||||
margin-top: 40px !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .report-row__aside {
|
||||
margin-top: 30px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger {
|
||||
margin: 0 -30px;
|
||||
padding: 10px 30px
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p {
|
||||
width: 90%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .report-row {
|
||||
width: 60%;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .btn {
|
||||
font-weight: 100
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn {
|
||||
top: 25px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .inactive-btn {
|
||||
color: #be4948 !important;
|
||||
border-color: #be4948;
|
||||
opacity: 1 !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .inactive-btn:hover {
|
||||
background: #be4948;
|
||||
border-color: #be4948;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .report-row {
|
||||
width: 75%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .report-row {
|
||||
width: 100%;
|
||||
margin: 35px auto 0 !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .form-title {
|
||||
text-align: left
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .form-element p {
|
||||
font-size: 16px;
|
||||
color: #4a4a4a;
|
||||
line-height: 32px;
|
||||
letter-spacing:.04px;
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit .smart-credit-pkg .form-element p a {
|
||||
font-size: 16px;
|
||||
color: #4a4a4a;
|
||||
line-height: 32px;
|
||||
letter-spacing:.04px;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p {
|
||||
width: 80%;
|
||||
color: #4a4a4a
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn {
|
||||
top: 25px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .form-title {
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .form-element p {
|
||||
font-size: 16px;
|
||||
color: #4a4a4a;
|
||||
line-height: 32px;
|
||||
letter-spacing:.04px;
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .form-element p a {
|
||||
font-size: 16px;
|
||||
color: #4a4a4a;
|
||||
line-height: 32px;
|
||||
letter-spacing:.04px;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .report-card__logo, .smart-credit-pkg .credit-contact .smart-credit-pkg .report-card__price {
|
||||
display: none
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content__header {
|
||||
max-width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smart-credit-page .smart-credit-pkg .form-element .smart-credit-pkg .btn.smart-credit-pkg .btn-link {
|
||||
font-size: 16px;
|
||||
text-decoration: underline !important;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .readonly {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding: 0 0 15px;
|
||||
border: none !important;
|
||||
border-bottom: 1px solid #f2f2f2 !important;
|
||||
box-shadow: none;
|
||||
border-radius: 0 !important;
|
||||
height: 30px;
|
||||
background: #fff !important
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list {
|
||||
border: 2px solid #f2f2f2;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
list-style: none;
|
||||
height: 180px;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list li + li {
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background-color: #82aee2
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list::-webkit-scrollbar-track {
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .terms-of-list::-webkit-scrollbar {
|
||||
width: 6px
|
||||
}
|
||||
|
||||
.smart-credit-pkg .text-wrap-indent {
|
||||
padding-left: 3em;
|
||||
text-indent: -3em;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.smart-credit-pkg .smartcredit-color {
|
||||
}
|
||||
|
||||
.smart-credit-pkg .creditarmor-color {
|
||||
color: #ce1f00
|
||||
}
|
||||
|
||||
.smart-credit-pkg .report-card .provider-logo {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .p-3 {
|
||||
padding: 1rem!important;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 {
|
||||
padding-bottom: 0.5rem!important;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .p-2 {
|
||||
padding: 0.5rem!important;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .pt-3, .smart-credit-pkg .py-3 {
|
||||
padding-top: 1rem!important;
|
||||
}
|
||||
.smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 {
|
||||
padding-bottom: 0.5rem!important;
|
||||
}
|
||||
|
||||
.smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 {
|
||||
padding-bottom: 0.5rem!important;
|
||||
}
|
||||
.smart-credit-pkg .pt-2, .smart-credit-pkg .py-2 {
|
||||
padding-top: 0.5rem!important;
|
||||
}
|
||||
|
||||
.smart-credit-logo {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.smart-credit-logo img {
|
||||
width: 20%;
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.smart-credit-pkg {
|
||||
width: 25%;
|
||||
padding-top: 3%;
|
||||
padding-right: 40px;
|
||||
font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
3592
resources/css/spinner.css
vendored
Normal file
3592
resources/css/spinner.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user