body {
    font-family: Verdana, Arial, Helvetica;
    color: #666666;
    font-size: 12px;
}

p {
    line-height: 1.6em;
    font-size: 90%;
}

    p.txt {
        margin-bottom: 15px !important;
    }

h4, h3, h2, h1 {
    color: #2f4455;
    font-weight: 500;
    line-height: 1.6;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

table {
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ECECEC;
    border-color: #D2D2D2 #D2D2D2 #D8D8D8;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58), 0 0 6px rgba(0, 0, 0, 0.07) inset;
    color: #999999;
    margin: 0;
    outline: medium none;
    padding: 5px;
    position: relative;
}

input:focus {
    background: #fff;
    border: 1px solid #ccc;
}

#corpo {
    width: 97.5%;
    margin-left: 1%;
    height: 100%;
    min-height: 100%;
}

#rodape {
    width: 100%;
    margin: 0;
    position: relative;
    height: 20px;
    background-color: #2a3c4a;
    margin-top: 100px;
    bottom: 0;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

#topo_escuro {
    height: 80px;
    background: #1e4a79;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNGE3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI1NTU4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzQyNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1e4a79 0%, #255586 50%, #17426f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e4a79), color-stop(50%,#255586), color-stop(100%,#17426f));
    background: -webkit-linear-gradient(top, #1e4a79 0%,#255586 50%,#17426f 100%);
    background: -o-linear-gradient(top, #1e4a79 0%,#255586 50%,#17426f 100%);
    background: -ms-linear-gradient(top, #1e4a79 0%,#255586 50%,#17426f 100%);
    background: linear-gradient(to bottom, #1e4a79 0%,#255586 50%,#17426f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4a79', endColorstr='#17426f',GradientType=0 );
}

#topo_claro {
    background-color: fuchsia;
    height: 100%;
    float: right;
    width: 30%;
    background: #1f4b7a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNGI3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3NWI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjRiN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1f4b7a 0%, #275b8b 50%, #1f4b7a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f4b7a), color-stop(50%,#275b8b), color-stop(100%,#1f4b7a));
    background: -webkit-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: -o-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: -ms-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: linear-gradient(to bottom, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4b7a', endColorstr='#1f4b7a',GradientType=0 );
}

#img_logo_tce {
    background-image: url("../Images/logo-tce.png");
    float: left;
    width: 264px;
    height: 63px;
    margin-top: 8px;
    margin-left: 5px;
}

#img_logo_grac {
    background-image: url("../Images/logoart30.png");
    float: right;
    width: 325px;
    height: 59px;
    position: relative;
    margin-top: -70px;
    z-index: 999;
}

#topo_dobra {
    /*Este degradê tem que ser o mesmo  do #topo_claro*/
    background: #1f4b7a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNGI3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3NWI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjRiN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1f4b7a 0%, #275b8b 50%, #1f4b7a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f4b7a), color-stop(50%,#275b8b), color-stop(100%,#1f4b7a));
    background: -webkit-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: -o-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: -ms-linear-gradient(top, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    background: linear-gradient(to bottom, #1f4b7a 0%,#275b8b 50%,#1f4b7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4b7a', endColorstr='#1f4b7a',GradientType=0 );
    -webkit-transform: skew(70deg);
    -moz-transform: skew(70deg);
    -o-transform: skew(70deg);
    transform: skew(70deg);
    width: 90%;
    height: 100%;
    margin-left: -42%;
}

#sub_topo {
    height: 50px;
}

#subtopo_identificador {
    width: 100%-10px;
    font-size: 12px;
    height: 45%;
    color: #a5acb2;
    background-color: #293a4a;
    line-height: 20px;
    border-top: 1px solid #4b5b6a;
    padding-left: 10px;
}

