@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url(uicons.css);
body{
margin:0px;
padding:0px;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:13px;
color:#74777e;
background:#f1f1f1;
}
a{
    text-decoration:none;
    color: #37b6bd;
}
a:hover{
    color: #888888;
}

.clear{
clear:both;
}

/*Widgets*/
.widget-main-title{
background:#336B9A;
font-family: 'ChunkFiveRoman', sans-serif;
font-size:18px;
font-weight:400;
color:#ffffff;
padding:7px 10px;
margin-bottom:5px;
border-radius: 3px;
}
.widget-title{
background:#336B9A;
font-family: 'ChunkFiveRoman', sans-serif;
color:#ffffff;
padding:7px 10px;
margin-bottom:5px;
font-size:18px;
border-radius: 3px;
}
.widget-content{
margin-bottom:5px;

padding:10px;
}
.widget-news-title{
background:#db6e61;
color:#ffffff;
padding:3px 10px;
margin-bottom:2px;
}
.widget-news-date{
background:#585a60;
color:#d1d1d1;
padding:2px 10px;
margin-bottom:5px;
font-size:12px;
}
.widget-news-content{
margin-bottom:5px;
border:1px solid #d7d7d7;
padding:5px 10px;
background:#f5f5f5;
}
.widget-tbl{
margin:0px;
padding:0px;
border-spacing:0px;
border-collapse:collapse;
margin-bottom: 10px;
}
.lyon-register-container .widget-tbl td{
border:none !important;
background:transparent !important;
border-collapse:collapse;
background:#FFFFFF;
padding:7px 10px;
}
.widget-tbl tr.titles td{
background: linear-gradient(180deg, #163f8f, #0f2f6f);
color:#ffffff;
font-size:14px;
font-weight:600;
padding:7px 10px;
white-space:nowrap;
}
.widget-tbl tr.titles td a{
display:inline-block;
color:#444444;
}
.widget-tbl tr.titles td a:hover{
text-decoration:none;
}

.normal_linetbl{
line-height:normal;
}
.widget-tbl tr:hover td{
background:;
}
/*FAQ*/
.faq_num{
background:#ED4C17;
text-align:center;
width:50px;
padding:10px 0px;
color:#FFFFFF;
font-size:32px;
float:left;
}
.faq{
margin-left:70px;
margin-bottom:15px;
min-height:80px;
}
.faq .faq_question{
font-size:18px;
color:#e27c3e;
}
/*Member Toolbar */
.sticky {  
position: fixed;  
width: 100%;
min-width:1040px;
left: 0;  
top: 0;  
z-index: 100;  
border-top: 0;
display:none} 
.sticky .member_toolbar{background: #0b1a31;}
.sticky .member_toolbar ul li{
border-right:1px solid #666666;
padding:0px 15px;
height: 40px;
line-height: 40px;
}
.sticky .member_toolbar .mini_logo{
display:inline-block;
padding: 0;
}
.sticky .member_toolbar .mini_logo img {

    height: 40px;
    }
.member_toolbar{
width:1040px;
margin:0 auto;
background:#4c4c4c;
color:#FFFFFF;
font-weight:300;
font-size:14px;

}
.member_toolbar a{
color:#FFFFFF;
}
.member_toolbar ul{
margin:0px;
padding:0px;
list-style:none;
}
.member_toolbar ul li{
float:left;
border-right:1px solid #666666;
padding:0px 15px;
}
.member_toolbar ul li:first-child{
border-left:none;
}
.member_toolbar ul li:last-child{
border-right:none;
}
.member_toolbar .mini_logo{
display:none;
}

/*Advertise*/
.shopcart{
width:305px;
float:left;
margin:0px 5px 5px 5px;border: 1px solid #4e83af;background: #f2ecda;
color:#d1d1d1;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.shopcart .shoptitle{background: #4e83af;
color:#ffffff;
padding:3px 5px;
font-size:13px;}
.carticon{
background:url(images/cart.png) no-repeat scroll 0px 50%;
padding:2px 10px;
padding-left:30px;
}
.shopcart .shopcontent{
margin-top:5px;
padding:10px;
text-align:center;
}
#specialdescription{
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 6px;
}
/*Account*/
.member_sidebar{
    margin:0;
    padding:0;
    list-style:none;
    background:linear-gradient(
        180deg,
        #081b47,
        #0f2d63
    );
    border-radius:20px;
    overflow:hidden;
    border-radius: 20px 20px 0px 0px;
}

.member_sidebar li{
    background:#0f2d63;
    border:none;
    overflow:hidden;
    margin-bottom:0;
    border-radius:0;
    box-shadow:none;
}

.member_sidebar li div.title{
    display:none;
    background:linear-gradient(
        135deg,
        #153a8a,
        #2563eb
    );
    color:#fff;
    padding:14px 18px;
    font-size:20px;
    font-weight:700;
    height:auto;
    line-height:normal;
    margin:0;
}

.member_sidebar li ul{
    margin:0;
    padding:0;
    list-style:none;
}

.member_sidebar li ul li{
    margin:0;
    background:transparent;
    border-bottom:none;
}

.member_sidebar li ul li:last-child{
    border-bottom:none;
}

.member_sidebar li ul li a{
    display:block;
    padding:12px 18px;
    color:#ffffff;
    font-size:16px;
    font-weight:500;
    transition:all .25s ease;
}

.member_sidebar li ul li a:hover{
    background:rgba(255,255,255,0.12);
    padding-left:24px;
    text-decoration:none;
}

.admin-info{
background: url(../styles/images/imgac.png) no-repeat 49px 2px;
    min-height: 232px;
    padding-left: 201px;
    float: left;
}
.admin-info div{
padding-bottom:3px;
font-size: 16px;
color: #0b1a31;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
}
.admin-info .title{
font-weight:normal;
font-size:16px;
padding-bottom:10px;
color: #4e83af;
font-size: 24px;
font-family: 'ChunkFiveRoman';
}

.calendar{
float:right;
width:100px
}
.calendar .top{
background:#f2f2f2;
color:#999999;
text-align:center;
padding:15px 0px;
font-size:36px;
}
.calendar .bottom{
background:#cccccc;
color:#FFFFFF;
text-align:center;
font-size:16px;
padding:5px 0px;
}

.tbl-content{
border-collapse:collapse;
}
.tbl-content td{
border-bottom:1px dotted #d7d7d7;
}
/* Login/Logout process */
.progressbar{
border:1px solid #6898e8;
width:300px;
height:20px;
}
.progressbar div{
height:20px;
background:#6898e8;
width:3px;
}
.disabledclass{
filter:alpha(opacity=35);
opacity:.35;
}

/* Helpdesk*/
.open-ticket-box{
background:url(images/icon_open_ticket.png) no-repeat;
padding:0px 10px 5px 70px;
min-height:65px;
}
.view-ticket-box{
background:url(images/icon_view_ticket.png) no-repeat;
padding:0px 10px 5px 70px;
min-height:65px;
}
fieldset {
    border: 1px solid #bec5c9;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 4px;
}
fieldset.ticket-user{
    border: 1px solid #80b5ce;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 8px;
    background:#e3eff4;
}
fieldset.ticket-admin{
    border: 1px solid #7cb441;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 8px;
    background:#e0eed0;
}
/* Ads */
.dashboardbox{
background:#fff3dd url(images/process_warning.png) no-repeat scroll 10px 5px;
border:1px solid #ffd382;
padding:8px;
padding-left:50px;
color:#dd6b17;
margin-bottom:5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.dashboardbox a{
color:#dd6b17;
}
.dashboardbox a:hover{
color:#dd6b17;
text-decoration:underline;
}
.adtimereset{
background:#e1f7fd url(images/clock.png) no-repeat scroll 10px 50%;
padding:8px;
padding-left:40px;
border:1px solid #a2e6f9;
margin-bottom:10px;
margin-top:5px;
color:#0d97bf;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#admin_advertisement{
width:700px;
margin:0 auto;
}
#admin_advertisement .ad-title{
border-bottom:none;
background:#db6e61;
color:#ffffff;
padding:3px 10px;
text-shadow:#d2282d 0.1em 0.1em;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
#admin_advertisement .ad-content{
background:#585a60;
padding:10px;
color:#fff;
text-shadow:#292a2d 0.1em 0.1em;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
height:auto;
min-height:inherit;
}
.ad-content img{
    width: 91px;
    height: 89px;
    margin-right: 10px;
}
.ad-div{
font-family:Arial, Helvetica, sans-serif;
}

.ad-block{width: 232px;
float:left;
background:#ffffff;/*
padding:2px;*/
margin-right: 8px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.ad-title{background: #4e83af;height: 37px;color:#ffffff;padding: 0px 10px;line-height: 37px;font-size: 14px;border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
overflow:hidden;
}
.ad-content{
padding:0px;height: 111px;font-size: 14px;color: #242d2b;padding: 11px;background: #f2ecda;overflow:hidden;}
.ad-footer{
border-top: 2px solid #0B1A31;background: #ed4c17 url(../styles/images/iconads.png) no-repeat 177px bottom;padding: 0px 5px 0px 25px;font-size: 14px;height: 37px;line-height: 37px;color: #fff;font-family: 'ChunkFiveRoman';border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
/* PTSU */
.ptsu_content{
cursor:pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px;
border:1px solid #e1e8ff;
padding:5px;
background:#ffffff;
line-height:20px;
}
.ptsu_title{
color:#0000ff;
font-weight:bold;
text-decoration:underline;
}
.ptsu_descr{
color:#303030;
}
.ptsu_url{
color:#009900;
font-size:10px;
}
.ptsu_reward{
color:#d9006c;
font-size:20px;
}
/*Forum*/
.frm-title{
    background:linear-gradient(135deg,#3d7bb3,#2563eb);
    color:#ffffff;
    padding:18px 25px;
    line-height:normal;
    font-size:22px;
    font-weight:700;
    border-radius:18px 18px 0 0;
    font-family:'Poppins',sans-serif;
    box-shadow:0 4px 15px rgba(37,99,235,.15);
}
.frm-content{
    font-weight:400;
    border-radius:0 0 18px 18px;
    overflow:hidden;
}
.forum-tblc{
}
.frm-tbl {

border-collapse:collapse;
font-size: 14px;
overflow:hidden;
}
.frm-tbl td{
    background:#ffffff;
    padding:18px;
    border-bottom:1px solid #edf2f7;
    transition:all .25s ease;
}
.frm-tbl tr{
    transition:all .25s ease;
}

.frm-tbl tr:hover{
    background:#f8fbff;
    transform:translateY(-2px);
}
.frm-tbl tr:hover td{
    background:#f8fbff;
}
.frm-description{
    color:#64748b;
    font-size:14px;
    line-height:1.6;
}
.frm-tbl tr td.forumtd1{
    background: #f5f8fa;
    color: #253841;
}
.frm-tbl tr td.forumtd2{
    background: #e8eef1;
    color: #5f5c5c;
}
.frm-title span{
font-size:12px;
}
.frm-title ul{
margin:0px;
list-style:none;
padding:0px;
font-size:12px;
padding:5px;
}
.frm-title ul li{
display:inline;
}
.frm-title ul li a{
color:#FFFFFF;background: #0B1A31;
padding: 5px 15px;
border-radius: 3px;}
.frm_title a{
    font-size:20px;
    font-weight:700;
    color:#0f172a;
    text-decoration:none;
}

.frm_title a:hover{
    color:#2563eb;
}


.frm_title a:hover{color: #ED4C17;
text-decoration:underline;}
.frm_description{
    color:#64748b;
    font-size:13px;
    margin-top:6px;
    font-weight:500;
    line-height:1.6;
}

.frm_last_post{
padding-left:20px;
line-height:150%;
}
.frm_last_post a{color: #0B1A31;}
.frm_last_post a:hover{color: #ED4C17;}
.frm_last_post span{
color:#76ca65;
}
.forum_shortlinks, .forum_shortlinks a{
	color: #CA390A;
	font-size: 14px;
	padding-top: 15px;
}
.frm_last_post strong{
    font-weight: normal;
}
.forum_title{
font-size:20px;
color:#323232;
}

.forum_signature{
border-top:1px solid #d5d5d5;
margin-top:5px;
padding:5px 0px;
color:#a4a4a4;
}
.topic_edited{
font-style:italic;
}

.forum-topiclist{
background: #E8EEF1;
}
.forum_username{
background:#0B1A31;
color:#fff;
font-size:12px;
font-weight:bold;
padding:5px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.forum_post_date{
    color:#ffffff;
    font-size:14px;
    font-weight:600;
}

.forum_username img{
    vertical-align:middle;
    margin-right:6px;
}


.forum_usercolumn{
background: #fcfcfc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 10px;
padding: 10px;

border-radius: 10px;
}
.forum_topic_footer{
background:#fcfcfc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top:10px;
padding:5px;
text-align:right;

}
.forum_search{
padding-bottom:5px;
margin-bottom: 20px;
text-align:right;
padding-top: 20px;
}
.forum_top_bar{
float:left;
font-family:helvetica,arial,sans-serif;
font-size:11px;
}
.forum_top_bar ul{
margin:0px;
padding:0px;
list-style:none;
display:inline-block;
}
.forum_top_bar ul li{
display:inline-block;
margin-right:3px;
}
.forum_top_bar ul li a{
display:block;
color:#747474;
padding:0px 5px;
border:1px solid #d6d6d6;
background:#eaeaea;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:2px;
}
.forum_top_bar ul li a:hover{
background:#f5f5f5;
}
.forum_top_bar ul li.current{
background:#5c5c5c;
color:#FFFFFF;
padding:0px 5px;
border:1px solid #434343;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:2px;
}
.forum_top_bar ul li.pgbtn a{
font-weight:bold;
}

/* Inputs and buttons */
input[type="text"], input[type="password"], select, textarea{
color:#2a2a2a;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:12px;
padding:7px 10px;
border: 1px solid #e1e1e1;
background: #ffffff;

}
input[type="text"]:focus, input[type="select"]:focus, input[type="password"]:focus, textarea:focus{
border: 1px solid #bfbfbf;
}
input[type="button"], input[type="submit"]{
padding: 7px 12px;
color: #ffffff;
border:0px;background: #ED4C17;
cursor: pointer;
font-size:14px;margin-top: 5px;font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;}
input[type="button"]:hover, input[type="submit"]:hover{background: #0B1A31;}
input[type="button"].btn-disabled, input[type="button"].btn-disabled:hover, input[type="submit"].btn-disabled, input[type="submit"].btn-disabled:hover{
padding: 7px 12px;
color: #e0e0e0;
border: solid 1px #e0e0e0;
background: #f7f7f7;
cursor:default;
font-size:12px;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
}


input[type="button"].forumbtn,
input[type="submit"].forumbtn{
    padding:10px 18px;
    color:#ffffff;
    border:none;
    background:linear-gradient(135deg,#ff6b00,#ff8c1a);
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    border-radius:12px;
    transition:all .25s ease;
    box-shadow:0 3px 8px rgba(255,107,0,.18);
}

input[type="button"].forumbtn:hover,
input[type="submit"].forumbtn:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(255,107,0,.25);
}

input[type="text"].frm_search_txt{
color:#2a2a2a;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:4px;
border: 1px solid #a2b6c9;
background: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:200px;
padding:5px;
}
input[type="submit"].frm_search_btn{
padding: 5px 12px;
color: #ffffff;
border:0px;background: #ED4C17;
cursor: pointer;
font-size:14px;
font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;}
input[type="submit"].frm_search_btn:hover{opacity: 0.8;}
/* Boxes */
.error_box{
background:#fde2db url(images/erroricon.png) no-repeat scroll 10px 5px;
padding:8px;
padding-left:50px;
border:1px solid #fbc2b5;
margin-bottom:10px;
margin-top:5px;
color:#ce3a40;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.success_box{
background:#effae7 url(images/successicon.png) no-repeat scroll 10px 5px;
padding:8px;
padding-left:50px;
border:1px solid #c5eda7;
margin-bottom:10px;
margin-top:5px;
color:#41701b;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.info_box{
background:#e1f7fd url(images/infoicon.png) no-repeat scroll 10px 5px;
padding:8px;
padding-left:50px;
border:1px solid #a2e6f9;
margin-bottom:10px;
margin-top:5px;
color:#0d97bf;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Misc */
.pointer{
cursor:pointer;
}
.clearfix{
clear:both;
}
.padding5{
padding:5px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}

#preloader { background: url(images/loader.gif) no-repeat -9999px -9999px; }
.loader{
background:url(images/loader.gif) no-repeat scroll 50% 50%;
}

.corner-all{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.corner-bottom-left{
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.corner-bottom{
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.corner-top{
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

/*======================== Virtual Keyboard ===========================*/
.keyboard-buton{
border:1px solid #9f9f9f;
background:#FFFFFF;
padding:0px;
}
.keyboard-buton-hover{
border:1px solid #9f9f9f;
background:#9f9f9f;
color:#FFFFFF;
}
#keyboard{margin: 0;padding: 0;list-style: none;}
#keyboard li{float:left;font-family:Arial;font-size:11px;height:18px;line-height:18px;margin:0 2px 2px 0;text-align:center;width:18px;}
.capslock, .tab, .left-shift{clear: left;}
#keyboard .tab, #keyboard .delete{width: 70px;}
#keyboard .capslock{width: 60px;}
#keyboard .return{width: 50px;}
#keyboard .left-shift{width: 65px;}
#keyboard .right-shift{width: 67px;}
.lastitem{margin-right: 0;}
.uppercase{text-transform: uppercase;}
#keyboard .space{clear: left;width: 356px;}
.on{display: none;}
#keyboard li:hover{position: relative;top: 1px;left: 1px;cursor: pointer; }



/*======================== DASHBOARD ===========================*/
.dashbaord-img-1{
float:left;
}
.dashbaord-img-2{
float:right;
}
.dashbaord-img-1, .dashbaord-img-2{
width:445px;
}
/*======================== REFERRAL LIST ===========================*/
.widget-ref-option{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px;
border:1px solid #dd3c10;
background:#fff4ea;
padding:5px;
margin-top:5px; text-align:center;
}
/*======================== HISTORY ===========================*/
.item_completed{color:#006600; font-weight:bold;}
.item_pending{color:#990000;}
.cellcontenthover{
background:#cee2ec;
}
/*================ ERROR =================*/
.fail_td{
border:1px solid #e7bcbc;
background:#ffebe8;
padding:5px;
}
.error_login{
border:1px solid #994d53;
margin-bottom:10px;
padding:10px;
background:#f1e2e3;
line-height:1.5em;
}
.error_login .title{
font-weight:bold;
font-size:16px;
}
.error_login span{
color:#994d53;
}
.disabled{
opacity: .55; filter:Alpha(Opacity=55); background-image: none;
}

.lyon-profile-box{
    text-align:center;
    padding:30px 20px;
    margin-bottom:20px;
}

.lyon-profile-avatar{
    width:110px;
    height:110px;
    margin:0 auto 15px;
    border-radius:50%;
    overflow:hidden;
    background:rgba(255,255,255,0.12);
}

.lyon-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.lyon-profile-name{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:8px;
}

.lyon-profile-membership{
    color:#3cff63;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
}

.lyon-profile-since{
    color:rgba(255,255,255,.7);
    font-size:13px;
}

.lyon-profile-date{
    color:#fff;
    font-size:15px;
    font-weight:600;
    margin-top:4px;
}

.member_sidebar li ul li a i{
    margin-right:10px;
    color:#7ec8ff;
    width:18px;
    text-align:center;
}

.member_sidebar li ul li a:hover i{
    color:#ffffff;
}


.member_sidebar a[href*="page=summary"]:before{
    font-family:FontAwesome;
    content:"\f015";
    margin-right:10px;
    color:#7ec8ff;
}
/* Global */
.member_sidebar a[href*="page=summary"]:before{
    font-family:FontAwesome;
    content:"\f015";
    margin-right:10px;
    color:#7ec8ff;
}

/* Messages */
.member_sidebar a[href*="page=messages"]:before{
    font-family:FontAwesome;
    content:"\f0e0";
    margin-right:10px;
    color:#7ec8ff;
}

/* Add Funds */
.member_sidebar a[href*="page=addfunds"]:before{
    font-family:FontAwesome;
    content:"\f555";
    margin-right:10px;
    color:#7ec8ff;
}

/* Upgrade */
.member_sidebar a[href*="page=upgrade"]:before{
    font-family:FontAwesome;
    content:"\f521";
    margin-right:10px;
    color:#ffd700;
}

/* Withdraw */
.member_sidebar a[href*="page=withdraw"]:before{
    font-family:FontAwesome;
    content:"\f53d";
    margin-right:10px;
    color:#7ec8ff;
}

/* Banners */
.member_sidebar a[href*="page=banners"]:before{
    font-family:FontAwesome;
    content:"\f03e";
    margin-right:10px;
    color:#7ec8ff;
}

/* Settings */
.member_sidebar a[href*="page=settings"]:before{
    font-family:FontAwesome;
    content:"\f013";
    margin-right:10px;
    color:#7ec8ff;
}

/* Forum */
.member_sidebar a[href*="page=forum_settings"]:before{
    font-family:FontAwesome;
    content:"\f086";
    margin-right:10px;
    color:#7ec8ff;
}

/* Advertiser */
.member_sidebar a[href*="page=manageads"]:before{
    font-family:FontAwesome;
    content:"\f0a1";
    margin-right:10px;
    color:#7ec8ff;
}

/* Direct Referrals */
.member_sidebar a[href*="page=referrals"]:before{
    font-family:FontAwesome;
    content:"\f0c0";
    margin-right:10px;
    color:#7ec8ff;
}

/* Rented Referrals */
.member_sidebar a[href*="page=rented_referrals"]:before{
    font-family:FontAwesome;
    content:"\f500";
    margin-right:10px;
    color:#7ec8ff;
}

/* Rent Referrals */
.member_sidebar a[href*="page=rentreferrals"]:before{
    font-family:FontAwesome;
    content:"\f021";
    margin-right:10px;
    color:#7ec8ff;
}

/* Buy Referrals */
.member_sidebar a[href*="page=buyreferrals"]:before{
    font-family:FontAwesome;
    content:"\f07a";
    margin-right:10px;
    color:#7ec8ff;
}

/* PTSU */
.member_sidebar a[href*="page=ptsu_history"]:before{
    font-family:FontAwesome;
    content:"\f201";
    margin-right:10px;
    color:#7ec8ff;
}

/* Orders */
.member_sidebar a[href*="page=history"]:before{
    font-family:FontAwesome;
    content:"\f15c";
    margin-right:10px;
    color:#7ec8ff;
}

/* Deposit */
.member_sidebar a[href*="page=deposit_history"]:before{
    font-family:FontAwesome;
    content:"\f19c";
    margin-right:10px;
    color:#7ec8ff;
}

/* Withdraw History */
.member_sidebar a[href*="page=withdraw_history"]:before{
    font-family:FontAwesome;
    content:"\f571";
    margin-right:10px;
    color:#7ec8ff;
}

/* Login */
.member_sidebar a[href*="page=login"]:before{
    font-family:FontAwesome;
    content:"\f017";
    margin-right:10px;
    color:#7ec8ff;
}

/* Calculator */
.member_sidebar a[href*="page=profitcalculator"]:before{
    font-family:FontAwesome;
    content:"\f1ec";
    margin-right:10px;
    color:#7ec8ff;
}

.member_sidebar a:before{
    transition:all .25s ease;
}

.member_sidebar a:hover:before{
    transform:scale(1.2);
}

.lyon-upgrade-box{
    margin:0px;
    padding:25px 20px;
    text-align:center;
    border-radius:0 0 20px 20px;
    width:100%;
    
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        180deg,
        #0f2d63,
        #002fa8
    );

    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.upgrade-icon{
    font-size:36px;
    margin-bottom:10px;
}

.upgrade-title{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:8px;
}

.upgrade-text{
    color:rgba(255,255,255);
    font-size:14px;
    margin-bottom:18px;
}

.upgrade-btn{
    display:block;
    background:#39e600;
    color:#fff !important;
    text-decoration:none;
    padding:12px;
    border-radius:12px;
    font-weight:700;
    transition:.25s ease;
}

.upgrade-btn:hover{
    transform:translateY(-2px);
    background:#4cff14;
}


/* Decoraciones Upgrade Box */

.lyon-upgrade-box::before{
    content:"";
    position:absolute;
    left:-15px;
    bottom:-10px;

    width:400px;
    height:200px;

    background:url('https://i.imgur.com/Ps0ejBm.png') no-repeat center;
    background-size:contain;

    z-index:1;
}

.lyon-upgrade-box::after{
    content:"";
    position:absolute;
    right:-15px;
    bottom:-10px;

    width:400px;
    height:200px;

    background:url('https://i.imgur.com/0c0joJB.png') no-repeat center;
    background-size:contain;

    z-index:1;
}

.lyon-upgrade-box > *{
    position:relative;
    z-index:2;
}



/* LOGIN REDESIGN */

.lyon-login-container{
    max-width:700px;
    margin:40px auto;
    background:#fff;
    border-radius:30px;
    padding:40px;
   box-shadow:
0 20px 60px rgba(15,23,42,.10),
0 8px 20px rgba(37,99,235,.08);
}

.lyon-login-header{
    text-align:center;
    margin-bottom:35px;
}

.lyon-login-logo{
    font-size:34px;
    font-weight:800;
    color:#2563eb;
    margin-bottom:20px;
}

.lyon-login-header h1{
    margin:0;
    font-size:48px;
    color:#0f172a;
}

.lyon-login-header p{
    margin-top:12px;
    color:#64748b;
    font-size:18px;
}

.lyon-login-container table{
    width:100%;
}

.lyon-login-container td{
    padding:12px;
}

.lyon-login-container input[type=text],
.lyon-login-container input[type=password]{
    width:100%;
    height:55px;
    border:1px solid #dbe3ef;
    border-radius:14px;
    padding:0 45px;
    font-size:15px;
}

.lyon-login-container input[type=submit]{
    width:100%;
    height:58px;
    border:none;
    border-radius:14px;
    background:#2563eb;
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    right: 20px;
}

.lyon-login-container input[type=submit]:hover{
    opacity:.9;
}

/* LOGIN MODERN TABLE */

.lyon-login-container .widget-tbl,
.lyon-login-container .widget-tbl tr,
.lyon-login-container .widget-tbl td{
    border:none !important;
    background:transparent !important;
}

.lyon-login-container .widget-tbl td{
    padding:12px 15px !important;
}

.lyon-login-features{
    display:flex;
    gap:15px;
    margin-top:30px;
}

.feature-box{
    flex:1;
    background:#f8fbff;
    border:1px solid #e5eefc;
    border-radius:16px;
    padding:18px;
    text-align:center;
}

.feature-icon{
    width:55px;
    height:55px;
    margin:0 auto 10px;
    background:#eff6ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.feature-box strong{
    display:block;
    color:#0f172a;
    margin-bottom:5px;
}

.feature-box span{
    color:#64748b;
    font-size:13px;
}

/* LOGIN INPUTS */

.lyon-login-field{
    position:relative;
    padding:12px 0;
    text-align:center;
}

.login-icon{
    position:absolute;
    left:115px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    z-index:10;
}

.lyon-login-field input{
    width:420px;
    max-width:420px;
    height:58px;
    padding-left:70px;
    border:1px solid #dbe4f3;
    border-radius:16px;
    background:#f4f8ff;
    font-size:16px;
    outline:none;
}

.lyon-login-field input:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

/* CAPTCHA */

#captcha_login{
    width:420px !important;
    max-width:420px !important;
    height:58px;
    border-radius:16px;
    border:1px solid #dbe4f3;
    background:#f4f8ff;
    padding:0 20px;
    font-size:16px;
}

.lyon-login-container img{
    border-radius:7px;
}

/* LOGIN BUTTON */

input[name="login"]{
    width:420px !important;
    max-width:420px !important;
    height:58px;
    border:none;
    border-radius:16px;
    background:#2563eb;
    color:#fff;
    font-size:20px;
    font-weight:700;
    display:block;
    margin:0 auto !important;
    cursor:pointer;

    position:relative;
    
}

#captcha_login{
    display:block;
    margin:10px auto 0 auto !important;
    position:relative;
    left:-20px;
}
td img[src*="captcha"]{
    display:block;
    margin:20px 160px auto !important;
}

.captcha-wrapper{
    position:relative;
    width:420px;
    margin:10px auto 0 auto;
}

.captcha-icon{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    font-size:20px;
}

/* REGISTER PAGE */

.lyon-register-container{
    max-width:900px;
    margin:40px auto;
    background:#fff;
    border-radius:30px;
    padding:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-bottom:20px;
    
}

.lyon-register-header{
    text-align:center;
    margin-bottom:10px;
}

.lyon-register-logo{
    font-size:34px;
    font-weight:800;
    color:#2563eb;
    margin-bottom:20px;
}

.lyon-register-header h1{
    font-size:48px;
    
    color:#0f172a;
    margin-bottom:15px;
}

.lyon-register-header p{
    font-size:18px;
    color:#64748b;
}

.lyon-register-form{
    max-width:700px;
    margin:0 auto;
    background:transparent;
    border-radius:0;
    padding:20px 0;
    box-shadow:none;
}

.lyon-captcha-box,
.lyon-terms-box{
    background:transparent;
    box-shadow:none;
    padding:15px 20px;
    margin:10px auto;
}

.lyon-captcha-box table,
.lyon-terms-box table{
    width:100%;
}

.lyon-captcha-box td,
.lyon-terms-box td{
    border:none !important;
}

.lyon-terms-box{
    text-align:center;
}

.lyon-terms-box input[type="submit"]{
    
    margin:20px auto;
    width:100%;
    max-width:420px;
    margin:25px auto 0 auto;
}

/* REGISTER MODERN INPUTS */

.lyon-register-container .widget-tbl{
    border-collapse:separate;
    border-spacing:0 12px;
}

.lyon-register-container .widget-tbl td{
    border:none !important;
    padding:6px 28px;
}

.lyon-register-container input[type="text"],
.lyon-register-container input[type="password"]{
    width:100%;
    max-width:420px;
    height:56px;
    border:1px solid #dbe4f0;
    border-radius:14px;
    background:#f5f9ff;
    padding:0 18px;
    font-size:15px;
    box-sizing:border-box;
}

.lyon-register-container input[type="text"]:focus,
.lyon-register-container input[type="password"]:focus{
    outline:none;
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

.lyon-captcha-box{
    text-align:center;
     margin:10px auto;
}

.lyon-captcha-box input[type="text"]{
    margin-top:15px;
    max-width:250px;
}

.lyon-terms-box{
    text-align:center;
     margin:10px auto;
}

.lyon-terms-box input[type="checkbox"]{
    transform:scale(1.2);
    margin-right:8px;
}

.lyon-register-form input[type="text"],
.lyon-register-form input[type="password"]{
    width:100%;
    max-width:420px;
    height:56px;
    padding:0 20px;
    border:1px solid #d8e2f0;
    border-radius:16px;
    background:#f4f8ff;
    font-size:16px;
    box-sizing:border-box;
}

.lyon-features{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}

.lyon-feature-card{
    width:180px;
    background:#f8fbff;
    border:1px solid #e3edf8;
    border-radius:20px;
    padding:25px 15px;
    text-align:center;
}

.lyon-feature-icon{
    font-size:28px;
    margin-bottom:12px;
}

/* =====================================
   LION FORUM HERO
===================================== */

.lion-forum-hero{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    border-radius:25px;
    padding:50px;
    margin:25px 0 35px;
    color:#fff;
    text-align:center;
    box-shadow:0 15px 35px rgba(37,99,235,.25);
    background:url('https://i.imgur.com/kyUz5oe.jpeg') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.lion-forum-hero h1{
    font-size:42px;
    font-weight:800;
    margin-bottom:15px;
    color:#fff;
}

.lion-forum-hero p{
    font-size:18px;
    opacity:.95;
    max-width:700px;
    margin:0 auto 30px;
}

.lion-forum-stats{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.lion-stat-box{
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    padding:15px 25px;
    border-radius:16px;
    min-width:150px;
}

.lion-stat-box span{
    display:block;
    font-size:28px;
    margin-bottom:10px;
}

.lion-stat-box strong{
    color:#fff;
    font-size:16px;
}

.lyon-forum-hero-content{
    margin-left:-220px;
}

.forum-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:60px;
    padding:8px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin:4px 0;
}

.forum-badge.replies{
    background:#e8f3ff;
    color:#2563eb;
}

.forum-badge.views{
    background:#ecfdf5;
    color:#16a34a;
}

.frm_last_post{
    background:#e9eff5;
    padding:12px;
    border-radius:12px;
    border-left:4px solid #2563eb;
    min-width:180px;
}

.topic-icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    background:#f5f8ff;
    border:2px solid #dbe7ff;
    border-radius:14px;
    transition:all .3s ease;
    margin:auto;
}

.topic-icon:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(37,99,235,.15);
}

.topic-author{
    font-size:14px;
    font-weight:600;
    color:#4b5563;
    margin-top:4px;
}

.topic-date{
    font-size:13px;
    color:#6b7280;
    margin-top:4px;
}


.forum-stat-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:8px 0;
    padding:10px 14px;
    background:#f8fbff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    font-size:14px;
    transition:all .25s ease;
}

.forum-stat-item:hover{
    background:#eef6ff;
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(37,99,235,.10);
}

.forum-stat-item strong{
    color:#4b5563;
    font-weight:600;
}

.forum-stat-item span{
    color:#2563eb;
    font-weight:700;
}

.forum-message-box{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:20px;
    min-height:60px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    color:#374151;
    line-height:1.7;
    font-size:15px;
}

/* New Topic Form */

.widget-content{
    background:#ffffff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

#topic_title,
#topic_descr{
    width:100% !important;
    height:48px !important;
    border:1px solid #dbe3f0;
    border-radius:12px;
    padding:0 15px;
    font-size:14px;
    transition:all .25s ease;
    box-sizing:border-box;
}

#topic_title:focus,
#topic_descr:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
    outline:none;
}

#textarea{
    width:100% !important;
    min-height:260px;
    border:1px solid #dbe3f0;
    border-radius:12px;
    padding:15px;
    font-size:14px;
    line-height:1.6;
    resize:vertical;
    transition:all .25s ease;
    box-sizing:border-box;
}

#textarea:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
    outline:none;
}

#bbcodearea{
    background:#f8fbff;
    border:1px solid #dbe3f0;
    border-radius:14px;
    padding:10px;
    margin-right:15px;
    display:inline-block;
}

#bbcodearea img{
    border-radius:6px;
    padding:2px;
    transition:all .2s ease;
}

#bbcodearea img:hover{
    transform:scale(1.15);
}


.gateway-cards{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    margin:20px 0;
}

.gateway-card{
    width:220px;
    background:#ffffff;
    border-radius:18px;
    padding:20px;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    border:2px solid transparent;
}

.gateway-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    border-color:#2f6fad;
}

.gateway-card-logo img{
    max-width:120px;
    height:auto;
}

.gateway-card-title{
    margin-top:15px;
    font-size:24px;
    font-weight:700;
    color:#1f2d3d;
}

.gateway-card-status{
    display:inline-block;
    margin-top:12px;
    padding:6px 16px;
    border-radius:20px;
    background:#e7f1ff;
    color:#2f6fad;
    font-weight:600;
}

.gateway-card-min{
    margin-top:12px;
    font-weight:600;
    color:#666;
}

.manual-gateway-cards{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    justify-content:center;
}

.manual-card{
    width:220px;
    background:#ffffff;
    border-radius:18px;
    padding:20px;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    border:2px solid transparent;
}

.manual-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 25px rgba(139,92,246,.20);
    border-color:#8b5cf6;
}

.manual-status{
    display:inline-block;
    margin-top:12px;
    padding:6px 16px;
    border-radius:20px;
    background:#f3e8ff;
    color:#8b5cf6;
    font-weight:600;
}

.manual-card.selected{
    border-color:#8b5cf6;
    box-shadow:0 12px 25px rgba(139,92,246,.25);
}

.deposit-review-card{
    background:#ffffff;
    max-width:500px;
    margin:30px auto;
    padding:30px;
    border-radius:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    text-align:center;
}

.deposit-review-logo{
    max-width:180px;
    margin-bottom:15px;
}

.deposit-review-card h2{
    font-size:42px;
    font-weight:700;
    color:#22324d;
    margin:10px 0;
}

.deposit-badge{
    display:inline-block;
    padding:8px 20px;
    background:#e7f0ff;
    color:#2f6edb;
    border-radius:30px;
    font-weight:600;
    margin-bottom:20px;
}

.deposit-complete-btn{
    background:#2f6edb;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px 30px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.deposit-complete-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(47,110,219,.3);
}

.deposit-return{
    margin-top:15px;
}

.deposit-return a{
    color:#2f6edb;
    font-weight:600;
    text-decoration:none;
}


.modern-amount-input{
    width:160px;
    height:48px;
    border:2px solid #e8e8e8;
    border-radius:12px;
    padding:0 15px;
    font-size:16px;
    transition:all .3s ease;
}

.modern-amount-input:focus{
    border-color:#8b5cf6;
    outline:none;
    box-shadow:0 0 0 4px rgba(139,92,246,.15);
}

.modern-min-deposit{
    display:block;
    margin-top:8px;
    color:#8b5cf6;
    font-weight:600;
}

.modern-deposit-btn{
    background:linear-gradient(135deg,#8b5cf6,#7c3aed);
    color:#fff;
    border:none;
    border-radius:14px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

.modern-deposit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(139,92,246,.30);
}

.deposit-action-box{
    background:#f8f4ff;
    border:1px solid #eadcff;
    border-radius:18px;
    padding:25px;
    margin-top:25px;
}

.manual-funds-panel{
    background:#ffffff;
    border-radius:20px;
    padding:30px;
    margin-top:20px;
    box-shadow:0 4px 20px rgba(0,0,0,.05);
}

.manual-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#8b5cf6;
    margin:40px 0 25px;
}

.deposit-success-alert{
    display:flex;
    align-items:center;
    gap:18px;
    background:#ecfdf3;
    border:1px solid #86efac;
    border-radius:18px;
    padding:18px 22px;
    margin-bottom:25px;
}

.success-icon{
    font-size:40px;
    color:#22c55e;
}

.success-title{
    font-size:20px;
    font-weight:700;
    color:#15803d;
}

.success-text{
    color:#166534;
    margin-top:4px;
}

.withdraw-summary-box{
    background:#f8f4ff;
    border:1px solid #e5d7ff;
    border-radius:20px;
    padding:25px;
    margin-top:20px;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}

.withdraw-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
}

.withdraw-label{
    font-weight:600;
    color:#555;
}

.withdraw-value{
    color:#333;
}

.total-row{
    border-top:1px solid #e5d7ff;
    margin-top:10px;
    padding-top:15px;
}

.withdraw-total{
    font-size:24px;
    font-weight:700;
    color:#7c3aed;
}

.withdraw-buttons{
    margin-top:25px;
    display:flex;
    justify-content:center;
    gap:15px;
}

.modern-withdraw-btn{
    background:linear-gradient(135deg,#8b5cf6,#7c3aed);
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

.modern-cancel-btn{
    background:#e5e7eb;
    color:#374151;
    border:none;
    border-radius:12px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

.payment-methods-box{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    padding:20px;
    margin-left: 250px;
}

.payment-method-item{
    width:48%;
}

.payment-method-label{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#444;
    margin-bottom:8px;
}

.payment-method-input{
    width:320px;
    height:46px;
    border:1px solid #d8c6ff;
    border-radius:12px;
    padding:0 15px;
    background:#fff;
    font-size:14px;
    box-sizing:border-box;
}

.settings-modern-box{
    padding:25px;
}

.settings-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:20px;
    flex-wrap:wrap;
}

.settings-label{
    min-width:260px;
    text-align:right;
    font-weight:600;
    color:#2d3b55;
}

.settings-input{
    width:320px;
    height:46px;
    border:1px solid #d8c6ff;
    border-radius:12px;
    padding:0 15px;
    background:#fff;
}

.settings-radio-group{
    min-width:320px;
}

.settings-radio-group label{
    margin-right:20px;
    font-weight:600;
}
.payment-method-input:focus{
    border-color:#7b42f6;
    box-shadow:0 0 10px rgba(123,66,246,.15);
    outline:none;
}

.save-settings-box{
    padding:20px;
}

.save-password-area{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:20px;
    flex-wrap:wrap;
}

.save-btn-area{
    text-align:center;
    margin-top:25px;
}

.modern-save-btn{
    background:linear-gradient(135deg,#8b5cf6,#6d28d9);
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px 40px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.modern-save-btn:hover{
    transform:translateY(-2px);
}

.gateway-card-logo i{
    font-size:48px;
    display:block;
    text-align:center;
    margin:10px auto;
}

.gateway-icon-airtm{
    color:#7b4dff;
}

.gateway-icon-binance{
    color:#f3ba2f;
}

.gateway-icon-usdt{
    color:#26a17b;
}

.gateway-icon-litecoin{
    color:#345c9c;
}

.gateway-icon-ethereum{
    color:#627eea;
}


.lion-membership-header{

    background:linear-gradient(135deg,#0f2f6e,#1f66da);

    border-radius:18px;

    padding:60px 40px;

    margin-bottom:35px;

    color:#fff;

    text-align:center;

    position:relative;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.20);

}

.lion-membership-header:before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    top:-220px;

    right:-180px;

}

.lion-membership-overlay{

    position:relative;

    z-index:2;

}

.lion-membership-header h1{

    margin:0;

    font-size:52px;

    font-weight:800;

    letter-spacing:1px;

}

.lion-membership-header .blue{
color:#66b3ff;
    

}

.lion-membership-header p{

    margin-top:18px;

    font-size:18px;

    opacity:.95;

}

.lion-membership-icons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-top:35px;

}

.lion-membership-icons span{

    background:rgba(255,255,255,.10);

    padding:12px 22px;

    border-radius:30px;

    font-size:15px;

    backdrop-filter:blur(8px);

}


.lion-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:30px auto 0;
    gap:15px;
}

.lion-divider span{
    width:300px;
    height:3px;
    background:linear-gradient(90deg,transparent,#d7b95c,transparent);
}

.lion-diamond{
    width:60px;
    height:60px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:40px;
    box-shadow:0 0 18px rgba(215,185,92,.45);
}

.lion-memberships{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

margin:45px 0;

}

.lion-card{

background:#fff;

border-radius:24px;

padding:35px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

position:relative;

overflow:hidden;

border:2px solid transparent;

}

.lion-card:hover{

transform:translateY(-10px);

box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.lion-card h2{

margin:0;

font-size:30px;

font-weight:700;

color:#143b86;

}

.lion-price{

font-size:42px;

font-weight:800;

margin-top:15px;

color:#2f67d8;

}

.lion-duration{

margin-top:8px;

color:#777;

font-size:14px;
font-weight: bold;

}

.lion-features{

margin-top:28px;

}

.lion-features div{

padding:12px 0;

border-bottom:1px solid #ececec;

font-size:15px;

}

.lion-badge{

position:absolute;

top:18px;

right:-45px;

background:#ffb300;

color:#fff;

padding:8px 50px;

font-size:12px;

font-weight:bold;

transform:rotate(35deg);

}

.lion-popular{

border:2px solid #f4b400;

box-shadow:0 15px 40px rgba(244,180,0,.25);

}

.lion-elite{

background:linear-gradient(180deg,#081b46,#123c8f);

border:2px solid #d9b24a;

box-shadow:
0 18px 45px rgba(0,0,0,.35),
0 0 20px rgba(217,178,74,.30);

}

.lion-elite .lion-card-icon{

background:linear-gradient(135deg,#ffe58a,#d7b95c);

font-size:52px;

color:#102b63;

}

.lion-elite h2,

.lion-elite .lion-price,

.lion-elite .lion-duration,

.lion-elite .lion-features{

color:#fff;

}

.lion-card-icon{

width:90px;

height:90px;

margin:0 auto 20px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:48px;

background:#eef4ff;

box-shadow:0 10px 25px rgba(0,0,0,.10);

transition:.35s;

}

.lion-card:hover .lion-card-icon{

transform:scale(1.08) rotate(5deg);

}

.lion-card:first-child{

border:2px solid transparent;

}
.lion-card:nth-child(2){

border:2px solid #c9d4e8;

}

.lion-card:nth-child(2) .lion-card-icon{

background:linear-gradient(135deg,#eef2f7,#d7dde8);

}

.lion-popular .lion-card-icon{

background:linear-gradient(135deg,#ffd95c,#ffb300);

font-size:52px;

}


.lion-card-header{

    text-align:center;

}

.lion-card h2{

    text-align:center;

    margin-top:15px;

}

.lion-price{

    text-align:center;

}

.lion-duration{

    text-align:center;
   color: #11299b;

}

.lion-features{

    margin-top:25px;

}

.lion-features div{

    text-align:left;

}

/* ===== CONTENEDOR GENERAL ===== */



/* Quitar fondo blanco */

.widget-content::before{

    display:none;

}

.lion-membership-cards{

    display:flex;

    gap:28px;

    justify-content:center;

    align-items:stretch;

    margin-top:10px;

    margin-bottom:45px;

}



/*====================================================
    LION MEMBERSHIP THEMES
====================================================*/

/* STANDARD */

.lion-standard{

    background:#ffffff;
    border:2px solid #edf1f7;

    box-shadow:
    -1px -1px 0px 5px rgb(0 0 0 / 48%);
    color: #11299b;

}

.lion-standard:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.15);

}

.lion-standard .lion-card-icon{

    background:#f5f7fb;

    border:5px solid #ffffff;

}

.lion-standard h2{

    color:#1d458c;

}

.lion-standard .lion-price{

    color:#2f67d8;

}


/* SILVER */

.lion-silver{

    background:linear-gradient(180deg,#fafbfd,#d5dde9);

    border:2px solid #cfd8e6;

    box-shadow:
    1px 1px 0px 5px rgb(150 160 180);
    color: #11299b;

}

.lion-silver:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 55px rgba(150,160,180,.35);

}

.lion-silver .lion-card-icon{

    background:linear-gradient(180deg,#ffffff,#e5ebf4);

    border:5px solid #ffffff;

}

.lion-silver h2{

    color:#224c96;

}

.lion-silver .lion-price{

    color:#3767d6;

}


/* GOLD */

.lion-gold{

    background:linear-gradient(180deg,#fffef8,#cdbe98);

    border:2px solid #e1ad12;

    box-shadow:
    0 0 5px 4px rgb(225 173 18 / 95%);
    color: #11299b;

}

.lion-gold:hover{

    transform:translateY(-10px);

    box-shadow:
    0 0 55px rgba(225,173,18,.45);

}

.lion-gold .lion-card-icon{

    background:linear-gradient(180deg,#ffe37a,#ffc533);

    border:5px solid #fff5c8;

}

.lion-gold h2{

    color:#8b5a00;

}

.lion-gold .lion-price{

    color:#d08a00;

}


/* LION ELITE */

.lion-elite{

    background:linear-gradient(180deg,#071733,#0d2555);

    border:2px solid #d4af37;

    box-shadow:
    -1px 1px 0px 3px rgb(212 175 55);

}

.lion-elite:hover{

    transform:translateY(-10px);

    box-shadow:
    0 0 70px rgba(212,175,55,.55);

}

.lion-elite .lion-card-icon{

    background:linear-gradient(180deg,#f9df79,#c99612);

    border:5px solid rgba(255,255,255,.15);

}

.lion-elite h2,
.lion-elite p,
.lion-elite li,
.lion-elite span{

    color:#ffffff;

}

.lion-elite .lion-price{

    color:#ffd65c;

}

/*====================================================
        MEMBERSHIP COMPARISON
====================================================*/

.lion-comparison-box{

    margin-top:45px;

    background:linear-gradient(180deg,#163f8f,#0f2f6f);

    border-radius:22px;

    padding:30px;

    box-shadow:0 18px 40px rgba(0,0,0,.25);

    border:1px solid rgba(255,255,255,.08);

}

.lion-comparison-title{

    font-size:26px;

    font-weight:700;

    color:#ffffff;

    margin-bottom:25px;

    text-align:center;

    letter-spacing:.5px;

}

.lion-comparison-table{

    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

}

.lion-comparison-table td{

    padding:14px 18px;

    color:#ffffff;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.lion-comparison-table tr:nth-child(even){

    background:rgba(255,255,255,.03);

}

.lion-comparison-table tr:hover{

    background:rgba(255,255,255,.06);

}

.lion-comparison-table .titles td{

    font-size:18px;

    font-weight:700;

    text-align:center;

    background:rgba(255,255,255,.08);

}

.lion-comparison-table .titles td:nth-child(2),

.lion-comparison-table .titles td:nth-child(3){

    color:#ffffff;

}

.lion-comparison-table .titles td:nth-child(4),

.lion-comparison-table .titles td:nth-child(5){

    color:#f5c542;

}

.lion-comparison-table td:first-child{

    font-weight:600;

    color:#dfe8ff;

    width:260px;

}

/*====================================================
        LION UPGRADE PURCHASE PANEL
====================================================*/

/* Contenedor principal */

#tabs{

    margin-top:40px;

    background:#ffffff;

    border-radius:25px;

    padding:25px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

/* Pestañas */

#tabs ul{

    display:flex;

    gap:20px;

    margin:0 0 25px 0;

    padding:0;

    list-style:none;

}

#tabs ul li{

    margin:0;

}

#tabs ul li a{

    display:block;

    padding:18px 35px;

    border-radius:16px;

    background:#f3f6fc;

    color:#23458b;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

    border:1px solid #dfe7f5;

}

#tabs ul li.ui-tabs-active a{

    background:linear-gradient(135deg,#2458ff,#163f8f);

    color:#fff;

    box-shadow:0 8px 20px rgba(36,88,255,.30);

}

#tabs ul li a:hover{

    transform:translateY(-3px);

}

/* Panel interior */

#tab-1,
#tab-2{

    background:#f8faff;

    border-radius:20px;

    padding:30px;

    border:1px solid #dfe7f5;
     max-width:700px;

    margin:0 auto;
    text-align:center;

    vertical-align:middle;

}

/* Tabla */

#tabs table{

    width:100%;

}

#tabs td{

    padding:15px;

    color:#445;

    font-size:15px;

}

/* Selects */

#tabs select{

    min-width:160px;

    height:45px;

    border:2px solid #dfe7f5;

    border-radius:10px;

    padding:0 12px;

    font-size:15px;

    background:#fff;

}

#tabs select:focus{

    outline:none;

    border-color:#2458ff;

}

/* Botones */

#tabs input[type=submit]{

    background:linear-gradient(135deg,#2458ff,#163f8f);

    color:#fff;

    font-size:16px;

    font-weight:700;

    border-radius:14px;

    padding:16px 35px;

    min-width:120px;

    box-shadow:
        0 10px 25px rgba(36,88,255,.35);

}

#tabs input[type=submit]:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px rgba(36,88,255,.50);

}

#tabs input[type=submit]:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(36,88,255,.40);

}

/* CANCEL */

#tabs input[type=button]{

    background:#eef2f9;

    color:#334;

    margin-left:10px;

}

#tabs input[type=button]:hover{

    background:#dfe7f5;

}

/* Caja informativa */

.info_box{

    background:#eaf6ff;

    border:1px solid #9fd8ff;

    border-radius:12px;

    padding:18px;

    color:#1168a8;

    font-weight:600;

    margin-bottom:25px;

}

/* Gateway */

.gatewayfrm{

    background:#ffffff;

    border-radius:20px;

    padding:40px;

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

}

.gatewayfrm img{

    width:140px;

    transition:.3s;

}

.gatewayfrm img:hover{

    transform:scale(1.08);

}

.gatewayfrm a{

    display:inline-block;

    margin-top:15px;

    color:#2458ff;

    font-weight:700;

    text-decoration:none;

}

/*=========================================
 SIDEBAR COLLAPSE
=========================================*/

.lyon-sidebar{
    width:240px;
    transition:all .30s ease;
    overflow:hidden;
}

.lyon-main-content{
    transition:all .30s ease;
}

body.sidebar-collapse .lyon-sidebar{
    width:78px;
}

body.sidebar-collapse .lyon-sidebar .admin-info,
body.sidebar-collapse .lyon-sidebar .username,
body.sidebar-collapse .lyon-sidebar .member-level,
body.sidebar-collapse .lyon-sidebar .member-date,
body.sidebar-collapse .member_sidebar span,
body.sidebar-collapse .member_sidebar .menu-text{
    display:none;
}

body.sidebar-collapse .member_sidebar li a{

    text-align:center;

    padding-left:0;

}

body.sidebar-collapse .member_sidebar li i{

    margin-right:0;

    font-size:22px;

}

body.sidebar-collapse .lyon-main-content{

    margin-left:78px;

}
/*=========================================
TOGGLE BUTTON
=========================================*/

.sidebar-toggle{

    display:flex;

    justify-content:flex-end;

    padding:12px;

}

.sidebar-toggle-btn{

    width:38px;

    height:38px;

    border:none;

    border-radius:10px;

    background:#2f5cff;

    color:#fff;

    cursor:pointer;

    font-size:18px;

    transition:.3s;

}

.sidebar-toggle-btn:hover{

    background:#1f4ee8;

    transform:scale(1.05);

}
/*=========================================
PROFILE COLLAPSED
=========================================*/

body.sidebar-collapse .lyon-profile-box{

    padding:15px 5px;

    text-align:center;

}

body.sidebar-collapse .lyon-profile-name,
body.sidebar-collapse .lyon-profile-membership,
body.sidebar-collapse .lyon-profile-since,
body.sidebar-collapse .lyon-profile-date{

    display:none;

}

body.sidebar-collapse .lyon-profile-avatar{

    width:46px;

    height:46px;

    margin:0 auto;

}

body.sidebar-collapse .lyon-profile-avatar img{

    width:46px;

    height:46px;

    border-radius:50%;

}

/*=========================================
CENTER ICONS WHEN COLLAPSED
=========================================*/

body.sidebar-collapse .member_sidebar li ul li{

    display:flex;

    justify-content:center;

    align-items:center;

}

body.sidebar-collapse .member_sidebar li ul li a{

    width:100%;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:0;

    text-indent:0;

}

body.sidebar-collapse .member_sidebar li ul li a::before{

    margin:0;

    font-size:20px;

}

body.sidebar-collapse .member_sidebar .title{

    display:none;

}

body.sidebar-collapse .lyon-upgrade-box{

    display:none;

}