/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;  
    padding: 0;
    border: 0;
    /*font-size: 80%;*/
    /*font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/******************************/
.nivel-2 {
    background: #F7B88D;
    color: black;
}

ul.cd-accordion-menu {
    width: 100%;
    max-width: 600px;
    font-weight: normal;
    /*background: #4d5158;*/
    margin: 0.02em auto;
    /*border-top: 1px solid #999BA5;*/
    /*box-shadow: 0 4px 40px #F7B88D;*/
    list-style: none;
}

/* nao tem filho - nivel > 1*/
.cd-accordion-menu ul li.no-children a::before {
    font-weight: 900;
    margin-left: 5px;
    margin-right: 1px;
    font-size: 7px;
    width: 40px;
    font-family: "Font Awesome 5 Free";
    /*    content: "\f105";*/
    content: "\f0a3";
    color: #a93023;
}
/* nao tem filho*/
.cd-accordion-menu li.no-children a::before {
    font-weight: 900;
    margin-left: 8px;
    margin-right: 2px;
    font-size: 7px;
    width: 40px;
    font-family: "Font Awesome 5 Free";
    /*    content: "\f105";*/
    content: "\f0a3";
    color: #6aecf1;
}

/* PADDING NO-CHILDREN ******************************/
.cd-accordion-menu > li.no-children > a{
    padding-left: -50px;
}
.cd-accordion-menu .has-children ul li.no-children a {
    padding-left: 10px;
}
.cd-accordion-menu .has-children ul ul li.no-children a {
    padding-left: 15px;
}
.cd-accordion-menu .has-children ul ul ul li.no-children a {
    padding-left: 20px;
}
/*li.no-children a  {
    color: #74e9e2;
    font-size: 1.2rem;
}*/
a span.nivel1 {
}
/* sem filho */
li > ul > li.no-children a span {
    color: #68D2CB;
    font-size: 1.2rem;
}

li a span.glyphicon-triangle-right {
}

li.no-childrenxx {
    margin-left: -0.3em;
    background-image: url('../img/bullet_red.png');
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 1.9em;
    border: 1px solid;
}
.has-children > ul > li > label {
    color: #000;
}
.has-children > ul > li > label {
    color: #fff;
}

.has-children > ul {
    color: #000;
    background: #F0F4F6;
}
.cd-accordion-menu .has-children .open-haschildren ul {
    display: block;
}
/* Controle das setas SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS************************************/
.cd-accordion-menu .has-children label::before {
    border: none;
    font-weight: 900;
    margin-left: -10px;
    margin-right: 25px;
    font-size: 16px;
    width: 40px;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
}
.cd-accordion-menu .open-haschildren label:before {
    border: none;
    font-weight: 900;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
}
/*2*/
.cd-accordion-menu .has-children ul label::before {
    border: none;
    font-weight: 900;
    margin-left: -15px;
    margin-right: 27px;
    font-size: 16px;
    width: 40px;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
}
.cd-accordion-menu ul .open-haschildren label:before {
    border: none;
    font-weight: 900;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
}
/*3*/
.cd-accordion-menu .has-children ul ul label::before {
    border: none;
    font-weight: 900;
    margin-left: -31px;
    margin-right: 25px;
    font-size: 16px;
    width: 40px;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
}
.cd-accordion-menu ul ul .open-haschildren label:before {
    border: none;
    font-weight: 900;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
}
/*****************************************************************8*/
.cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
    border-bottom: none;
}

.cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: none;
}

.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}

/*FUNDO menu PRINCIPAL *******************************/
/*nivel 1 **********/
.cd-accordion-menu label, .cd-accordion-menu a {
    position: relative;
    display: block;
    /*padding: 14px 18px 14px 64px;*/
    /*background: #59809B;*/
    background: #005baa;
    /*background: #F4DFA3;*/
    border-bottom: none;
    border-bottom: 1px solid #999BA5;
    /*box-shadow: inset 1px -1px #999BA5;*/
    color: #050506;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
}

.cd-accordion-menu {
    color: #1C1C96;
}