#subtopo_menu {
    width: 100%;
    height: 65%;
    background: #ac9b53;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWI1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTY1MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ac9b53 0%, #7e652d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac9b53), color-stop(100%,#7e652d));
    background: -webkit-linear-gradient(top, #ac9b53 0%,#7e652d 100%);
    background: -o-linear-gradient(top, #ac9b53 0%,#7e652d 100%);
    background: -ms-linear-gradient(top, #ac9b53 0%,#7e652d 100%);
    background: linear-gradient(to bottom, #ac9b53 0%,#7e652d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac9b53', endColorstr='#7e652d',GradientType=0 );
    border-top: 1px solid #c3b882;
}

#load {
    position: fixed;
    background-color: white;
    opacity: 0.5;
    top: 0;
    left: 0;
    width: 50%;
    height: 75%;
    padding-left: 50%;
    padding-top: 25%;
    -moz-opacity: 0.5;
    z-index: 9999;
    display: none;
    /*fade*/
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.btnDel {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    cursor: pointer;
    background: url(sprite-edit-del.png) no-repeat top center !important;
    text-indent: -9999px;
}

.btnEdit {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    background: url(sprite-edit-del.png) no-repeat bottom center !important;
    text-indent: -9999px;
    bottom: 10px;
}

.btnUndo {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    background: url(sprite-undo.png) no-repeat center center !important;
    text-indent: -9999px;
    bottom: 10px;
}

.btnDisabled {
    opacity: 0.6;
}


.box {
    background: #f3f3f3 url(../images/bg.png);
    margin-top: 20px;
    margin-bottom: 20px;
    color: #666;
    padding-right: 10px;
    padding-bottom: 15px;
    width: 100%-10px;
    position: relative;
    border: 1px solid #dbdbdb;
    min-height: 70px;
    padding-left: 10px;
}

.boxTab {
    border-bottom: 1px solid #cccacb;
    border-left: 1px solid #cccacb;
    border-right: 1px solid #cccacb;
    background: #ffffff url(/Content/Style/UI/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #666;
    padding-right: 10px;
    padding-bottom: 15px;
    width: 100%-10px;
    position: relative;
    min-height: 70px;
    padding-left: 10px;
}

.box_titulo {
    background: #4c5f6d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNWY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTNjNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4c5f6d 0%, #2a3c4a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5f6d), color-stop(100%,#2a3c4a));
    background: -webkit-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: -o-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: -ms-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: linear-gradient(to bottom, #4c5f6d 0%,#2a3c4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5f6d', endColorstr='#2a3c4a',GradientType=0 );
    height: 25px;
    width: 100%;
    padding-right: 10px;
    margin-left: -10px;
    line-height: 22px;
    padding-left: 10px;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
}

.box_titulo2 {
    background: #4c5f6d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNWY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTNjNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4c5f6d 0%, #2a3c4a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5f6d), color-stop(100%,#2a3c4a));
    background: -webkit-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: -o-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: -ms-linear-gradient(top, #4c5f6d 0%,#2a3c4a 100%);
    background: linear-gradient(to bottom, #4c5f6d 0%,#2a3c4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5f6d', endColorstr='#2a3c4a',GradientType=0 );
    height: 25px;
    width: 100%;
    padding-right: 10px;
    margin-left: -10px;
    line-height: 22px;
    padding-left: 10px;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
    text-align: center;
}

.box_titulo_secundario {
    background: fuchsia !important;
}


.item {
    margin: 15px 5px 0;
}

.itemGrid {
    margin: 15px 5px 0;
    overflow: auto;
}

.radio {
    float: left;
    margin-top: 5px !important;
}

.item.label-radio {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    margin: 8px 10px 0 0;
}

.btnContainer {
    margin: 15px 5px 0;
    margin-left: 160px;
}

.area-label div.item {
    display: block;
    margin-top: 25px;
}

.regiao {
    width: 100%;
    display: inline-block;
}

.regiao2 {
    width: 100%;
    display: inline-block;
    font-family: Arial !important;
    font-size: 12px;
}

.meia-direita {
    float: right;
    display: block;
    width: 50%;
}

.meia-esquerda {
    float: left;
    display: block;
    width: 50%;
}

.label {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    margin: 8px 10px 0 0;
}

.labelBold {
    font-weight: bold;
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    margin: 8px 10px 0 0;
}

/*Estilos para label
	usado quando estiver ocorrendo quebra de linha nos labels
	exemplo class="label m"*/

.m {
    margin-left: 210px;
}

.g {
    margin-left: 260px;
}


label.m {
    width: 200px !important;
    margin-left: 0 !important;
}

label.g {
    width: 250px !important;
    margin-left: 0 !important;
}

.alerta {
    padding-left: 200px;
    display: none;
}

.alerta2 {
    padding-left: 160px;
    display: none;
}

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

/*input.txt-pp {width: 80px}*/
select.select-pp, input.txt-pp, textarea.txt-pp {
    width: 80px;
}

select.select-p, input.txt-p, textarea.txt-p {
    width: 170px;
}

select.select-m, input.txt-m, textarea.txt-m {
    width: 250px;
}

select.select-g, input.txt-g, textarea.txt-g {
    width: 350px;
}

select.select-gg, input.txt-gg, textarea.txt-gg {
    width: 550px;
}

select.select-ggg, input.txt-ggg, textarea.txt-ggg {
    width: 550px;
    height: 150px;
}

textarea.txt-Alto {
    height: 110px;
}

textarea.txt-MuitoAlto {
    height: 250px;
}

.coluna {
    float: left;
    width: 50%;
}
/*width50% elvis*/
.coluna-m {
    width: 320px;
    float: left;
}

.coluna-grafico {
    float: left;
    width: 40%;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ECECEC;
    border-color: #D8D8D8 #D8D8D8 #CCCCCC;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), 0 1px 0 rgba(255, 255, 255, 0.69) inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset, 0 14px 13px rgba(255, 255, 255, 0.57) inset;
    color: #666666;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    height: auto;
    margin: 0 5px;
    outline: medium none;
    padding: 6px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
    width: auto;
}

.btn2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ECECEC;
    border-color: #D8D8D8 #D8D8D8 #CCCCCC;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), 0 1px 0 rgba(255, 255, 255, 0.69) inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset, 0 14px 13px rgba(255, 255, 255, 0.57) inset;
    color: #666666;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    height: auto;
    margin: 0 5px;
    outline: medium none;
    padding: 2px 0px 4px 2px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
    width: auto;
}


.btn:hover {
    color: #888;
}

.btn:active {
    color: #696969;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.53);
    border: 1px solid #d2d2d2;
    border-bottom: 1px solid #d8d8d8;
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
    box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
}

.area_btn {
    width: 100%-20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.data {
    width: 170px;
}

.titulo {
    border-left: 3px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    width: 100%-10px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 8px;
}

    .titulo h3 {
        font-size: 100%;
        font-weight: bold;
        height: auto;
        line-height: 22px;
    }


/*   Menu Principal  */

#nav {
    float: left;
    font: bold 12px Arial, Helvetica, Sans-serif;
    overflow: hidden;
}

    #nav ul {
        margin: 0;
        margin-top: -3px;
        padding: 0;
        list-style: none;
    }

        #nav ul li {
            float: left;
        }

            #nav ul li a {
                font-weight: bold;
                float: left;
                color: #fff;
                padding: 10px 20px;
                text-decoration: none;
                border-left: 1px solid rgba(255, 255, 255, 0.02);
                border-right: 1px solid rgba(0,0,0,0.2);
                text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 -1px #000;
            }

                #nav ul li a:hover,
                #nav ul li:hover > a {
                    background: #80672F;
                    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
                    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
                    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
                }

            #nav li ul a:hover,
            #nav ul li li:hover > a {
                background: #80672F;
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
                -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
                -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            }



    #nav li ul {
        background: #80672F;
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        left: -999em;
        margin: 33px 0 0;
        position: absolute;
        width: 160px;
        z-index: 9999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    #nav li:hover ul {
        left: auto;
    }

    #nav li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

    #nav li li ul {
        margin: -1px 0 0 160px;
        -webkit-border-radius: 0 10px 10px 10px;
        -moz-border-radius: 0 10px 10px 10px;
        border-radius: 0 10px 10px 10px;
        visibility: hidden;
    }

    #nav li li:hover ul {
        visibility: visible;
    }

    #nav ul ul li:last-child > a {
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }

    #nav ul ul ul li:first-child > a {
        -moz-border-radius: 0 10px 0 0;
        -webkit-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0;
    }

