﻿/*div.profile {*/
	/* width: 350px; */
	/* height: 70px; */
	/* padding: 5px; */
	/* border-radius: 10px; */
	/*display: inline-block;
	width: 200px;*/
	/*height: 200px;*/
	/*background: #0072a4;
	color: white;
    text-align:center;
}*/

.barra-menu {
    width: 200px;
    box-shadow:black 1px 0px 5px;
    height: 100vh;
    position:absolute;
    background: #d0d0d0;
    z-index:5;
    overflow-y:auto;
    overflow-x:hidden;
    display:none;

    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
    background: rgb(206,220,231); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

/*.profile #imgP {
	width: 80px;
	height: 80px;
	padding: 5px;
	border: 5px solid rgba(23, 109, 245, 0.70);
	border-radius: 10px;*/
	/* float: left; */
	/*background: #23538a;
	background: -moz-linear-gradient(top, #23538a 0%, #a7cfdf 100%);
	background: -webkit-linear-gradient(top, #23538a 0%,#a7cfdf 100%);
	background: linear-gradient(to bottom, #23538a 0%,#a7cfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 );
	margin: 5px auto;
	display: block;
}*/  

#loginName {
	display: block;
    margin:10px;
}

.profile .icon-list {
    font-size: 2em;
}

.menu {
    margin: 0px auto 0;
    display: block;
}

.menu ul {
	list-style-type: none;
	margin: 0;
	display: block;
	padding: 10px;
}

.btnMenu {
    margin-top: 3px;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 5px;
}

    .btnMenu span:first-child {
        display:block;

        padding: 3px;
        font-size: 0.8em;

        border-bottom:1px solid rgba(34, 36, 38, 0.15);
    }