/*nivel 2*/
.cd-accordion-menu li ul li a, .has-children {
    color: #090A0A;
    background: #F0F4F6;
}

/*hover ************************/
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
    background: #93938F;
    text-decoration: none;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu label {
    cursor: pointer;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after {
    /*background-image: url(../img/cd-icons.svg);*/
    background-repeat: no-repeat;
    font-size: 0.85rem;
}

.cd-accordion-menu label::before {
    /* arrow icon */
    /*left: 18px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);*/
}

.cd-accordion-menu label::after {
    /* folder icons */
    left: 41px;
    background-position: -16px 0;
}

.cd-accordion-menu a::after {
    /* image icon */
    left: 36px;
    /*background: url(../img/cd-icons.svg) no-repeat -48px 0;*/
}

.cd-accordion-menu .has-children input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked + label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0;
}


/* ALTERA SETA DOS NIVEIS***************************************************
    seta para baixo */
.cd-accordion-menu li.nivel1 > label.open-haschildren::before {
    /* rotate arrow */
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
    color: #45faf4;
    content: "\f0d7";
    margin-left: -12px;
}

.cd-accordion-menu .has-children .nivel2 input[type=checkbox]:checked + label::before {
    /*color: #d75032;laranja*/
    color: #45faf4;
    content: "\f0d7";
    margin-left: -19px;
}

.cd-accordion-menu .has-children .nivel3 input[type=checkbox]:checked + label::before {
    color: #45faf4;
    content: "\f0d7";
    margin-left: -32px;
}
/*************************************************/
/*exibe submenus no click CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC**********************************/
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
}
.open-haschildren{
    color: blue;
}

/*FUNDO DEMAIS NIVEIS ***************/
/*nivel 2 *******/
.cd-accordion-menu ul label {
    /*background: #F0F4F6;*/
    background: #5B91CD;
    color: #fff;
    border-bottom: 1px solid #999BA5;
    padding-left: 20px;
}

/*nivel 1 ***********************/
.cd-accordion-menu li label, .cd-accordion-menu li a {
    /*padding-left: 10px;*/
    font-size: 1.3rem;
    font-family: Arial;
    color: #fff;
}
/*hover *************************/
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
    background: #BFBFBA;
}

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
    box-shadow: none;
}

.cd-accordion-menu ul label::before {
    left: 30px;
}

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
    left: 40px;
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
    padding-left: 50px;
}

.cd-accordion-menu ul ul label::before {
    left: 50px;
}

.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
    left: 70px;
}

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
    padding-left: 100px;
}

.cd-accordion-menu ul ul ul label::before {
    left: 72px;
}

.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
    left: 95px;
}

.subtemfilho {
    color: #000;
    background: #F0F4F6;
    /*box-shadow: inset 0px -1px #999BA5;*/
}

/*acerto padding **********************/
/*TODO O MENU ***************************/
.cd-accordion-menu label,
.cd-accordion-menu a{
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding: 10px 12px 10px 16px;*/
    font-weight: normal;
}
/*Nivel 1 ***************************/
/*.cd-accordion-menu li label,*/
.cd-accordion-menu .has-children  label {
    padding-left: 20px;
    font-weight: normal;
}
/*Nivel 2 ***************************/
.cd-accordion-menu .has-children ul label
{
    /*padding-left: 106px;*/
    padding-left: 23px;
}
/*nivel 3 *************************/
.cd-accordion-menu .has-children ul ul label,
.cd-accordion-menu ul ul a {
    /*padding-left: 130px;*/
    padding-left: 30px;
}
/* nivel 4 ****************************/
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
    /*padding-left: 154px;*/
    padding-left: 40px;
}
/* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */
@media only screen and (min-width: 600px) {

    .cd-accordion-menu li label, .cd-accordion-menu li a {
        font-size: 1.2rem;
        font-family: Arial;
        font-weight: normal;
    }
   
}

.cd-accordion-menu.animated label::before {
    /* this class is used if you're using jquery to animate the accordion */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}