.area-multiselect {
    height: 200px;
    width: 320px;
    border-radius: 5px;
    overflow-y: auto;
}

.area-multiselectRegra {
    width: 80%;
    max-height: 250px;
    border-radius: 5px;
    overflow-y: auto;
}

.area-multiselectConcessao {
    width: 98%;
    max-height: 250px;
    border-radius: 5px;
    overflow-y: auto;
}


.area-multiselectGrid {
    height: 100%;
    width: 320px;
    border-radius: 5px;
    overflow-y: auto;
}

.area-multselectGridFull {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    overflow-y: auto;
}

.area-editor {
    /* Firefox */
    width: -moz-calc(100% - 200px) !important;
    /* WebKit */
    width: -webkit-calc(100% - 200px) !important;
    /* Opera */
    width: -o-calc(100% - 200px) !important;
    /* Standard */
    width: calc(100% - 200px) !important;
    border-radius: 5px;
}

.to_upper {
    text-transform: uppercase;
}

.error-box {
    width: 700px;
    margin: 0 auto;
}

.container-error {
    margin-top: 100px;
    color: #364856;
}

    .container-error div.code {
        font-size: 60px;
        text-align: center;
    }

    .container-error div.desc {
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        height: 50px;
        margin-top: 25px;
    }

    .container-error .hold-bt {
        margin: 0 auto;
        text-align: center;
        margin-top: 25px;
    }





