/* Whole Page Layout */
.layout{
    display: flex;
    background-color: #424242;
    color: white;
    font-family:Arial;

}

.body{
    margin:0px;
}

/* Main Content Classes */
.main-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #303030;
}

.main-content-text{
    padding: 10px;
}

/* Side Panel Classes */

.side-panel-container{
    display: flex;
    flex-direction: column;
    width:250px;
    background-color: #424242;
    height: 100vh;

}
.side-panel-item{
    padding-bottom:10px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Top Panel Classes */

.top_panel_container{
    display: flex;
    flex-direction: row;
    background-color: #727272;
    height:96px;
    width:100%;
    color: white;
    font-family:Arial;
}

.top-panel-left{
    height: inherit;
    display: flex;
    flex-direction: row;
    width: 50%;
}

.page_title{
    padding-left:10px;
}

.top-panel-right{
    height: inherit;
    display: flex;
    flex-direction: row-reverse;
    width:50%;
}

.account_info{
    display: flex;
    flex-direction: row;
}

.profile_pic{
    height: inherit;
}

.account_name_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.profile_name{
    font-size: 25px;
    padding-bottom: 5px;
}
.header_logo_containter{
    width:230px;
    height: 100%;
    background-color: #424242;
    align-self: flex-start;
    justify-content: center;
}

.logo_image{
    width:90%;
    padding: 5px;
}

/* Sales Totals Dashboards */
.sales-totals-container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 10px;
    width: 100%;
}
.sales-totals-item{
    align-self: flex-start;
    margin: 10px;
}





/* ************ */
/*   BUTTONS    */
/* ************ */

/* Side Panel Buttons */

.sidebarButton {
	background-color:#58C368;
	border-radius:10px;
	display:inline-block;
    width: 150px;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:20px 20px;
	text-decoration:none;

}

.sidebarButton:hover {
	background-color:#476e9e;
}

.sidebarButton:active {
	position:relative;
	top:1px;
}

/* Top Panel Buttons */
.logout_button {
	background-color:#58C368;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:10px;
    width:100%;
}
.logout_button:hover {
	background-color:#476e9e;
}
.logout_button:active {
	position:relative;
	top:1px;
}