/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

div.box {
    width: 250px;
    display: inline-block;
}

div.corErro {
    background: red;
    color: white
}

div.corSucesso {
    background: Aquamarine;
}


/*-----------------------------------------------------------------------------------------------*/


/*Configurações Padrões*/
ul.menu, .menu li, .menu a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

    ul.menu ul {
        position: absolute;
        display: none;
        box-shadow: 3px 3px 2px #333;
    }
/* Configurações nivel 1*/

ul.menu {
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    border-radius: 5px;
    padding: 0 5px;
}

.menu li {
    float: left;
    width: auto;
    position: relative;
}

    .menu li a {
        display: block;
        padding: 0 20px;
        line-height: 45px;
        height: 50px;
        float: left;
        transition: all 0.1s linear;
    }
    /* Configurações nivel 2*/

    .menu li:hover > ul.submenu-1 {
        display: block;
        top: 45px;
        left: 0;
        padding: 5px;
        width: 200px;
        border-radius: 0 0 5px 5px;
    }

.menu ul.submenu-1 a {
    width: 160px;
    padding: 0 20px;
    border-radius: 5px;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}
/*Configurações de cores*/ /*nivel 1*/

.menu {
    background: royalblue;
}

    .menu a {
        color: white;
    }

    .menu li:hover > a {
        background: #1E90FF;
        color: #fff;
    }
/*nivel 2*/

.submenu-1 {
    background: #1E90FF;
}

    .submenu-1 a {
        color: #fff;
    }

    .submenu-1 li:hover > a {
        background: #666;
    }
/*nivel 3*/

.submenu-2 {
    background: #666;
}

    .submenu-2 a {
        color: #fff;
    }

    .submenu-2 li:hover > a {
        background: #333;
    }