/*.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0), transparent);
  background-color: rgb(26 115 232 / 0%);
}
.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,0)!important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0)!important;
}*/
.panel-tag {
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    border-left: 3px solid #1dc9b7;
    background: #eef7fd;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
    border-radius: 0 8px 8px 0;
}
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradientx {
/*    background-image: -webkit-gradient(linear, right top, left top, from(rgb(2 7 189 / 0%)), to(transparent));
    background-image: linear-gradient(89deg, rgb(22 83 154), transparent);
    background-color: rgb(10 132 199 / 12%);*/
        background-image: #9a1032;
    background-image: #9a1032;
    background-color: #9a1032;
}
.height-10 {
    height: 8.25rem;
    box-shadow: 0px 9px 10px #000000 !important;
}
/*.p-0 {
    padding: 15px  0!important;
}*/

.height-9 {
    height: 8rem;
}
@media (min-width: 992px){
   .pb-lg-5, .py-lg-5 {
    padding-bottom: 1rem!important;
} 
 #loader .modal-dialog{
    max-width: 350px;
 }
}

.h1_ruleta {
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 2px 1px #000;
    top: 25%;
    font-size: 25px;
    font-weight: bold;
}

.h3_ruleta {
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 1px 3px #000;
    top: 25%;
    font-size: 17px;
    font-weight: bold;
}

@media only screen and (max-width: 992px){
  .page-wrapper {
    padding-left: 0;
    background: transparent;
}  
}
.page-content-wrapper {
    background-color: transparent;/*faf8fb*/
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle,.btn-perso:not(:disabled):not(.disabled).active, .btn-perso:not(:disabled):not(.disabled):active  {
    color: #fff;
    background-color: #1C0634;
    border-color: #1C0634;
}

.btn-danger:hover, .btn-perso:hover {
    color: #fff;
    background-color: #0a84c7;
    border-color: #005aff;
}
.btn-perso{
        background-color: #000130;
    font-size: 1.2em;
    font-weight: bold;
    font-family: "Segoe UI";
 
    border-radius: 50px;
}

@media (max-width: 992px){
  .position-absolute {
    position: relative !important;
}  

.btn-perso {
    background-color: #000130;
    font-size: 1.02em;
    font-weight: bold;
    font-family: "Segoe UI";
    border-radius: 50px;
    padding-left: 17px;
}


.page-logo-link{
    display: block;
}
}
@media (max-width: 374px){
    .btn-perso1{
        display: none;
    }
}

.frame-wrap {
    background: transparent !important;
    padding: 0;
    margin-bottom: 3rem;
}
#panel-1 > .panel-hdr {
    background: transparent;
}
 
.panel-content {
    padding: 15px;
    background-color: none;
.modal-content2{
position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: none;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: 0;
}