@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600&display=swap');

body{
font-family: 'Outfit', sans-serif;
background:#696897;
background-position: top;
background-size: cover;
background-attachment: fixed;
}


nav{
transition: background .2s;
background: transparent;
min-height: 78px;
font-size: 23px;
}


.modal-open{
padding-right: 0px !important;
}



[class*="btn-style"]:hover{
color: white;
}



.swal2-styled.swal2-confirm{
background:#5750a1;
}



.swal2-icon.swal2-error {
border-color: #ffb7b7;
color: #f27474;
}


.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
background-color: #ff9797;
}




.navbar-light .navbar-nav .nav-link{
transition: .1s all ease-in;

}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link:hover {
transition: .1s all ease-in;
color: black;
border-bottom:3px solid #906cff;
}




.footer{
background: #262a3c;
padding: 36px 10px;
color: white;
}


.footer h4{
font-size: 28px;
}
.footer img{
width: 13rem;
}

.logo-text{
font-size: 3rem;
}


.logo-text2{
font-size: 2rem;
}


.div-code{
background: white;
width: 100%;
padding: 44px 40px;
border-radius: 23px;
}





@media (min-width: 768px) {
.footer h4{
font-size: 35px;
}
.div-code{
/* width: 56rem;
*/
padding: 44px 80px;
}
}


.navbar-nav .nav-link {
font-size: inherit;
}


@media (min-width: 992px) {
.navbar-nav .nav-link {
font-size: 20px;
}
}



@media (min-width:  1200px) {
.navbar-nav .nav-link {
font-size:inherit;
}
}



.bg-dark2 {
background-color: #2e3662!important;
}


.style-textarea-dec{
font-family: var(--bs-font-sans-serif);
height: 24rem!important;
}



.div-error-cont{
display: flex;
align-items: center;
height: 100%;
font-family: var(--bs-font-sans-serif);
z-index: 99999;
position: fixed;
left: 0;
right: 0;
}

.div-error-cont .logo-text{
background: #3a4268;
border-radius: 41px;
padding: 0px 23px;
}


.div-error h4{
font-size: 4rem;
text-align: center;
font-weight: 400;
}

.div-error p{
font-size: 20px;
text-align: center;
}


@media (min-width: 768px) {
.div-error h4{
font-size: 7rem;
}
.div-error p{
font-size: 31px;
}
}

.div-error img{
width:23rem;
background: white;
border-radius: 10rem;
}

.wave-error{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.wave-error path{
fill:#25294c;
}

.div-history{
    background: white;
    max-height: 63rem;
    border-radius: 23px;
    padding: 24px 24px;
    overflow: auto;
}

.div-history .item-history{
display: block;
font-family: var(--bs-font-sans-serif);
border-bottom: 1px solid #bebdff;
border-radius: 13px;
padding-bottom: 9px;
margin-bottom: 12px;
}


.div-history .item-history span{
color: gray;
font-weight: 500;
font-size: 12px;
}
.disclaimer{
display:none;
}
.div-history .bg-reload{
padding: 6px;
border-radius: 27px;
background: #696897;
cursor: pointer;
}

.div-history .view-db-code{
color: white;
background: #008b84;
padding: 2px;
cursor: pointer;
border-radius: 3px;
}

.container-code-save{
display: block;
position: relative;
font-family: var(--bs-font-sans-serif);
background: #2e2f48;
color: white;
}

.code-save{
padding: 16px 16px;
height: 24rem;
overflow: auto;
}

.style-recaptcha{
position: relative;
transform: scale(0.77);
display: flex;
justify-content: center;
}


@media (min-width: 768px) {
.style-recaptcha{
transform: initial;
}
}