body {
    background: #e5e6e6;
    background-size: 100% 100%;
    color: #313534;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: #ff9800;
}
a:hover {
    color: #0aa89e;
}

* {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.danger {
    color: #f44336 !important;
}
.attention {
    color: #ff9800 !important;
}
.featured {
    color: #0aa89e !important;
}
.success {
    color: #4caf50 !important;
}
.grey {
    color: #e5e6e6 !important;
}

.repassado {
    background-color: rgba(10, 168, 158, .15);
}
.odd {
    background-color: rgba(229, 230, 230, .5);
}


#buscaSugest { 
    background-color:#2b323a; 
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    display:none; 
    position:fixed; 
    z-index:999999999999999; 
}
#buscaSugest ul { list-style:none; margin:0; padding:0; }
#buscaSugest ul li { text-align:left; color: rgba(255, 255, 255, 0.55); border-bottom:1px solid rgba(255, 255, 255, 0.1); margin:0; padding:5px; cursor:pointer; }
#buscaSugest ul li:hover, #buscaSugest ul li.ativo {     background-color: #23a9be;
    color: #2b323a;
    font-weight: 600; }

/* *******************  HEADER  */
header#main {
    left: 0;
    right: 0;
    height: 64px;
    z-index: 1005;
    background: #ffffff;
    color: rgba(49, 53, 52, 0.6);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    position: fixed;
}

header#main h1 {
    color: #23A9BE;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25em;
    display: inline-block;
    margin-left: 3em;
}

header#main .titleContainer > small {
    color: #313534;
    text-transform: capitalize;
    font-weight: 400;
    font-size: .9em;
}

header#main .titleContainer {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
}

header#main .titleContainer > span {
    margin-left: 2em;
    font-size: 1.5em;
    border-radius: 100px;
    display: inline-block;
    padding: .2em .5em;
    cursor: pointer;
}

header#main .titleContainer > span:hover {
    background-color: rgba(12, 12, 12, 0.07);
}

header#main .userContainer {
    position: absolute;
    right: 4em;
    top: 0;
    height: 64px;
    line-height: 64px;
    cursor: pointer;
    padding: 0 3em;
}

header#main .userContainer:hover {
    background-color: rgba(12, 12, 12, 0.07);
}

header#main .userContainer h3 {
    font-weight: 400;
    display: inline-block;
    margin: 0;
    font-size: 1em;
}

header#main .userContainer h3::after {
    content: "\25bc";
    display: inline-block;
    margin-left: 4em;
    margin-right: -1em;
}

header#main .userContainer.open {
    color: #313534;
}

header#main .userContainer.open h3::after {
    content: "\e763";
}

header#main .userContainer ul.userNav {
    list-style-type: none;
    padding: 0;
    margin: 0 -3em;
    margin-top: -1px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    display: none;
}

header#main .userContainer ul.userNav li {
    margin: 0;
    padding: 1em 2em;
    line-height: normal;
    /*background-color: rgba(12, 12, 12, 0.07);*/
}

header#main .userContainer ul.userNav li > span {
    display: inline-block;
    margin-right: 1em;
}

header#main .userContainer ul.userNav li a {
    display: inline-block;
    text-decoration: none;
    color: #313534;
}

header#main .userContainer ul.userNav li:hover {
    background-color: rgba(12, 12, 12, 0.07);
}

/* *******************  MAIN MENU  */

#mainMenuC {
    position: fixed;
    top: 65px;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    width: 3em;
    z-index: 9999999999;
}

.mmH {
    width: 20em !important;
}

#mainMenu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background-color: #2b323a;
    list-style-type: none;
    width: 20em;
}

#mainMenu li {
    color: rgba(255, 255, 255, 0.55);
    padding: 0;
    padding-right: 3em;
    padding-bottom: .3em;
    font-size: .95em;
    position: relative;
}

#mainMenu li a {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    display: block;
}

#mainMenu li:hover {
    background-color: rgba(0,0,0,.2);
}

#mainMenu li:hover a {
    color: #FFFFFF;
}

#mainMenu li span {
    margin-right: .5em;
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 1.5em;
    padding: .5em;
}

.hasChild::after {
    content: "\FE62";
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 1em;
}

#mainMenu li ul.inner {
    margin: 0;
    padding: 0;
    margin-left: 1.5em;
    list-style-type: none;
    display: block;
    margin-right: -3em;
}

.menuClosed {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menuOpened {
    height: auto;
    overflow: hidden;
}

#mainMenu li ul.inner li {
    padding-left: 1.5em;
    position: relative;
    margin-right: -3em;
}

#mainMenu li ul.inner li::after {
  content: ""; 
  background: transparent; 
  position: absolute; 
  bottom: 50%; 
  left: 0; 
  height: 100%; 
  width: 10%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.55);
  border-left: 1px dashed rgba(255, 255, 255, 0.55);
}

#mainMenu li ul.inner li:nth-child(1)::after {
    height: 50%;
}

#mainBody {
    position: absolute;
    top: 65px;
    left: 3em;
    right: 0;
    bottom: 0;
    padding: 2em;
}

.tooltip{
    position: relative;
    cursor: pointer;
}

.tooltip:hover:after{
    background-color: #F3F3F3;
    top: -26px;
    color: inherit;
    content: attr(data-title);
    text-align: center;
    font-size: .7em;
    left: 0;
    margin-left: -350%;
    padding: .5em;
    position: absolute;
    z-index: 99999;
    white-space: nowrap;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

input.decimal, input.porcentagem, input.moeda {
    text-align: right;
}

.listUpdateMini input {
    letter-spacing: 0px;
}
.listUpdateMini input[readonly] {
    background-color: transparent;
    cursor: pointer;
    color: #313534;
}