@import "materialize/css/materialize.css";
@import "materialize/fonts/roboto/font-face.css";

html,body{

}

.side-nav .userView .background {
    width: 100%;
}
.white-text {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.card-panel ul{
    color: white !important;
}

nav .brand-logo{
    height: 90%;
    text-align: left;
}
nav .brand-logo img{
    height: 100%;
}

.color1{
    background-color: #E9E1C9 !important;
}

#CONTENT{
    width: 1350px;
    position: relative;
    margin: 10px auto 0;
    padding: 0 15px;
    border: 1px solid #f1f1f1;
}
#CONTENT ul{
    color: #596d8c;
    line-height: 30px;
}
#CONTENT ul .material-icons {
    vertical-align: middle;
}

#LangSelect{
    position: relative;
    height: 100%;
    width: 100px;
    text-align: center;
    display: inline-block;
    background: #e9e1c9;
    z-index: 1;
}
#LangSelect img{
    height: 100%;
    vertical-align: middle;
}
#LangSelect .slct_Lang_Flag {
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    top: calc(50% - 15px);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#LangSelect.active .slct_Lang_Flag.EN{
    top: 50px;
}
#LangSelect.active .slct_Lang_Flag.ES{
    top:80px;
}
#LangSelect.active .slct_Lang_Flag.FR{
    top: 110px;
}



pre.code_php{
    padding: 0 10px;
    border: 1px solid black;
    border-radius: 3px;
    box-shadow: 0 2px 5px -1px #000;
}

table.Desc tbody tr td{
    vertical-align: top;
}
table.Desc tbody tr td:nth-child(2){
    font-weight: 500;
}