html {
    height:100%;
}

body {
    padding:0;
    margin:0;
    height:100%;
    background:#FFF9F1 url('../img/bg.png');
    background-position:center !important;
    background-size:cover !important; 
    background-attachment: fixed; 
    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:360px;
    min-height:100vh; 
    background:#212428;
    padding-top:32px;    
}
.Sidebar .Logo {
    width:115px;
    height:40px;
    margin-bottom:48px; 
}
.Sidebar .Logo {
    width:100%; 
    text-align:center;        
}
.Sidebar .MainMenu {}
.Sidebar .MainMenu ul {
    padding:0;
}
.Sidebar .MainMenu ul li {
    display:inline-block;
    width:100%; 
    padding:0 32px;
    margin-bottom:15px;
}
.Sidebar .MainMenu ul li a {
    display:block; 
    color:#ECECEC;
    font-size:18px; 
    font-family:NunitoBold;
    height:76px;
    line-height:76px; 
    padding-left:55px;
    text-decoration:none;
    transition:0.5s;
    border-radius:16px;
}
.Sidebar .MainMenu ul li a i {
    margin-right:12px; 
    font-size:24px;
}
.Sidebar .MainMenu ul li.active a,
.Sidebar .MainMenu ul li:hover a {
    background:#858585;
    color:#fff;
}
.Sidebar .Checkbox { 
    width:100%;
    text-align:center; 
    margin-top:60px;
    margin-bottom:30px;
}
 

/***************** ContentDiv *****************/
.ContentDiv {   
    width:calc(100% - 360px);
    display:inline-block;
    float:left;
    padding:0 32px;
    padding-bottom:100px;
    position: relative;
    overflow:hidden;
}
.ContentDiv .Header {
    padding-top:32px;
    margin-bottom:20px;
}
.ContentDiv .Header .HeadButtons {
    display:inline-block;
    width:auto;
} 


.ContentInside {
    display:inline-block;
    width:100%;
    /* background: rgba(255, 255, 255,0.5);
    backdrop-filter: blur(12px)  ;   */
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.3);
    padding-top:32px; 
    border-radius:16px; 
    padding:32px;
}
.ContentInside .Content {
    display:inline-block;
    width:100%;
    border-top:solid #878787 1px;
    padding:32px 0;
}
.ContentInside h1 {
    height:40px;
    display:inline-block;
    margin-bottom:30px;
}

 
/***************** Dash BOx *****************/
.DashBoard {
    display:inline-block;
    width:100%;
}
.DashBoard .DashBox {
    border-radius:16px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.3);
    padding:28px 17px 17px 17px;
    width:100%;
    height:250px
}
.DashBoard .DashBox .Title {
    margin-bottom:14px;
    padding-left:5px;
}
.DashBoard .DashBox .Title a {
    font-size:16px;
    line-height:22px;
    color:#fff;
    font-family:NunitoBold;
    float:right;
    text-decoration:none;
    margin-top:5px;
    transition:0.3s;
}
.DashBoard .DashBox .Title a:hover {
    text-decoration:underline;
}
.DashBoard .DashBox .Content {}
.DashBoard .DashBox .Content .DashNews {
    display:inline-block;
    width:100%;
    height:160px;
    position:relative;
    overflow:hidden;
    border-radius:16px;
}
.DashBoard .DashBox .Content .DashNews .Image,
.DashBoard .DashBox .Content .DashNews .Image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.3s;
}
.DashBoard .DashBox .Content .DashNews .Image:after {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url('../img/news_after.png') no-repeat;
    background-size:100% 100%; 
}
.DashBoard .DashBox .Content .DashNews .Name {
    position:absolute;
    top:0;
    left:0;
    font-family:NunitoBlack;
    color:#fff;
    display:inline-flex;
    align-items:center;
    height:100%;
    font-size:22px;
    padding-left:32px;
    padding-right:50px;
}
.DashBoard .DashBox .Content .DashNews:hover .Image img{
    transform:scale(1.1);
}

