html {
    height:100%;
}

body {
    padding:0;
    margin:0;
    height:100%;
    background:#E1E1E1;
    background-size:100%;
    background-attachment:fixed;
    background-position:right top;
}

.fixed-plugin {
	display: none;
}

.active-menu {
    background: #b72824;
    color: white !important;
}

/***************** Login Page *****************/
.LoginPage {
    height:100%;
}
.LoginPage .Left {
    display:inline-block;
    width:100%;
    height:100%;
    background:#F3F3F3;
}
.LoginPage .Left .Image {
    width:100%;
    height:100%;
    text-align:center;
    display:inline-flex;
    align-items:center; 
}
.LoginPage .Left .Image img {     
    margin:0 auto;
    height:160px;
} 
.LoginPage .Right {
    display:inline-flex; 
    height:100%;
    width:100%
} 
.LoginPage .Right .Content {
    display:inline-flex;
    align-items:center;
    width:100%;
    background:#fff;
    padding-left:30px;
    padding-right:60px;
}
.LoginPage .Right .Content .Width {
    width:100%;
    padding-left:50px;
    padding-right:50px;
}
.LoginPage .Right .Content .Form {
    
    margin:0 auto;
}
 

/***************** Success *****************/
.SuccessDiv {
    display:inline-flex;
    align-items:center;
    width:100%;
    height:100%;
    background:#fff;
}
.SuccessDiv .Flex {
    display:inline-flex;
    align-items:center;
    width:100%;
}
.SuccessDiv .Info {
    width:100%;
}
.SuccessDiv .Info .Check {
    color:#F43530;
    font-size:70px;
    text-align: center;
    margin-bottom:15px;
}
.SuccessDiv .Info .Text {
    font-family:MontserratBold;
    font-size:32px;
    line-height:39px;
    color:#919191;
    text-align:center;
    margin-bottom:112px;
}
.SuccessDiv .Info .Buttons {
    text-align:center;
}
.SuccessDiv .Info .Buttons .btn {
    width:260px;
    max-width:100%;
}


/***************** Success *****************/
.LogOut {
    display:inline-flex;
    align-items:center;
    width:100%;
    height:100%;
    background:#fff;
    visibility: hidden;
    opacity:0;
    position: fixed;
    top:0;
    left:0;
    z-index:999;
    transition:0.3s;
}
.LogOut.Show {
    visibility:visible;
    opacity:1;
} 
.LogOut .Flex {
    display:inline-flex;
    align-items:center;
    width:100%;
}
.LogOut .Info {
    width:100%;
}
.LogOut .Info .Check {
    color:#F43530;
    font-size:70px;
    text-align: center;
    margin-bottom:15px;
}
.LogOut .Info .Text {
    font-family:MontserratBold;
    font-size:32px;
    line-height:39px;
    color:#919191;
    text-align:center;
    margin-bottom:112px;
}
.LogOut .Info .Buttons {
    text-align:center;
}
.LogOut .Info .Buttons .btn {
    width:260px;
    max-width:100%;
}





.MainDiv {
    display:inline-block;
    width:100%;
    float:left;
}
.MainDiv .ContentFLex {
     display:flex
}
/***************** Sidebar *****************/
.Sidebar {
    display:inline-block;
    float:left;
    width:300px;
    min-height:100vh; 
    background:#F1F1F1;
    padding-top:45px;   
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
}
.Sidebar .Logo {
    width:100px;
    height:80px;
    margin-bottom:50px; 
    width:100%; 
    text-align:center;    
}
.Sidebar .Logo img {
    height:100%;
}
.Sidebar .MainMenu {}
.Sidebar .MainMenu ul {
    padding:0;
}
.Sidebar .MainMenu ul li {
    padding-left:10px;
}
.Sidebar .MainMenu ul li a {
    display:block; 
    color:#707070;
    font-size:20px; 
    font-family:GilroyLight;
    height:68px;
    line-height:68px;
    padding-left:28px;
    text-decoration:none;
    transition:0.3s;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.Sidebar .MainMenu ul li a span {
    margin-right:12px;
    font-size:23px;
    position:relative;
    top:4px;
}
.Sidebar .MainMenu ul li.active a,
.Sidebar .MainMenu ul li:hover a {
    background:#A6CC9F;
    color:#fff;
}

.Sidebar .Checkbox { 
    width:100%;
    text-align:center; 
    margin-top:100px;
    margin-bottom:60px;
}
 


/***************** userDiv *****************/
.UserDiv {
    display:inline-block;
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    padding-left:40px;
}
.UserDiv span {
    color:#707070;
    font-size:20px;
    font-family:GilroyLight;
    line-height:23px;
    display:inline-block;
    width:100%;
    margin-bottom:5px;
}
    .UserDiv label {
        color: #221F20;
        font-size: 40px;
        line-height: 49px;
        font-family: GilroyExtraBold;
        text-transform: uppercase;
    }





/***************** ContentDiv *****************/
.ContentDiv {   
    width:calc(100% - 300px);
    display:inline-block;
    float:left;
    padding-left:60px;
    padding-right:60px;
}
.ContentDiv .Header { 
    margin-bottom:20px; 
    background:#F1F1F1;
    padding:20px 30px; 
    border-radius:30px;
    text-align:right;
}
.ContentDiv .Header .HeadButtons {
   display:inline-block
}
.ContentDiv .Header .HeadButtons .btn {
    width:170px;
    padding:0;
}
.ContentDiv .Header .HeadClose {
     
}


.ContentInside {
    display:inline-block;
    width:100%;
    background:rgba(241,241,241,0.8);
    padding-top:32px;  
    border-radius:30px;
    margin-bottom:30px !important;
}
.ContentInside h1 {
    height:40px;
    display:inline-block;
    margin-bottom:30px;
}