body.bd-scroll { padding:0; } .progress-bar { background-color:#7a3491 !important; } .btn-primary { background:#7a3491; color:#fff; border:none; } .btn-primary:hover { background:#3b1047; } .btn-flag { padding:.15rem .35rem; margin:0 !important; } .bg-gradient-purple { background: linear-gradient(135deg, rgb(82, 6, 95) 0%, rgb(156, 39, 176) 100%) !important; } .bg-primary { background-color:#7a3491 !important; } .bg-purple { background-color:#7a3491 !important; } .bg-secondary { background-color:#f4f5f7 !important; } .bg-gray { background-color:#FAFBFF !important; } .bg-gray-light { background-color:var(--color-gray-light) !important; } .bg-white { background-color:#FFFFFF !important; } .bg-warning { background-color:#FF8800 !important; } .bg-danger { background-color:#CC0000 !important; } .flag-disabled { filter: grayscale(100%); opacity:0.7; } .badge-primary { background-color:rgb(156, 39, 176) !important; color:#fff; } .badge-gray { background-color:#eaecfb !important; } .text-primary { color:#7a3491 !important; } .text-warning { color:#FF8800 !important; } .text-danger { color:#CC0000 !important; } .text-gray { color:#ebeef1 !important; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color:#7a3491; } .custom-control-input:checked ~ .custom-control-label::before { background-color:#7a3491; }  h2.page-title { margin-bottom:0.2rem; color:#424456; font-weight:bold; } a { color:#7a3491; } a:hover { color:#7a3491; } .small-purple { font-size:.8rem; text-decoration:underline; } .login-page .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } .page-item.active .page-link { border-color:#7a3491; background-color:#7a3491; } .loading { position:relative; } .loading::after { position: absolute; right:.75rem; top:.75rem; content: ''; width: 1.5rem; height: 1.5rem; opacity: 0.5; border: .20em solid #3b1047; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .section-shaped { overflow:hidden; position:relative; } .upper { z-index:2; position:relative; margin-top:-40vh; } .page-header.page-header-small { min-height:50vh; max-height:350px; } .page-header svg { display: block; position: absolute;   width: 100%; z-index:2;  bottom:0; fill:#fdfdfd; } .page-header::before {   position: absolute;   z-index: 1;   width: 100%;   height: 100%;   display: block;   left: 0;   top: 0;   content: "";   background-color: rgba(0, 0, 0, 0.3); } .page-header .page-header-image {   position: absolute; top:0; left:0;   background-size: cover;   background-position: center center;   width:100%; height:100%; } .page-header.header-video video {   position: absolute;   top: 45%;   left: 50%;   min-width: 101%;   min-height: 100%;   z-index: 0;   transform: translateX(-50%) translateY(-50%); }  @media (max-width: 1199px) {  .navbar-vertical .navbar-nav .nav-link { justify-content:flex-start !important; } .sidenav .navbar-nav .nav-link-text { display:block !important; color:#fff; padding-left:0.8rem; } .navbar-vertical .navbar-nav .nav-link > i { width:30px; text-align:center;} } .main-content { display:flex; flex-direction:column; min-height:100vh; } .footer { margin-top: auto; padding:0 0 30px; background:none; } .footer hr { margin-top:1rem; margin-bottom:1rem; } .sidenav.fixed-left {  background-color:#7a3491; left: 0; border-width: 0 1px 0 0; position: fixed; top: 0; bottom: 0; display: block; overflow-y: auto; width: 100%; max-width: 62px; padding-right: 0; padding-left: 0; } .form-group { margin-bottom:.7rem; } .navbar-panel .active a { color:#7a3491; font-weight:600 !important; } .navbar-panel .active { border-bottom:3px solid #7a3491 !important; } .sidenav .navbar-brand, .sidenav .navbar-heading .docs-normal { display:block; padding:0; margin:0 auto; } .navbar-vertical .navbar-nav { margin-left:0; margin-right:0; } .navbar-vertical .navbar-nav .nav-link { padding:.8rem; justify-content:center; } .navbar-vertical .navbar-nav .nav-link > i { padding:0; font-size:1.3rem; min-width:inherit; color:#fff; } .sidenav .navbar-nav .nav-link-text { display:none; } .sidenav hr { border-top-color:rgba(255,255,255,.1); } .sidenav .navbar-nav li.active, .sidenav .navbar-nav li:hover { background-color:rgba(0,0,0,.2); } .tooltip-inner { background-color: #7a3491; } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #7a3491 !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #7a3491 !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #7a3491 !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #7a3491 !important; } .avatar { background-color:transparent !important; } .avatar i { font-size:1.8rem; }  .help-category {  display: flex; align-items:center; border:3px dashed transparent; background:#fff; border-radius: .375rem; color:#222; margin:10px 0; padding:25px; text-wrap:none; overflow:hidden;   -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .help-category span { text-align:center; padding:0 1rem; width:90px; } .help-category span i {  font-size:2.5em; color:#acafaf;   -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .help-category h3 { font-size:16px; line-height:18px; font-weight:600; margin:0; color:#7a3491; } .help-category:hover { border-color:#7a3491; text-decoration:none; color:#7a3491; } .help-category:hover i { color:#7a3491; } .card-collection .card-title { display:flex; align-items:flex-start; } .card-collection .card-title span i { font-size:3em; color:#7a3491; } .card-collection .card-title h3 { font-size:2rem; font-weight:600; margin:0; color:#7a3491; } .card-collection .list-item { border: 3px dashed #fff; background-color:#fff; border-radius: 0.5rem; } .card-collection .list-item:hover { border-color:var(--color-primary); } .qrcode-card { margin:0 0 1rem; } .qrcode-card.card-stats .card-footer, .qrcode-card.card-stats .card-body { padding:0.9rem; } .qrcode-card small { display:block; font-size:.7rem; line-height:1rem; } .qrcode-card .qr-links { display:flex; } .qrcode-card .links { margin:0; padding:0; } .qrcode-card .links > li { margin-right:1rem; display:inline-flex; } .qrcode-card .links > li a { color:#333; } .qrcode-card .links > li a:hover { color:#7a3491; } .nav-side li { padding:.1rem 0; display:flex; border-radius:5px; } .nav-side li a { color:#32325d; font-size:.9rem; margin:.025rem 0; display:block; padding:.4rem; } .nav-side li a i { width:1.5rem; text-align:center; } .nav-side li a:nth-child(2) { display:none; } .nav-side li.active, .nav-side li:hover { background-color:rgba(0,0,0,.05); } .nav-side li:hover a:nth-child(2) { display:block; }  .resource-list { display:flex; } .resource-item {  display:flex; align-items:center;  border-radius: 0.5rem;  padding: 0.2rem;  margin-right:0.5rem;  font-size:.85rem;  text-decoration:uppercase; } .resource-item i { font-size:1.25rem; } .resource-item span { margin-left:0.35rem; }  @media ( max-width:767px ) {  .dash-plan-infos { flex-direction:column; }  .dash-plan-infos > div { padding-left:0; } } .bg-gradient-faq { background: linear-gradient(135deg, #607EB8 0%, #95C4F3 100%) !important; } .card-img-faq { min-height: 135px; position: relative; background-image: url('/template/panel/images/background/faq.png' ); background-repeat: no-repeat; background-position: right bottom;  background-size: contain; } .btn-more-qrcode {  min-height:185px;  border-radius:.375rem; border:2px dashed rgba(0,0,0,.8);  display:flex; margin:0 0 1rem;  font-size:4rem; align-items: center; justify-content: center; opacity:0.1; color:#000; } .btn-more-qrcode:hover { opacity:0.3; color:#000; } .page-adm .board { text-align:center; padding:15px 7px; font-size:4rem; } .page-adm .board sup { font-size:2rem; } .page-adm .board small { display:block; font-size:1rem; line-height:1rem; padding:0 0 10px 0; text-transform:uppercase; color:#A4A4A4; font-weight:bold; } .ribbon {  position: absolute;  left: -5px; top: -5px;  z-index: 1;  overflow: hidden;  width: 75px; height: 75px;  text-align: right; } .ribbon span {  font-size: 10px;  font-weight: bold;  color: #FFF;  text-transform: uppercase;  text-align: center;  line-height: 20px;  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  width: 100px;  display: block;  background: rgb(106, 27, 154);  background: linear-gradient(135deg, rgb(82, 6, 95) 0%, rgb(156, 39, 176) 100%);  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);  position: absolute;  top: 19px; left: -21px; } .ribbon span::before {  content: "";  position: absolute; left: 0px; top: 100%;  z-index: -1;  border-left: 3px solid #600c6e;  border-right: 3px solid transparent;  border-bottom: 3px solid transparent;  border-top: 3px solid #600c6e; } .ribbon span::after {  content: "";  position: absolute; right: 0px; top: 100%;  z-index: -1;  border-left: 3px solid transparent;  border-right: 3px solid #9825ac;  border-bottom: 3px solid transparent;  border-top: 3px solid #9825ac; } @media ( max-width:767px ) {  }  .login-page {  background-image: url( '/template/panel/images/footer.png' );  background-repeat: repeat-x;  background-position: center 63vh; }  .compare-icon { font-size:3.5rem; display:flex; justify-content:center; align-items:center; height:100%; } .compare-plans { border:1px dashed #ccc; border-radius:4px; padding:16px; } .compare-plans h3 { text-align:center; text-transform:uppercase; } .compare-plans .resources { display:flex; justify-content:space-between; margin:.5rem; } .compare-plans .resources li { text-align:center; font-size:1.25rem; } .compare-plans .resources li small { display:block; } .compare-plans .resources li span { font-size:.65rem; }  .filters { display:flex; justify-content:center; align-items:center; gap:12px; } .filters input { width:130px; text-align:center; }