html {
    height:100%;
}

body {
    padding:0;
    margin:0;
    height:100%; 
    background:#181D23;
    overflow-x:hidden;
}
/* .BodyScroll {
    overflow:hidden;
} */
 
 
  
.MainDiv {
    display:inline-block;
    width:100%;
    float:left;
}
.MainDiv .ContentFLex {
    display:flex;
}

/***************** Sidebar *****************/
.Sidebar {
    display:inline-block;
    float:left;
    width:88px;
    min-height:100vh;  
    padding-top:32px;   
}
.Sidebar .Logo {
    width:56px;
    height:56px;
    margin-bottom:48px; 
    margin: auto; 
} 
.Sidebar .MainMenu {
    margin-top:32px;
}
.Sidebar .MainMenu ul {
    padding:0;
}
.Sidebar .MainMenu ul li {
    display:inline-block;
    width:100%;  
    margin-bottom:4px;
    position:relative;
}
.Sidebar .MainMenu ul li a {
    display:block; 
    color:#00F2B0;
    font-size:18px; 
    font-family:AvenirMedium;
    height:76px;
    line-height:76px;  
    text-decoration:none;
    transition:0.5s; 
    text-align:center;
}
.Sidebar .MainMenu ul li a i {
    margin-right:12px; 
    font-size:21px;
    top:3px;
    position: relative;
} 
.Sidebar .MainMenu ul li:after{
    content:'';
    width:4px;
    height:31px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    background:#00F2B0;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-15px;
    transition:0.3s;
    opacity:0;
}  

.Sidebar .MainMenu ul li.active:after,
.Sidebar .MainMenu ul li:hover:after {
    opacity:1;
}


/***************** ContentDiv *****************/
.ContentDiv {   
    width:calc(100% - 88px);
    display:inline-block;
    float:left;
    padding:0 32px;
    padding-bottom:40px;
    position: relative;
    /* overflow:hidden; */
}
.ContentDiv .Header {
    padding-top:26px;
    margin-bottom:16px; 
}
.ContentDiv .Header h1 {
    margin-top:7px;
}
.ContentDiv .Header .Buttons {
    display:inline-block;
    width:auto;
    margin-left:16px;
} 
.ContentDiv .Header .Buttons .btn {
    margin-right:16px;
}
.ContentDiv .Header .HeadButtons {
    display:inline-block;
    width:auto;
} 


.ContentInside {
    display:inline-block;
    width:100%;   
    border-radius:20px; 
    /* padding:32px; */
    /* background:#29313A;   */
}
.ContentInside .Content {
    display:inline-block;
    width:100%; 
    padding:0px 0 14px 0;
}
.ContentInside h1 {
    height:40px;
    display:inline-block;
    margin-bottom:30px;
}

.ContentInside .Buttons {
    floaT:right;
    margin-right:-25px;
} 
.ContentInside .TradingWidget {
    background:#1e222d;
    border:solid #434651 1px;
    height:75px;
    border-radius:8px;
    overflow:hidden;
}
.tradingview-widget-copyright {
    display:none !important;
}

 
/***************** Dash BOx *****************/ 
.EventsBox {
    display:inline-block;
    width:100%;
    background:#29313A;
    border-radius:20px;
    padding:25px;
    position: relative;
    height:calc(100% - 7px); 
} 
.EventsBox .CalLink {
    position:absolute;
    right:30px;
    top:20px;
    color:#00F2B0;
    font-size:18px;
    line-height:31px;
    text-decoration:none;
}
.EventsBox .List {
    margin-top:20px;
    display:inline-block;
    width:100%;
}
.EventsBox .List .Item {
    display:inline-flex;
    align-items:center;
    margin-bottom:25px;
}
.EventsBox .List .Item .Icon {
    width:50px;
    height:50px;
    border-radius:100%;
    text-align:center;
    line-height:50px;
    color:#fff;
    font-size:22px;
    margin-right:16px;
}
.EventsBox .List .Item .Icon.Icon1 {background:#39D5CF;}
.EventsBox .List .Item .Icon.Icon2 {background:#FF007C;}
.EventsBox .List .Item .Icon.Icon3 {background:#7D00B5;}
.EventsBox .List .Item .Info {}
.EventsBox .List .Item .Info span {
    color:#fff;
    font-size:22px;
    line-height:28px;
    font-family:AvenirBold;
    display:inline-block;
    width:100%;
}
.EventsBox .List .Item .Info label {
    color:rgba(255,255,255,0.5);
    font-size:18px;
    line-height:26px;
    font-family:AvenirRegular;
}


  

/***************** News *****************/
.NewsPage {
    display:inline-block;
    position: relative; 
    width:100%;
}
.NewsPage .NewsList {}
.NewsPage .NewsList .AllNews {
    position:absolute;
    right:30px;
    top:20px;
    color:#00F2B0;
    font-size:18px;
    line-height:31px;
    text-decoration:none;
}
.NewsPage .NewsList .Item {
    display:inline-block;
    width:100%;
    background:#29313A;
    padding:25px 25px;
    border-radius:20px;
    margin-bottom:30px;
}
.NewsPage .NewsList .Item .Image {
    width:100%;
    height:320px;
}
.NewsPage .NewsList .Item .Image img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
}
.NewsPage .NewsList .Item .Info {}
.NewsPage .NewsList .Item .Info .Name {
    font-family:AvenirBold;
    font-size:36px;
    line-height:63px;
    color:#fff;
    margin-bottom:15px;
}
.NewsPage .NewsList .Item .Info .Text {
    font-family:AvenirMedium;
    color:#fff;
    font-size:18px;
    line-height:40px;
}
.NewsPage .NewsList .Item .Info .Text p {
    margin-bottom:0;
}



/***************** Login & Register *****************/
.LoginPage {
    display:inline-flex;
    width:100%;
    min-height:100%;  
    overflow:hidden;
    padding-top:80px;
    padding-bottom:50px;
    padding-left:270px;
    position: relative;
} 
.LoginPage .FormDiv {
    width:328px;
    display:inline-block;
    float:left;
    margin-right:32px;
}
.LoginPage .Flex {
    display: inline-flex;
    width: 100%;
    align-items: center;
    height: 100%;
}
.LoginPage .Content {
    width:100%;
}
.LoginPage .Form {
    display:inline-block;
    width:100%; 
}
.LoginPage .Form .Title {
    color:#fff;
    font-size:32px;
    line-height:55px;
    font-family:AvenirBold;
} 
.LoginPage .ShowLang {
    position: absolute;
    right:140px;
    top:32px;
}
 
 
/***************** Success *****************/
.SuccessDiv {
    display:inline-flex;
    align-items:center;
    width:100%;
    height:100%;
    background-image: linear-gradient(to right, #232230 , #06060C);
}
.SuccessDiv .Flex {
    display:inline-flex;
    align-items:center;
    width:100%;
}
.SuccessDiv .Info {
    width:100%;
}
.SuccessDiv .Info .Check {
    color:#00F2B0;
    font-size:70px;
    text-align: center;
    margin-bottom:15px;
}
.SuccessDiv .Info .Text {
    font-family:AvenirBold;
    font-size:32px;
    line-height:55px;
    color:#fff;
    text-align:center;
    margin-bottom:30px;
}
.SuccessDiv .Info .Buttons {
    text-align:center;
}
.SuccessDiv .Info .Buttons .btn {
    width:220px;
    max-width:100%;
    padding:0
}