#wrapper {
    position: relative;
    width: 773px;
    height: 474px;
}

#content {
    float: left;
    display: inline;
    width: 541px;
    height: 341px;
    margin: 30px 0 0 8px;
    padding: 22px;
}

.Tabela {
    font-size: 7px !important;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #c0c0c0;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

    .Tabela table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .Tabela tr:last-child td:last-child {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .Tabela table tr:first-child td:first-child {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .Tabela table tr:first-child td:last-child {
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .Tabela tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .Tabela tr:hover td {
    }

    .Tabela tr:nth-child(odd) {
        background-color: #ebebeb;
    }

    .Tabela tr:nth-child(even) {
        background-color: #d6d6d6;
    }

    .Tabela td {
        vertical-align: middle;
        border: 1px solid #c0c0c0;
        border-width: 0px 1px 1px 0px;
        text-align: left;
        padding: 7px;
        font-size: 12px;
        /*font-family: Verdana;*/
        font-weight: normal;
        color: #000000;
    }

.relatorio td {
    padding: 0px;
}

.relatorio table td {
    padding: 3px;
}

/*foi criado um estilo proprio para a tabela de receita e despesa, pois ela possui uma disposição diferente de tabelas*/
.relatorio-receita-despesa td {
    padding: 0px;
}

.relatorio-receita-despesa table table td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 1px;
}

.receitadespesa-coluna-conteudo {
    width: 85%;
}

.receitadespesa-primeira-coluna {
    width: 15%;
}

.receitadespesa-coluna-valores {
    width: 40% !important;
}

.receitadespesa-coluna-porcentagem {
    width: 20% !important;
}

.Tabela tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.Tabela tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.Tabela tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.Tabela tr:first-child td {
    background: #4c5f6d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c5f6d", endColorstr="#2b3d4b");
    background: -o-linear-gradient(top,#4c5f6d,2b3d4b);
    background-color: #4c5f6d;
    border: 0px solid #c0c0c0;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 11px;
    font-family: Verdana;
    font-weight: normal;
    color: #ffffff;
}

.Tabela tr:first-child:hover td {
    background: #2b3d4b;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c5f6d", endColorstr="#2b3d4b");
    background: -o-linear-gradient(top,#4c5f6d,2b3d4b);
    background-color: #4c5f6d;
}

.Tabela tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.Tabela tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

.Tabela-content tr td {
    background: none !important;
    color: black !important;
    border-width: 1px 1px 1px 1px !important;
}

.Tabela-content-header tr td {
    border-width: 1px 1px 1px 1px !important;
}


/*style param as tabelas do inciso I*/

.incisoI-primeira-coluna {
    width: 20%;
}

.incisoI-coluna-conteudo {
    width: 20%;
}

.incisoI-coluna-numeros td {
    width: 20%;
}

/*fim do style para aside tabelas do inciso I*/

/*style inciso II*/
.incisoII-primeira-coluna {
    width: 20%;
}

.incisoII-coluna-conteudo {
    width: 80%;
}
/*fim style inciso II*/

/* TRECHO DE CSS RETIRADO DO bootstrap.min.css */
/* Motivo 1: Para funcionar a Modal Pop-Up */
/* Motivo 2: Como o CSS do Bootstrap é muito completo, quando importo o mesmo, entra em conflito com este Main.css */
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

/* fim do TRECHO DE CSS RETIRADO DO bootstrap.min.css */

/*Css usado na grid de visualização de atos do controle interno e jurisdicionado.*/
.LinkAto {
    text-decoration: underline !important;
}

/*CSS para formulário de Consulta*/

.labelConsulta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    box-shadow: none !important;
    color: #2F4455 !important;
    font-weight: bold;
}

input.labelConsulta, textarea.labelConsulta, select.labelConsulta, span.labelConsulta {
    line-height: 30px;
    /* Firefox */
    width: -moz-calc(100% - 200px) !important;
    /* WebKit */
    width: -webkit-calc(100% - 200px) !important;
    /* Opera */
    width: -o-calc(100% - 200px) !important;
    /* Standard */
    width: calc(100% - 200px) !important;
}


/*Estilo para a parte de expansive*/

.expansivel {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    display: none;
}

.titulo-tabela td {
    text-align: center;
    font-weight: bold !important;
}

.cabecalho-tabela td {
    font-weight: bold !important;
}

.sumario-tabela td {
    font-weight: bold !important;
}

.seta-alert {
    width: 0;
    height: 0;
    border-left: 10px solid #996432;
    border-right: 10px solid #996432;
    margin-left: 60px;
    border-bottom: 3px solid #ffffcd;
}


.container {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    margin-left: 100px;
    width: 0;
    background: transparent;
    padding: 4px;
    position: relative;
    margin-bottom: -5px;
}

.container2 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    margin-left: 60px;
    width: 0;
    background: transparent;
    padding: 4px;
    position: relative;
    margin-bottom: -5px;
}

    .container2:after,
    .container2:before {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .container2:after {
        left: 10px;
        border-color: #ffffcd transparent transparent transparent;
        border-width: 10px;
    }

    .container2:before {
        left: 9px;
        border-color: #996432 transparent transparent transparent;
        border-width: 11px;
    }

.container:after,
.container:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.container:after {
    left: 10px;
    border-color: #ffffcd transparent transparent transparent;
    border-width: 10px;
}

.container:before {
    left: 9px;
    border-color: #996432 transparent transparent transparent;
    border-width: 11px;
}

/*Customização Trimestre*/
.input-field-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 220px;
}

.input-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
}

.input-field-txt > .input-header label {
    margin-bottom: 8px;
    font-weight: 400;
}

.input-field-txt > label.label-input-header {
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

.input-header > label {
    margin-bottom: 8px;
    width: 200px;
}

.input-field-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    width: min-content;
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-header .input-field-txt > input {
    width: calc(100% - 10px);
    margin: 0;
}

@media (max-width: 764px) {
    .input-field-group {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        width: calc(100% - 12px);
    }
}


.box-input-fields {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 13px;
    padding: 12px 0 0 0;
}

.input-field-txt-w-operator {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .input-field-txt-w-operator span.input-field-operator {
        margin: 20px 0 0 0;
        font-weight: 100;
        font-size: 12px;
    }

    .input-field-txt-w-operator > span.input-field-operator:first-child {
        font-size: 13px;
    }

.input-header.input-header-middle {
    margin: 0 -20px 0 -7px;
}

    .input-header.input-header-middle input {
        min-width: 209.16px;
    }

.input-field-group .input-header:last-child {
    margin: 0 0 0 -16px;
}