.menu {
    background-color: rgba(25, 71, 223, 0.6);
}

.menuAlert {
    background-color: rgba(25, 71, 223, 0.6);
}


.container-principal {
    margin-left: 55px;
}

body {
    margin: 0;
    padding: 0;
    font-family: "arial";
    background: white !important;
    width: 100%;
    height:100%;
    position:relative;
}

i.fa {font-size: 25px;padding: 9px;width: 30px;text-align: center;text-shadow:1px 1px 1px #000;}

.leftMenu {
    height: 100%;
    /*background-color: rgba(25, 144, 223, 0.904);  */
    background-color: rgba(25, 71, 223, 0.6);
    position: fixed;
    left: 0;
    top: 56px;
    width: 50px;
    transition: all ease 1s;
    overflow: hidden;
    transition: .5s cubic-bezier(.8, .5, .2, 1.4);
    box-shadow: 1px 4px 8px 4px rgba(0,0,0,0.3);
    z-index: 2;
}

.footer {
    position:absolute;
    bottom:0;
    width:100%;
}
    
.open span:nth-child(1){background-color: #fff;transform: rotate(45deg);transition-timing-function 	: ease-in-out;position: absolute;top: 5px;right: 8px;width: 25px;transition: all ease .5s;border-radius: 10px;}
.open span:nth-child(2){background-color: #fff;transition-timing-function: ease-in-out;margin-top: 18px;opacity: 0;transition: all ease .5s;}
.open span:nth-child(3){background-color: #fff;transform: rotate(-45deg);transition-timing-function: ease-in-out;margin-top: 0px;position: absolute;top: 18px;right: 8px;width: 25px;transition: all ease .5s;border-radius: 10px;}

.leftMenuHeader {margin-top: 10px; list-style: none;margin-left: 4px; background-color: rgba(25, 71, 223, 0.904); /* Quantidade de DIV`s acima dessa */;}
.leftMenuHeader li a svg{width: 40px;height: 40px;float: left;margin-left: 0px;}
.leftMenuHeader li {width: 250px;line-height: 40px;color: #fff;font-size: 12px;}    
.leftMenuHeader li a {text-decoration: none;color: #fff;}   
.leftMenuHeader li a span{text-decoration: none;color: #fff;margin-left: 25px;width: 100%;} 
.leftMenuHeader li ul li{padding: 0px;line-height: 30px;transition: all .4s;box-sizing: border-box;border-bottom: 1px solid #00bcd6;}
.leftMenuHeader li ul li:hover{background: #4DD0E1;transition: all .4s;}
.leftMenuHeader li ul li ul li{padding: 5px;background: #B2EBF2;}
.leftMenuHeader li ul li ul li a span{color:#00838f;}
.leftMenuHeader li ul li ul li:hover{background: #B2EBF2;}


.leftMenuList{margin-top: 20px;list-style: none;padding: 0;}
.leftMenuList li {
    width: 250px;
    line-height: 28px;
    color: #fff;
    border-bottom: 1px solid #00bcd6;
    font-size: 12px;
}

.leftMenuList li:hover {   
    background-color: rgba(41, 75, 224, 0.904);
    transition: all ease .5s;
    cursor: pointer;
}
.leftMenuList li a{text-decoration: none;color: #fff;}
.leftMenuList li a svg{width: 40px;height: 40px;float: left;margin-left: 0px;}
.leftMenuList li a span{text-decoration: none;color: #fff;margin-left: 20px;width: 100%;}
.leftMenuList li ul li{padding: 0px;line-height: 30px;transition: all .4s;box-sizing: border-box;}
.leftMenuList li ul li:hover{background: #4DD0E1;transition: all .4s;}
.leftMenuList li ul li ul li{padding: 5px;background: #B2EBF2;}
.leftMenuList li ul li ul li a span{color:#00838f;}
.leftMenuList li ul li ul li:hover{background: #B2EBF2;}

.dropdown {color: #fff;text-decoration: none;margin-bottom: 5px;display: block;position: relative;transition:0.5s;}

.active + .dropdownlist{
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 0px;
    margin-left: 0px;
    background:  rgba(25, 61, 223, 0.6);
    transition:0.5s;}
.active + .dropdownlist:hover{
    background: rgba(25, 61, 223, 0.6);
}

.dropdownlist{width: 0;height: 0;overflow: hidden;transition:0.5s;}
.dropdown:before{font-family: FontAwesome;content: "\f105";transition: all .4s;padding-right: 5px;right: 20px;position: absolute;top: 4px;}
.dropdown.active:before{font-family: FontAwesome;content: '\f107';transition: all .4s;padding-right: 5px;}

.text-shadow{text-shadow: 1px 1px 0px #000;}
.text-color{/*color: #00BCD4;*/ color:#99A85B;}

.leftMenu:hover {
    width: 250px;
    transition: all ease 1s;
    overflow: hidden;
    transition: .5s cubic-bezier(.8, .5, .2, 1.4);}