.DashBoard .DashBox .Content .LoginHistory {
    width:104%;
    display:inline-block;
    padding-left:5px;
    padding-top:10px;
}
.DashBoard .DashBox .Content .LoginHistory li {
    color:#fff;
    font-size:16px;
    line-height:22px;
    list-style:none;
    margin-bottom:16px; 
    font-family:NunitoBold;
    display:inline-block;
    width:50%;
    float:left;
    padding-right:30px;
    
}
.DashBoard .DashBox .Content .LoginHistory li label {
    margin-bottom:0;
    font-size:10px;
}
.DashBoard .DashBox .Content .LoginHistory li span {
    float:right;
    opacity:0.5;
}



/***************** ContentDiv *****************/
.NewsPage {
    display:inline-block;
    width:100%;
}
.NewsBox {
    border-radius:16px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(0, 0, 0, 0.5);
    padding:28px 17px 17px 17px;
    width:100%;
    height:250px;
    margin-bottom:30px;
}
.NewsBox .Title {
    margin-bottom:14px;
    padding-left:10px;
}
.NewsBox .Title .Date {
    font-size:22px;
    line-height:30px;
    color:#fff;
    font-family:NunitoBold;
    float:right;
    text-decoration:none; 
    transition:0.3s;
} 
.NewsBox .Content {
    display:inline-block;
    width:100%;
}
.NewsBox .Content .Item {
    display:inline-block;
    width:100%;
    height:160px;
    position:relative;
    overflow:hidden;
    border-radius:16px;
}
.NewsBox .Content .Item .Image,
.NewsBox .Content .Item .Image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.3s;
}
.NewsBox .Content .Item .Image:after {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url('../img/news_after.png') no-repeat;
    background-size:100% 100%; 
}
.NewsBox .Content .Item .Name {
    position:absolute;
    top:0;
    left:0;
    font-family:NunitoBlack;
    color:#fff;
    display:inline-flex;
    align-items:center;
    height:100%;
    font-size:22px;
    padding-left:32px;
    padding-right:50px;
}
.NewsBox .Content .Item:hover .Image img{
    transform:scale(1.1);
}

.NewsBox.LatestNews {
    height:auto
}
.NewsBox.LatestNews .Content {
    padding-bottom:20px;
}
.NewsBox.LatestNews .Content .Item {
    height:250px;
}
.NewsBox.LatestNews .Content .Text {
    color:#ECECEC;
    font-size:18px;
    line-height:36px;
    font-family:NunitoRegular;
    margin-top:20px;
}
.NewsBox.LatestNews .Content .btn {
    margin-top:30px;
    float:right;
}




/***************** Login & Register *****************/
.LoginBody { 
    background:#76756C ;
    background-image: linear-gradient(to right, #141414, #76756C);
    background-position:left bottom;
    overflow-x:hidden;
} 
.LoginPage {
    display:inline-flex;
    width:100%;
    min-height:100%;
    background: url('../img/login_bg.svg') no-repeat;
    background-position:left center !important; 
    background-size:auto 100%;
    background-attachment: fixed; 
    overflow:hidden;
    padding-top:120px;
    padding-bottom:50px;
}
.LoginPage .Flex {
    display: inline-flex;
    width: 100%;
    align-items: center;
    height: 100%;
}
.LoginPage .Content {
    width:100%;
}
.LoginPage .Form {
    display:inline-block;
    width:100%;
    padding-right:140px;
}
.LoginPage .Form .Title {
    color:#fff;
    font-size:32px;
    line-height:43px;
    font-family:NunitoBold;
}

.LoginPage .ShowLang {
    position: absolute;
    right:140px;
    top:32px;
}
 

/***************** Success *****************/
.SuccessDiv {}
.SuccessDiv .Check {
    color:#4CE5AE;
    font-size:40px;
    text-align:center;
    text-align:center;
    border:solid #4CE5AE 2px;
    border-radius:100%;
    text-align:center;
    width:80px;
    height:80px;
    line-height:80px;
    margin:0 auto 25px auto; 
}
.SuccessDiv .Text {
    font-family:NunitoBold;
    font-size:32px;
    line-height:43px;
    text-align:center;
    color:#fff;
    margin-bottom:30px;
}
.SuccessDiv .Buttons {
    display:inline-block;
    width:100%;
    text-align:center;
}
.SuccessDiv .Buttons .btn {
    margin-left:12px;
    margin-right:12px;
}