@media (min-width: 1200px) {
  /*.container {
        max-width: 964px;
    }*/
}
body {
  text-decoration: none !important;
}
a {
  color: #000;
  text-decoration: none !important;
}
a:visited {
  color: inherit;
  text-decoration: none !important;
}
a.a_h_fwb:hover,
.a_h_fwb a:hover {
  font-weight: bold;
}
.main-container {
  padding-bottom: 80px;
}

.logo-prodei {
  margin-top: 4px;
}

.main-content {
  margin-left: 240px;
}
.dropdown-backdrop {
  display: none;
}
/* top:0 (nao -65px): o offsetParent do sidebar e .main-container-inner, que
   comeca em y=0. Com top:-65px o estado inicial (absolute, antes do scroll)
   jogava o sidebar — e seu botao de recolher/expandir — 65px ACIMA da viewport,
   deixando um menu recolhido (menu-min, persistido em cookie) impossivel de
   reabrir em telas >=992px (onde nao ha hamburguer). O estado .fixed ja usava 0. */
.sidebar {
  width: 240px;
  top: 0;
  border: none;
}
.sidebar.fixed,
.sidebar.sidebar-fixed {
  top: 0px;
}
.sidebar-collapse {
  padding: 17px 0px 18px 0px;
  border: none; /*background-color:#ECECEC;*/
  background-color: #154194;
}
.sidebar-collapse i {
  font-size: 14px !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  width: 30px;
  height: 30px;
  background: none !important;
}
.sidebar-collapse i:before {
  position: relative;
}
.sidebar-collapse i.icon-align-justify:before {
  top: 7px;
}
.sidebar-collapse i.icon-caret-left:before {
  top: 4px;
}
.sidebar-collapse:before {
  border-top: none;
}
.sidebar-collapse .icon-reorder {
  border-color: #222220 !important;
  border-width: 1px;
  padding: 10px;
  border-radius: 30px;
  width: 40px;
  background: none;
  height: 40px;
  color: #222220;
}
.sidebar-collapse .icon-double-angle-left {
}
.sidebar-collapse .icon-reorder:before {
  font-size: 21px;
  top: 1px;
  position: relative;
}
.sidebar-collapse .icon-reorder.icon-double-angle-left {
}
.sidebar:before {
  width: 240px;
  background-color: #154194;
  border-width: 0px;
}

.rasm-btn-a {
}
.rasm-btn-a a {
}
.rasm-btn-a a:link,
a:visited,
a:active {
  text-decoration: none !important; /*color:inherit !important; background-color: inherit !important;*/
}

.mxt-sidebar {
}
.mxt-sidebar .nav-list > li > a {
  background-color: #154194;
}
.mxt-sidebar .nav-list > li > a:hover {
  background-color: #585858 !important;
  color: #f9f9f9 !important;
}
.mxt-sidebar .nav-list > li > a:hover i {
  color: #f9f9f9 !important;
}
.mxt-sidebar .nav-list > li > a:hover:before {
  background-color: #ececec !important;
}

.nav-list {
  background-color: #154194;
  padding-top: 3px;
}
.nav-list > li {
  /*overflow:hidden;*/
  background: none;
  border: none;
}
.nav-list > li > a {
  background-color: #154194 !important;
  color: #ffffff !important;
}
.nav-list > li a > .arrow {
  color: #fff;
}
.nav-list > li:hover a > .arrow {
  color: #0093ff;
}
.nav-list > li > a > i {
  font-size: 16px !important;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.nav-list > li > a > i:before {
  position: relative;
  top: -4px;
}
.nav-list li.active > a:after {
  border-right-color: #0093ff;
}
.nav-list li.active > a {
  color: #0093ff !important;
}
.nav-list > li.active > a > i {
  border-color: #0093ff;
  color: #0093ff !important;
}
.nav-list > li.active:after {
  border: none;
}
.nav-list > li:hover > a > i {
  border-color: #0093ff;
}
.nav-list > li > a:hover:before {
  background-color: #0093ff;
}

.nav-list > li .submenu {
  background-color: #0d6eb5;
}
.nav-list > li .submenu > li > a {
  color: #fff !important;
}
.nav-list > li .submenu > li > a:hover {
  background-color: #0f81d6 !important;
}

.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
  font-weight: normal;
  background-color: #154194;
  border: none;
  width: 176px;
  height: 41px;
  top: 0px;
  left: 42px;
}
.menu-min .nav-list > li > .submenu {
  border: none;
}
.menu-min .nav-list > li > .submenu li > a {
  background-color: #0d6eb5 !important;
}
.menu-min .nav-list > li > .submenu li > a:hover {
  background-color: #0f81d6 !important;
}
.breadcrumbs {
  background-color: #ececec;
}

.mxt-nav {
}

.breadcrumbs.fixed,
.breadcrumbs.breadcrumbs-fixed {
  left: 240px;
  top: 0px;
  height: 64px;
}
.page-content {
  margin-top: 64px;
  padding: 0px;
}

.mxt-breadcrumb .nav.ace-nav {
}
.mxt-breadcrumb .nav.ace-nav > li > a {
  height: 65px;
  background: none;
  padding-top: 10px;
  color: #414141;
  font-weight: bold;
}
.mxt-breadcrumb .nav.ace-nav > li > a > i {
  color: #959393;
}
.mxt-breadcrumb .nav.ace-nav > li.open > a {
  background-color: #0d6eb5 !important;
}
.mxt-breadcrumb .dropdown-menu > li > a:hover {
  background-color: #0d6eb5;
  color: #fff;
}

#btn-scroll-up {
  background-color: #0c67af !important;
  color: #fff !important;
  bottom: 60px;
  border-radius: 0px;
}
#btn-scroll-up i {
  position: relative;
  bottom: 2px;
}
#btn-scroll-up:hover {
  background-color: #0d6eb5 !important;
  color: #fff !important;
}

.mxt-header {
  /*background-color:#585757;*/
  background-color: #0d6eb5;
  padding: 0px;
}
.mxt-header h1,
.mxt-header h2,
.mxt-header h3 {
  margin-bottom: 20px;
}
.mxt-header .mt_10 {
  margin-top: 5px;
  width: 41.6666%;
} /* Fix MXTera */
.mxt-header .mt_30 {
  margin-top: 56px;
  width: 58.3333%;
} /* Fix MXTera */
.mxt-conteudo {
  padding-bottom: 150px;
}
.mxt-conteudo-breadcrumb {
}
.mxt-conteudo-breadcrumb ul {
  list-style: none;
  padding: 0px;
  margin: 20px 0px;
}
.mxt-conteudo-breadcrumb ul li {
  float: left;
  font-size: 15px;
  margin: 0px 5px;
}
.mxt-conteudo-breadcrumb ul li i {
  color: #6e6e6e;
  margin-right: 5px;
}
.mxt-conteudo-breadcrumb ul li a {
  color: #222220;
}

.mxt-rodape {
  overflow: hidden;
  width: 100%;
  height: 57px;
  position: absolute;
  bottom: 0px;
  padding-left: 5px;
  background-color: #0c67af;
}
.mxt-rodape img {
  margin-top: 7px;
  height: 45px;
}
.mxt-rodape .txt {
  position: relative;
  color: #000;
  margin-left: 30px;
  top: 6px;
}

.table-t1 {
  border-collapse: separate;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-spacing: 0;
}
.table-t1 tr {
}
.table-t1 tr th {
  background-color: #ececec;
  padding: 5px 5px;
}
.table-t1 tr:first-child th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.table-t1 tr:first-child th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.table-t1 tr:first-child td:first-child {
  border-top-left-radius: 5px !important;
}
.table-t1 tr:last-child th:last-child {
  border-bottom-right-radius: 5px !important;
}
.table-t1 tr td.bg-none {
  background: none;
  padding: 15px 20px;
  border-bottom: none;
}
.table-t1 tr td {
  font-size: 14px;
  background-color: #ececec;
  padding: 15px 5px;
  border-bottom: 1px solid #000;
}
.table-t1 tr td a.bt {
  font-size: 15px;
  padding: 5px;
  color: #000;
}
.table-t1 tr td a.bt:hover {
  font-weight: bold;
}
.table-t1 tr td a.bt:hover i {
  font-weight: normal;
}
.table-t1 tr:last-child td {
  height: 25px;
  border-bottom: none;
}

.table-t2 {
  width: 100%;
  border-collapse: separate;
  margin: 0px;
  padding: 0px;
}
.table-t2 tr {
}
.table-t2 tr td {
  padding: 7px 0px;
  border-bottom: 1px solid #000;
}
.table-t2 tr td.t {
  font-weight: bold;
  font-size: 15px;
}
.table-t2 tr td.d {
  font-size: 15px;
}
.table-t2 tr:last-child td {
  border: none;
}

.table-t2.v2 tr td {
  border-bottom-color: #cfddef;
}

.table-t3 {
  background-color: #cfddef;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  overflow: hidden;
  position: relative;
  padding: 20px 20px;
}
.table-t3 .dataTables_wrapper {
  position: relative;
}
.table-t3 .dataTables_wrapper .row {
  background-color: #ececec;
}
.table-t3 .dataTables_wrapper .dataTables_length label {
  font-weight: bold;
}
.table-t3 .dataTables_wrapper .dataTables_filter label {
  font-weight: bold;
}
.table-t3 .dataTables_wrapper .dataTables_info {
  font-weight: bold;
}
.table-t3 .dataTables_wrapper .dataTables_processing {
  text-align: center;
  color: #25c724;
}
.table-t3 .dataTables_wrapper .datatable.dataTable {
  width: 100%;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr {
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr th {
  font-size: 18px;
  background: none;
  background-color: #f5fbff;
  border-bottom: 1px solid #585858;
  padding: 5px 6px;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr th.sorting_desc {
  background-color: #afc9e4;
  color: #585858;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr th.sorting_asc {
  background-color: #afc9e4;
  color: #585858;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr th.sorting_desc:after {
  color: #585858;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr th.sorting_asc:after {
  color: #585858;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr {
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr td {
  padding: 15px 6px;
  background-color: #f5fbff;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr td {
  border-bottom: 1px solid #d4d4d4;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr td a {
  font-weight: normal;
  font-size: 15px;
  color: #585858;
  padding: 0px 8px;
}
.table-t3 .dataTables_wrapper .datatable.dataTable tr td a:hover {
  font-weight: bold;
}
.table-t3 .dataTables_wrapper .row:last-child {
  border-top: 0px;
  border-bottom: 0px;
}
.table-t3 .pagination > li.active > a,
.pagination > li.active > a:hover {
  background-color: #afc9e4;
}
.table-t3 tr {
}
.table-t3 tr th {
}

.table-t4 {
  padding: 0px 0px;
}
.table-t4 tr {
}
.table-t4 tr th {
  font-family: "Open Sans";
  font-size: 14px;
  background: none;
  color: #fff;
  background-color: #0d6eb5;
  border-bottom: 1px solid #585858;
  border-top: 1px solid #585858;
  padding: 5px 6px;
}
.table-t4 tr td {
  font-family: "Open Sans";
  padding: 10px 6px;
  background-color: #cfddef;
}
.table-t4 tr td.tfoot {
  border-top: 1px solid #ccc;
}

/*.table-t4 { padding:0px 20px; }
.table-t4 tr { }
.table-t4 tr th { font-family:'Open Sans'; font-size:14px; background:none; color: #585858; background-color: #ccc; border-bottom:1px solid #585858; border-top:1px solid #585858; padding:5px 6px; }
.table-t4 tr td { font-family:'Open Sans'; padding:15px 6px; background-color:#ECECEC; }
.table-t4 tr td.tfoot { border-top:1px solid #ccc; }*/

.table-form-t1 {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin: 10px 30px;
}
.table-form-t1 tr {
}
.table-form-t1 tr td {
  padding: 3px;
}
.table-form-t1 tr td.t {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
}
.table-form-t1 tr td input {
  width: 100%;
}
.table-form-t1 tr td textarea {
  width: 100%;
}

.table-form-t2 {
  width: 100%; /*width:900px;*/
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
}
.table-form-t2 tr {
}
.table-form-t2 tr th {
  background-color: #afc9e4;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 0px;
  border-top: 1px solid #5ea3d2;
  border-bottom: 1px solid #5ea3d2;
}
.table-form-t2 tr th:first-child {
  border-left: 5px solid #5ea3d2;
  padding-left: 10px;
}
.table-form-t2 tr th:last-child {
}
.table-form-t2 tr td {
  padding: 7px 0px;
}
.table-form-t2 tr.p td {
  padding-top: 30px;
}
.table-form-t2 tr.u td {
  padding-bottom: 30px;
}
.table-form-t2 tr .radios {
  width: 100%;
}
.table-form-t2 tr .radios tr {
}
.table-form-t2 tr .radios tr td {
  padding: 0px 15px;
  text-align: center;
}
.table-form-t2 tr .radios tr td input {
  cursor: hand;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.table-form-t2 tr .radios tr td input:hover {
  opacity: 0.55;
  -moz-opacity: 0.55;
  filter: alpha(opacity=55);
}
.table-form-t2 tr .radios_2 {
  width: 100%;
  position: relative;
  top: -3px;
}
.table-form-t2 tr .radios_2 .radio {
  display: block;
  padding-left: 0px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.table-form-t2 tr .radios_2 td {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-1 {
  position: relative;
  left: 2px;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-1:before {
  text-shadow: 0 0 1px #5a5900;
  color: #ff7676;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-2 {
  position: relative;
  left: 7px;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-2:before {
  text-shadow: 0 0 1px #5a5900;
  color: #fffc63;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-3 {
  position: relative;
  left: 12px;
}
.table-form-t2 tr .radios_2 .radio .lbl.b-3:before {
  text-shadow: 0 0 1px #5a5900;
  color: #ade9a2;
}

.table-form-t2 tr td .bol {
  margin: 0px 10px;
  border: 1px solid #bebebe;
  display: inline-block;
  *display: inline;
  padding: 8px;
  background-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.table-form-t2 tr td .bol.b-1 {
  background-color: #ff7676 !important;
  -webkit-print-color-adjust: exact;
}
.table-form-t2 tr td .bol.b-2 {
  background-color: #fffc63 !important;
  -webkit-print-color-adjust: exact;
}
.table-form-t2 tr td .bol.b-3 {
  background-color: #76fb5e !important;
  -webkit-print-color-adjust: exact;
}
.table-form-t2 tr td .bol_m_0 {
  margin: 0px;
}

.table-form-t2.v2 {
  padding: 0px 20px;
}
.table-form-t2.v2 tr {
}
.table-form-t2.v2 tr td {
  vertical-align: top;
}
.table-form-t2.v2 tr td.va_m {
  vertical-align: sub;
}
.table-form-t2.v2 tr td.va_m2 {
  vertical-align: middle;
}
.table-form-t2.v2 tr td input {
  width: 22px;
  height: 22px;
}
.table-form-t2.v2 tr td.por {
  width: 150px;
}
.table-form-t2.v2 tr td.por .progress .progress-bar {
  background-color: #0c67af !important;
  -webkit-print-color-adjust: exact;
}
.table-form-t2.v2 tr td.por .progress:after {
  color: #000000 !important;
}

.table-form-t2.v2._2 .pr_10 {
  padding-right: 10px;
}
.table-form-t2.v2._2 tr td .infor-di-perg {
  text-align: right;
}
.table-form-t2.v2._2 tr td .infor-di-perg i {
  font-size: 18px;
}
.table-form-t2.v2._2 tr td .infor-di-perg .tooltip {
}
.table-form-t2.v2._2 tr td .infor-di-perg .tooltip .tooltip-arrow {
  display: none;
}
.table-form-t2.v2._2 tr td .infor-di-perg .tooltip .tooltip-inner {
}

.table-form-t2.v3 {
  border-collapse: collapse;
}
.table-form-t2.v3 tr {
  /*border-bottom:10px solid white;*/
}
.table-form-t2.v3 tr td {
  vertical-align: top;
}
.table-form-t2.v3 tr td.b {
  width: 22px;
  padding-right: 10px;
}
.table-form-t2.v3 tr td.b i {
  position: relative;
  top: 17px;
}
.table-form-t2.v3 tr td.c {
  position: relative; /*overflow:hidden;*/
  padding: 5px 5px;
  background-color: #afc9e4;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  margin-left: 15px;
}
.table-form-t2.v3 tr td.c .panel-group {
  background-color: #d4ffa5;
  border: none;
  background: none;
}
.table-form-t2.v3 tr td.c .panel-group .panel-default {
  border: none;
  background: none;
}
.table-form-t2.v3 tr td.c .panel-group .panel-default .panel-heading {
  border: none;
  background: none;
}
.table-form-t2.v3
  tr
  td.c
  .panel-group
  .panel-default
  .panel-heading
  .accordion-toggle {
  border: none;
  background: none;
}
.table-form-t2.v3
  tr
  td.c
  .panel-group
  .panel-default
  .panel-heading
  .accordion-toggle
  i {
  position: relative;
  top: 1px;
  margin-left: 8px;
  margin-right: 20px;
  font-size: 23px;
}
.table-form-t2.v3 tr td.c .panel-group .panel-default .panel-collapse {
  margin-left: 40px;
}
.table-form-t2.v3 tr td.c .panel-group.bg_form_ok {
  background-color: #afc9e4;
}
.table-form-t2.v3 tr td.bt {
  text-align: right;
}
.table-form-t2.v3._2 tr td .infor-di-perg {
  text-align: right;
}
.table-form-t2.v3._2 tr td .infor-di-perg i {
  font-size: 18px;
}
.table-form-t2.v3._2 tr td .infor-di-perg .tooltip {
}
.table-form-t2.v3._2 tr td .infor-di-perg .tooltip .tooltip-arrow {
  display: none;
}
.table-form-t2.v3._2 tr td .infor-di-perg .tooltip .tooltip-inner {
}
.table-form-t2.v3._2 tr td .fix-s-cmd-2 {
  line-height: 1.5;
}
.table-form-t2.v3._2 tr td.c {
  border-bottom: 5px solid #cfddef;
}

.table-form-t2.v3._3 {
}

.table-form-t2.v3 tr td .fix-s-cmd-1 {
  width: 4.33333%;
}
.table-form-t2.v3 tr td .fix-s-cmd-10 {
  width: 87.3333%;
}
.table-form-t2.v3 tr td .fix-bol {
  margin: 0px;
}
.table-form-t2.v3 tr td .fix-seta {
  top: -2px !important;
}

.table-form-t2.v3._3 {
}
.table-form-t2.v3._3 .box {
  margin-bottom: 5px;
  margin-top: 5px;
}
.table-form-t2.v3._3 .fix-bol {
  vertical-align: middle;
}
.table-form-t2.v3._3 .icon-info-sign {
  margin-left: 10px;
  vertical-align: middle;
}
.table-form-t2.v3._3 .s_n {
  vertical-align: middle;
  margin: 0px 10px;
}
.table-form-t2.v3._3 .s_t {
  vertical-align: middle;
  font-weight: bold;
  font-size: 11px;
  margin-right: 5px;
}
.table-form-t2.v3._3 .s_s {
  vertical-align: middle;
  display: inline-block;
  color: #858585;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  padding: 5px 13px;
  line-height: 1.2;
  font-size: 12px;
  font-family: inherit;
  height: 25px;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-color: #828080;
}
.table-form-t2.v3._3 .s_s.c1 {
  background-color: #96f15d;
  color: #336b11;
}
.table-form-t2.v3._3 .s_s.c2 {
  background-color: #f96565;
  color: #840303;
}
.table-form-t2.v3._3 td.c {
  border-bottom: 3px solid #cfddef;
}

.table-lista-t1 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100%;
  border: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  background-color: #afc9e4;
}
.table-lista-t1 tr {
}
.table-lista-t1 tr td {
  padding: 10px;
}
.table-lista-t1 tr td.t {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
}

.box-relatorio-processo {
}
.box-relatorio-processo .tit-qt-f {
  font-family: "calibri";
  font-size: 32px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #000;
}
.box-relatorio-processo .r-tit1 {
  font-family: "calibri";
  font-size: 22px;
  font-weight: bold;
  color: #000;
}
.box-relatorio-processo .graf-1 {
  margin: 0 auto;
}
.box-relatorio-processo .graf-2 {
  margin: 0 auto;
}
.gf-a1 {
  font-size: 25px;
}
.gf-a1.t2 {
  font-size: 15px;
}
.gf-a1.t3 {
  font-size: 12px;
}
.gf-a1 i {
  color: #154194 !important;
}
.gf-a1.v2 i {
  color: #8dd8f8 !important;
}
.gf-a2 {
  font-size: 25px;
}
.gf-a2.t2 {
  font-size: 15px;
}
.gf-a2.t3 {
  font-size: 12px;
}
.gf-a2 i {
  color: #4c78bb !important;
}
.gf-a2.v2 i {
  color: #ffdd00 !important;
}
.gf-a3 {
  font-size: 25px;
}
.gf-a3.t2 {
  font-size: 15px;
}
.gf-a3.t3 {
  font-size: 12px;
}
.gf-a3 i {
  color: #afc9e4 !important;
}
.gf-a3.v2 i {
  color: #d0d0d0 !important;
}
.box-relatorio-processo .hr-t1 {
  text-align: center;
}
.box-relatorio-processo .hr-t1 i {
  background: url("../images/seta-t1.png") no-repeat;
  display: inline-block;
  width: 27px;
  height: 14px;
}
.box-relatorio-processo .b-r {
  border-right: 2px dotted #ccc;
}

.box-quest-pos {
}
.box-quest-pos ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.box-quest-pos ul li {
  float: left;
  background-color: #ececec;
  padding: 40px 19.85px;
  border-left: 1px solid #ececec;
  border-right: 1px solid #d2d2d2;
}
.box-quest-pos ul li:first-child {
  position: relative;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: none !important;
}
.box-quest-pos ul li:last-child {
  position: relative;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}
.box-quest-pos ul li.select {
  font-weight: bold;
  background-color: #cfcfcf;
  border-left: 1px solid #b3b3b3;
}
/*.box-quest-pos ul li:hover { cursor:hand; cursor:pointer; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75); }*/

input.in_t_tex {
  height: 30px;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-color: #828080;
}
select.in_t_sel {
  height: 30px;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-color: #828080;
}
select.in_t_sel.s_c1 {
  background-color: #ccc;
}
select.in_t_sel2 {
  background-color: #c7dbf1 !important;
  border: none;
  color: #000;
  padding: 15px 5px;
  height: auto;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}
textarea.in_t_texar {
  height: 90px;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-color: #828080;
}

.box-form-t1 {
  /*padding:15px 0px;*/
  padding: 10px !important;
  background-color: #cfddef;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.box-form-t1 h3 {
}

.box-form-bts {
}
.box-form-bts button {
  margin: 0px 5px;
}

.box-perfil-desc {
  position: relative;
  margin-top: -80px;
}
.box-perfil-desc .perfil {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 1px solid #21211f;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  vertical-align: middle;
}
.box-perfil-desc .perfil .va {
  position: relative;
  width: 200px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
}
.box-perfil-desc .perfil span {
  font-weight: bold;
  font-size: 22px;
  color: #21211f;
}
.box-perfil-desc .desc {
}
.box-perfil-desc .desc .va {
  height: 180px;
  display: table-cell;
  vertical-align: bottom;
}
.box-perfil-desc .desc h2 {
  margin-left: 20px;
  font-weight: bold;
  color: #21211f;
  line-height: 35px;
}

.box-perfil-desc2 {
  display: inline-block;
  position: relative;
}
.box-perfil-desc2 .perfil {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 1px solid #21211f;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  vertical-align: middle;
}
.box-perfil-desc2 .perfil .va {
  position: relative;
  width: 200px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
}
.box-perfil-desc2 .perfil span {
  font-weight: bold;
  font-size: 22px;
  color: #21211f;
}
.box-perfil-desc2 .desc {
}
.box-perfil-desc2 .desc .va {
  height: 128px;
  display: table-cell;
  vertical-align: bottom;
}
.box-perfil-desc2 .desc h2 {
  margin-left: 20px;
  font-weight: bold;
  color: #21211f;
  line-height: 35px;
}

.box-a-b-t1 {
}
.box-a-b-t1 .a {
  float: left;
  width: 20%;
}
.box-a-b-t1 .b {
  float: left;
  width: 80%;
}
.box-a-b-t1 .c {
  width: 100%;
}

.lista-qpr {
}
.lista-qpr .qpr-t1 {
  margin-bottom: 20px;
}
.lista-qpr .qpr-t1 h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 15px;
}
.lista-qpr .h-t2 {
  padding: 0px 0px 0px 7px;
}

.box-icon-t1 {
  background-color: #e5eaf6;
  text-align: left; /*padding:10px;*/
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; /*font-size:15px;*/
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #393939;
  text-decoration: none !important;
  white-space: nowrap;
}
.box-icon-t1 i {
  position: relative;
  top: 1px;
  font-size: 15px;
  margin-right: 10px;
  text-decoration: none !important;
}
.box-icon-t1:hover,
.box-icon-t1.select {
  background-color: #c1cde8;
  color: #000;
  cursor: hand;
  cursor: pointer;
  opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75);
}
.box-icon-t1:hover a,
.box-icon-t1.select a {
  color: #000 !important;
}
.box-icon-t1 a:hover {
  color: #000 !important;
}
.box-icon-t1.t2 {
  display: inline-block;
  background-color: #c7dbf1;
  font-size: 13px;
}
.box-icon-t1.t2:hover {
  background-color: #aeccef;
}
.box-icon-t1.t2 i {
  font-size: 18px;
}
.box-icon-t1.fs11 {
  font-size: 11px;
}
.box-icon-t1.fs12 {
  font-size: 12px;
}

.hr-t1 {
  border: none;
  height: 2px;
  background-color: #d9d9d9;
  margin-top: 40px;
  margin-bottom: 20px;
}
.hr-t2 {
  border: none;
  height: 1px;
  background-color: #393939;
  margin: 20px 0px 10px 0px;
}

.f_bol {
  border: 1px solid #bebebe;
  display: inline-block;
  *display: inline;
  padding: 10px;
  background-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.f_bol.b-1 {
  background-color: #ff7676;
}
.f_bol.b-2 {
  background-color: #fffc63;
}
.f_bol.b-3 {
  background-color: #76fb5e;
}
.f_bol.b-1:checked:before {
  border: 1px solid #bebebe;
  border-radius: 50%;
  -webkit-appearance: none;
  box-shadow: 0 0 1px 0px #bebebe inset;
  outline: none;
}
.f_bol.b-2:checked:before {
  border: 1px solid #bebebe;
  border-radius: 50%;
  -webkit-appearance: none;
  box-shadow: 0 0 1px 0px #bebebe inset;
  outline: none;
}
.f_bol.b-3:checked:before {
  border: 1px solid #bebebe;
  border-radius: 50%;
  -webkit-appearance: none;
  box-shadow: 0 0 1px 0px #bebebe inset;
  outline: none;
}

.quest-mxt-t1 {
}
.quest-mxt-t1 .progress {
}
.quest-mxt-t1 .progress .progress-bar {
  background-color: #d98678;
}
.quest-mxt-t1 ul {
  padding-bottom: 20px;
}
.quest-mxt-t1 ul li {
  position: relative;
}
.quest-mxt-t1 ul li a {
  display: block;
  position: relative;
  height: 94px;
  text-align: center;
  border: 1px solid #c8c9cb !important;
  background-color: #c8c9cb !important;
  padding: 30px 30.5px;
  color: #000;
}
.quest-mxt-t1 ul li a:after {
  content: "";
  display: block;
  width: 19px;
  height: 94px;
  position: absolute;
  right: -10px;
  top: -1px;
  background-image: url("../images/seta_dim.png");
  background-size: 100% 100%;
}
.quest-mxt-t1 ul li:last-child a:after {
  display: none;
}
.quest-mxt-t1 ul li:nth-child(1) a {
  -webkit-border-radius: 10px 0px 0px 10px !important;
  -moz-border-radius: 10px 0px 0px 10px !important;
  border-radius: 10px 0px 0px 10px !important;
  z-index: 99 !important;
}
.quest-mxt-t1 ul li:nth-child(2) a {
  z-index: 98 !important;
}
.quest-mxt-t1 ul li:nth-child(3) a {
  z-index: 97 !important;
}
.quest-mxt-t1 ul li:nth-child(4) a {
  z-index: 96 !important;
}
.quest-mxt-t1 ul li:nth-child(5) a {
  z-index: 95 !important;
}
.quest-mxt-t1 ul li:nth-child(6) a {
  z-index: 94 !important;
}
.quest-mxt-t1 ul li:nth-child(7) a {
  z-index: 93 !important;
}
.quest-mxt-t1 ul li:nth-child(8) a {
  z-index: 92 !important;
}
.quest-mxt-t1 ul li:nth-child(9) a {
  z-index: 91 !important;
}
.quest-mxt-t1 ul li:nth-child(10) a {
  z-index: 90 !important;
}
.quest-mxt-t1 ul li:last-child a {
  -webkit-border-radius: 0px 10px 10px 0px !important;
  -moz-border-radius: 0px 10px 10px 0px !important;
  border-radius: 0px 10px 10px 0px !important;
}
.quest-mxt-t1 ul li a:hover {
  z-index: none;
}
.quest-mxt-t1 ul li i {
  display: inline-block;
  background-color: #ececec;
}
.quest-mxt-t1 ul li.active {
}
.quest-mxt-t1 ul li.active a {
  box-shadow: none !important;
  font-weight: bold;
  border: 1px solid #154194 !important;
  background-color: #154194 !important;
  color: #fff !important;
}
.quest-mxt-t1 ul li.active a:hover {
  border: none;
}
.quest-mxt-t1 .tab-content {
  position: relative;
  border: 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0px;
}

.editor-texto-t1 {
  margin-top: 20px;
  border: 1px solid #828080;
  border-radius: 5px;
  overflow: hidden;
}

.filtro-t1 {
  padding: 0px 10px;
}
.filtro-t1 input {
  vertical-align: middle;
  color: #fff;
}
.filtro-t1 .btn.btn-default {
  padding: 1px 9px;
  letter-spacing: 1px;
  background-color: #585757 !important;
  border-color: #585757;
  color: #fff !important;
}
.filtro-t1 .btn.btn-default:hover {
}

.c_both2 {
  clear: both;
}

.ul-lista-t1 {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.ul-lista-t1 li {
  padding: 3px;
  position: relative;
  margin-bottom: 5px;
  padding-right: 18px;
}
.ul-lista-t1 li i {
  position: absolute;
  top: 3px;
  right: 3px;
}
.ul-lista-t1 li:nth-child(2n) {
  background-color: #afc9e4;
}

.ul-lista-t2 {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.ul-lista-t2 li {
  padding: 10px 5px;
}
.ul-lista-t2 li:nth-child(even) {
  background-color: #e5eaf6;
}
.ul-lista-t2 li a {
}
.ul-lista-t2 li:hover {
  background-color: #cbe2ff;
}
.ul-lista-t2 li:hover a {
  font-weight: bold;
}

.ul-lista-t2_fix_accordion div.accordion {
  margin: 0px;
  padding: 0px;
}
.ul-lista-t2_fix_accordion
  div.accordion:nth-child(even)
  .accordion-heading
  .table-striped
  > tbody
  > tr:nth-child(odd)
  > td,
.ul-lista-t2_fix_accordion
  div.accordion:nth-child(even)
  .accordion-heading
  .table-striped
  > tbody
  > tr:nth-child(odd)
  > th {
  background-color: #e5eaf6;
}
.ul-lista-t2_fix_accordion
  div.accordion
  .accordion-heading
  .table
  tbody
  > tr
  > td {
  border: none;
}
.ul-lista-t2_fix_accordion div.accordion a:hover {
  font-weight: bold;
}
/*.ul-lista-t2_fix_accordion div.accordion:hover { background-color:#cbe2ff; }
.ul-lista-t2_fix_accordion div.accordion:hover a { font-weight:bold; }
.ul-lista-t2_fix_accordion div.accordion .accordion-inner { background-color:#cccccc; }*/

/*Timeline*/

#timeline {
  list-style: none;
  position: relative;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #0080ff;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  background-color: #0080ff;
  z-index: 36;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: 13px;
  position: relative;
  top: -6px;
  display: inherit;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #0080ff;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #0080ff;
  font-size: 0.9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  border-bottom: dashed 1px #0080ff;
  position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
#timeline .timeline-movement .timeline-item {
  padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background-color: #ffffff;
  color: #666;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline
  .timeline-movement
  .timeline-item
  .timeline-panel.credits
  .timeline-panel-ul {
  text-align: right;
}
#timeline
  .timeline-movement
  .timeline-item
  .timeline-panel.credits
  .timeline-panel-ul
  li {
  color: #666;
}
#timeline
  .timeline-movement
  .timeline-item
  .timeline-panel.credits
  .timeline-panel-ul
  li
  span.importo {
  color: #468c1f;
  font-size: 1.3em;
}
#timeline
  .timeline-movement
  .timeline-item
  .timeline-panel.debits
  .timeline-panel-ul {
  text-align: left;
}
#timeline
  .timeline-movement
  .timeline-item
  .timeline-panel.debits
  .timeline-panel-ul
  span.importo {
  color: #e2001a;
  font-size: 1.3em;
}

/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
.timeline {
  list-style: none;
  padding: 10px 0;
  position: relative;
  font-weight: 300;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background: #585757;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
  float: left;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #cfddef;
  position: relative;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  /*border-left: 15px solid #dcdcdc;*/
  border-left: 15px solid #8fbddc;
  /*border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;*/
  border-right: 0px solid #8fbddc;
  border-bottom: 19px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #ffffff;
  border-right: 0 solid #ffffff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: -12px;
  z-index: 100;
}
.timeline > li > .timeline-badge i.icon.icon-circle {
  color: #afc9e4;
  background-color: #afc9e4;
  border: 2px solid #585757;
  border-radius: 50%;
  overflow: hidden;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #ffffff !important;
}
.timeline-badge a:hover {
  color: #dcdcdc !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-heading h4 {
  font-weight: normal;
  padding: 0 15px 15px 15px;
  color: #000000;
  font-size: 23px;
}
.timeline-body {
  border-top: 2px solid #585757;
  margin: 10px 15px;
  padding: 10px;
}

.timeline-body > p {
  padding: 5px 0px;
  margin-bottom: 0px;
}

.timeline-body > .row {
  line-height: normal;
  padding: 5px 0px;
  margin-bottom: 10px;
  color: #000;
  font-family: calibri;
  font-size: 14px;
}
.timeline-body > .row .c_1 {
  color: #000000;
}
.timeline-body > .row .c_2 {
  color: #585757;
}
.timeline-body > .row:nth-child(2n) {
  background-color: #afc9e4;
}

.timeline-body > ul {
  padding: 10px 15px;
  margin-bottom: 0;
}
.timeline-footer {
  padding: 5px 15px;
  background-color: #f4f4f4;
}
.timeline-footer p {
  margin-bottom: 0;
}
.timeline-footer > a {
  cursor: pointer;
  text-decoration: none;
}
.timeline > li.timeline-inverted {
  float: right;
  clear: right;
  margin-top: 70px;
}
.timeline > li:nth-child(2) {
  /*margin-top: 60px;*/
}
.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px;
}
.no-float {
  float: none !important;
}

/* Botao hamburguer: escondido no desktop, aparece so no mobile (regra abaixo). */
.mxt-menu-toggler {
  display: none;
  float: left;
  margin: 12px 8px 0 5px;
  padding: 6px 11px;
  background: #154194;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 991px) {
  /* Rede de seguranca: o grid do Bootstrap usa margens negativas de -12px nas
       .row que, em containers estreitos, vazam ~7px alem da viewport e criam um
       scroll horizontal indesejado. Cortamos qualquer transbordo lateral da pagina
       (o scroll vertical e os scrolls locais de tabela continuam funcionando). */
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }
  /* As telas do flexi-auth (contas, grupos, recuperar senha) usam .frame sem
       padding lateral, deixando titulos e texto colados nas bordas no mobile.
       Da respiro horizontal so a esse conteudo, sem mexer nos dashboards. */
  .frame {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* Texto justificado vira "rios" de espaco em branco em telas estreitas, com
       palavras espalhadas e dificeis de ler. Alinha a esquerda no mobile. */
  .p-t1,
  .the_content_editor,
  .the_content_editor p,
  [style*="justify"] {
    text-align: left !important;
  }
  /* No Bootstrap 3 as colunas col-md/sm/lg so ganham largura/float acima do seu
       breakpoint. Abaixo dele algumas paginas (ex: Analise do Municipio) deixam as
       colunas encolherem ao conteudo e amontoarem para um lado, sem centralizar.
       O time chegou a aplicar um helper .fix-float-left so em algumas; aqui forcamos
       TODAS a empilhar em largura total no mobile (graficos lado a lado tambem
       passam a empilhar, ficando legiveis). col-xs-* fica intacto (grid do mobile). */
  [class*="col-md-"],
  [class*="col-sm-"],
  [class*="col-lg-"] {
    width: 100% !important;
    max-width: 100%;
    float: none !important;
    display: block !important;
  }
  /* .ta_right alinha conteudo a direita no desktop (ex: caixa "Versao para
       impressao", abas); no mobile, com colunas full-width, isso vira um
       desalinhamento. Volta para a esquerda. */
  .ta_right {
    text-align: left !important;
  }
  /* Cabecalho padrao de conteudo: texto introdutorio (col-xs-9 .impress_w100_p)
       + botao "Versao para impressao" (col-xs-3) lado a lado fica espremido no
       mobile (o botao quebra em 3 linhas num filete de ~95px). Empilha: o texto
       ocupa 100% e o botao de impressao desce para uma barra logo abaixo. */
  .impress_w100_p {
    width: 100% !important;
  }
  .impress_w100_p + .col-xs-3 {
    width: 100% !important;
    float: none !important;
    margin-top: 8px;
  }
  .impress_w100_p + .col-xs-3 .box-icon-t1 {
    display: inline-block;
  }
  /* Datatables rolam localmente no mobile em vez de estourar o layout;
       no desktop ficam com overflow visivel para nao cortar dropdowns de acao. */
  .table-t3 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  /* Controles do DataTables (Buscar / Mostrar registros / paginacao): no desktop
       sao floats com alinhamentos mistos (uns a direita, outros a esquerda) e o campo
       de busca fica estreito. No mobile padroniza tudo centralizado e empilhado, com
       a busca em largura total — mais facil de tocar. */
  .dataTables_wrapper .top,
  .dataTables_wrapper .bottom {
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    width: 100%;
    text-align: center !important;
    margin: 6px 0;
  }
  .dataTables_wrapper .dataTables_filter label {
    display: block;
    font-weight: bold;
  }
  .dataTables_wrapper .dataTables_filter input {
    display: block;
    width: 100%;
    margin: 4px 0 0;
  }
  .dataTables_wrapper .dataTables_paginate .pagination {
    margin: 4px 0;
    display: inline-flex;
  }
  /* .table-form-t1 e usada tanto nos formularios (rotulo | campo) quanto nas
       telas de detalhe "Ver" (rotulo | valor). No desktop sao 2 colunas; no mobile
       o campo da direita tem largura fixa (ex: width:210px inline nos date-range)
       que estoura a viewport e fica cortado. Empilhamos cada linha: rotulo em cima,
       campo/valor ocupando 100% da largura logo abaixo. */
  .table-form-t1,
  .table-form-t1 tbody,
  .table-form-t1 tr,
  .table-form-t1 td,
  .table-form-t1 th {
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Celula de rotulo (.t e alinhada a direita no desktop) passa a ser um rotulo
       de bloco, a esquerda e em negrito, com respiro ate o campo. */
  .table-form-t1 td.t,
  .table-form-t1 th.t {
    text-align: left !important;
    font-weight: bold;
    padding: 8px 0 2px;
  }
  /* Campos e seus input-groups (com addon de icone) ocupam toda a largura,
       anulando larguras fixas inline. */
  .table-form-t1 .input-group {
    width: 100%;
  }
  .table-form-t1 .form-control,
  .table-form-t1 input[type="text"],
  .table-form-t1 input[type="password"],
  .table-form-t1 input[type="email"],
  .table-form-t1 input[type="number"],
  .table-form-t1 select,
  .table-form-t1 textarea {
    width: 100% !important;
    max-width: 100%;
  }

  /* .table-t2 (e .table-t2.v2) e o layout rotulo|valor padrao do sistema, usado
       em dezenas de telas: perfis, planos de acao, detalhes e edicao de usuario.
       No desktop sao 2 colunas; campos/selects com largura fixa (w_250, in_t_sel...)
       estouram no mobile e ficam cortados. Empilha rotulo sobre valor, ambos 100%,
       mantendo so uma linha divisoria por registro (na celula de valor). */
  .table-t2,
  .table-t2 tbody,
  .table-t2 tr,
  .table-t2 td {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }
  /* Rotulo (.t) vira bloco; tira a borda dele para nao duplicar o divisor. */
  .table-t2 tr td.t {
    border-bottom: none !important;
    padding: 7px 0 0;
  }
  .table-t2 tr td.d {
    padding-top: 2px;
  }
  /* Campos e selects ocupam toda a largura, anulando larguras fixas. */
  .table-t2 .in_t_tex,
  .table-t2 .in_t_sel,
  .table-t2 input[type="text"],
  .table-t2 input[type="password"],
  .table-t2 input[type="email"],
  .table-t2 input[type="number"],
  .table-t2 select,
  .table-t2 textarea {
    width: 100% !important;
    max-width: 100%;
  }

  /* Tabela de dados larga (ex: contas de usuario na Seguranca): revertemos display: block
       para display: table no mobile, permitindo que a tabela preencha a largura da div.
       A rolagem horizontal é tratada pelo container wrapper .table-responsive. */
  .table-t4 {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* O Ace esconde o #sidebar no mobile (display:none) e este sistema nao tem
       menu-toggler, deixando a navegacao inacessivel. O hamburguer abaixo revela
       o menu como bloco em fluxo normal (sem offsets fixos, robusto entre login e
       paginas autenticadas). Especificidade id+classe vence o .sidebar do Ace. */
  .mxt-menu-toggler {
    display: inline-block;
  }
  /* O Ace mantem o #sidebar visivel/expandido no mobile (via JS), o que empurra
       todo o conteudo para baixo. Forcamos oculto por padrao e o hamburguer o abre
       como drawer (gaveta lateral fixa), independente do estado que o Ace aplica. */
  #sidebar {
    display: none !important;
  }
  #sidebar.mxt-open {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 82%;
    max-width: 280px;
    height: 100%;
    overflow-y: auto;
    z-index: 9999;
    background-color: #154194;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.35);
  }
  #sidebar.mxt-open:before {
    display: none;
  }
  /* Controles de recolher do Ace nao fazem sentido no drawer mobile. */
  .sidebar-collapse {
    display: none !important;
  }
  /* Backdrop escuro que fecha o menu ao tocar fora dele. */
  .mxt-menu-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
  }
  .mxt-menu-backdrop.mxt-open {
    display: block;
  }

  /* Topbar (breadcrumb com logos + menu do usuario): no desktop e uma barra fixa
       de 65px deslocada 210px (espaco do sidebar). No mobile o conteudo nao cabia e
       sobrepunha. Reorganiza numa unica linha flex: hamburguer | logos (centro) |
       avatar da conta (direita). Sem barra escura cheia, sem nome (so avatar+caret). */
  #breadcrumbs.breadcrumbs,
  #breadcrumbs.breadcrumbs-fixed {
    height: auto !important;
    min-height: 56px;
    position: relative;
    left: 0;
    overflow: visible;
    padding: 0;
    background: #ececec;
  }
  #breadcrumbs .b_w_900 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 6px;
  }
  #breadcrumbs .mxt-menu-toggler {
    position: static;
    flex: 0 0 auto;
    margin: 8px 6px 8px 0;
  }
  #breadcrumbs .pull-left {
    float: none !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
  }
  #breadcrumbs .pull-left .logo-prodei {
    height: 30px !important;
    margin: 2px 3px;
    vertical-align: middle;
  }
  #breadcrumbs .pull-right.ace-nav {
    float: none !important;
    flex: 0 0 auto;
    width: auto;
    background: transparent !important;
    padding: 0;
  }
  #breadcrumbs .pull-right.ace-nav .nav.ace-nav {
    display: block;
    float: none;
    /* O <ul> do Ace mantem um fundo cinza-escuro (#404040) que, no mobile,
           vira uma caixa escura feia em volta do avatar. Deixa transparente para
           o avatar circular assentar limpo sobre a topbar clara. */
    background: transparent !important;
  }
  #breadcrumbs .pull-right.ace-nav .nav.ace-nav > li {
    border: none;
  }
  /* Avatar como circulo limpo com um anel sutil para destacar da topbar. */
  #breadcrumbs .nav-user-photo {
    margin: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  }
  /* No mobile mostra so o avatar+caret; o nome fica no dropdown ao tocar. */
  #breadcrumbs .user-info {
    display: none !important;
  }
  #breadcrumbs .clearfix {
    display: none;
  }
  .page-content {
    margin-top: 0 !important;
  }

  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
  }
  ul.timeline > li > .timeline-badge {
    left: 28px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-badge {
    left: 28px;
  }

  /* Abas de secao (ex: "Municipio de Salvador" / "Regioes do Municipio") sao
       botoes inline-block que encolhem ao texto, ficando de larguras diferentes e
       desalinhados. No mobile viram blocos full-width, empilhados e iguais. */
  .btn-mx-t1 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }

  /* Sticky footer classico (sem flex, robusto): o .main-container ocupa ao menos a
       altura da tela e e a referencia de posicionamento; o rodape e absoluto preso ao
       bottom:0 dele. Assim fica sempre colado embaixo da tela em paginas curtas (ex:
       login, que antes deixava o rodape flutuando com uma faixa cinza) e logo apos o
       conteudo em paginas longas. .main-container-inner reserva espaco p/ o rodape. */
  .main-container {
    position: relative;
    min-height: 100vh;
  }
  /* Pseudo-elementos do Ace (clearfix / fundo do sidebar) com altura fixa criam
       faixas fantasma no mobile; o sidebar aqui e uma gaveta fixa, entao removemos. */
  .main-container::before,
  .main-container::after {
    content: none !important;
    display: none !important;
  }
  .main-container-inner {
    padding-bottom: 95px;
  }
  /* O conteudo das paginas usa colunas flutuantes (col-xs-12 / mxt-conteudo) sem um
       .row que limpe o float, entao os contineres (.page-content, .main-content)
       colapsam para altura ~0 e o conteudo "escapa", deixando o rodape absoluto no
       meio da tela. flow-root cria um bloco de formatacao que contem os floats,
       restaurando a altura real e empurrando o rodape para o fim do conteudo. */
  .main-content,
  .page-content {
    display: flow-root;
  }
  .mxt-rodape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 5px;
    text-align: center;
  }
  .mxt-rodape img {
    margin: 4px 8px;
    vertical-align: middle;
  }
  .mxt-conteudo {
    padding-bottom: 20px;
  }
}

.m_0_auto {
  margin: 0 auto;
}
/*.mxt-btn-1 { border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius:7px; }*/
.mxt-btn-1 {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-width: 1px;
  border-color: #000;
  background: none !important;
  color: #000 !important;
  outline: none;
}
.mxt-btn-1:hover {
  background-color: #cfddef !important;
  border-color: #000 !important;
}
.mxt-btn-1.t2 {
  background-color: #afc9e4 !important;
  border: none;
  padding: 5px 11px !important;
  color: #393939 !important;
}
.mxt-btn-1.t2:hover {
  background-color: #0d6eb5 !important;
  color: #fff !important;
}
.mxt-btn-2 {
  padding: 1px 9px;
  letter-spacing: 1px;
  background-color: #585757 !important;
  border-color: #585757;
}
.mxt-btn-3 {
  font-size: 13px;
  background-color: #afc9e4;
  border: none;
  padding: 3px 11px !important;
  border-width: 1px;
  border-color: #000;
  background: none !important;
  color: #fff !important;
}
.mxt-btn-3:hover {
  background-color: #afc9e4 !important;
  color: #0d6eb5 !important;
  border-color: #000 !important;
}
.mxt-btn-3.t2 {
  background-color: #fff !important;
  color: #0d6eb5 !important;
}
.mxt-btn-3.t2:hover {
  opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75);
}
.h-t1 {
  font-weight: normal;
  padding: 3px 0px 3px 0px;
}
.h-t2 {
  border-left: 4px solid #393939;
  font-weight: bold;
  padding: 3px 0px 3px 15px;
}
.h-t2.t1 span {
  color: #75b959;
}
.h-t2.t2 {
  font-size: 17px;
}
.h-t3 {
  font-weight: bold;
  padding: 3px 0px 3px 15px;
  line-height: 30px;
}
.h-t3 span {
  font-size: 18px;
  font-weight: normal;
}
.h-t4 {
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  line-height: 20px;
}
.p-t1 {
  font-size: 16px; /*font-weight: bold;*/
  color: #585757;
  letter-spacing: 1px;
}
.h-t5 {
  font-size: 20px;
  border-left: 4px solid #393939;
  font-weight: bold;
  padding: 3px 0px 3px 15px;
}
.h-t5 span {
  font-weight: normal;
  font-size: 16px;
}
.p-t2 {
  font-size: 11px; /*font-weight: bold;*/
  color: #000;
  letter-spacing: 1px; /*border: 1px solid #000;*/
  padding: 5px;
  margin: 0 0 3px;
}
.p-t2.bg1 {
  background-color: #afc9e4 !important;
}
.p-t2.bg2 {
  background-color: #ced8ed !important;
}
.msg-login {
}
.op_75_h:hover {
  opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75);
}
/*.b_w_900 { margin:0 auto; width:900px; !*width:1164px;*! }*/
.b_w_900 {
  margin: 0 auto;
  max-width: 950px;
  width: 100%;
  padding: 0 5px;
}
.b_w_100p {
  margin: 0 auto;
  max-width: 950px;
  width: 100%;
  padding: 0 5px;
}
.p_lr_15 {
  padding-left: 15px;
  padding-right: 15px;
}
.w_400 {
  width: 400px;
}
.w_350 {
  width: 350px;
}
.w_300 {
  width: 300px;
}
.w_250 {
  width: 250px;
}
.w_230 {
  width: 230px;
}
.w_200 {
  width: 200px;
}
.w_150 {
  width: 150px;
}
.w_180 {
  width: 180px;
}
.w_30p {
  width: 30%;
}
.w_50p {
  width: 50%;
}
.w_100p {
  width: 100%;
}
.h_40 {
  height: 40px;
}
.h_300 {
  height: 300px;
}
.h_40_i {
  height: 40px !important;
}

.bb_S1PX000 {
  border-bottom: 1px solid #000;
}

.the_content_editor {
  font-family: inherit;
  font-size: 16px;
  color: #646a74;
}
.the_content_editor img.thumb {
  float: right;
  padding-left: 20px;
  padding-bottom: 20px;
}
.the_content_editor p {
  font-family: inherit;
  font-size: 16px;
  color: #646a74;
  margin-bottom: 20px;
}
.the_content_editor p img.aligncenter {
  display: block;
  margin: 0 auto;
}
.the_content_editor p img.alignleft {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.the_content_editor p img.alignright {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}
.the_content_editor p.p1 {
}
.the_content_editor p.p2 {
  font-family: inherit;
}
.the_content_editor h1 {
  margin-bottom: 20px;
}
.the_content_editor h2 {
  margin-bottom: 20px;
}
.the_content_editor h3 {
  margin-bottom: 20px;
}
.the_content_editor h4 {
  margin-bottom: 20px;
}
.the_content_editor h5 {
  margin-bottom: 20px;
}
.the_content_editor a {
}
.the_content_editor table {
  margin: 10px 0px;
}
.the_content_editor table th {
  border: 1px solid #ccc;
  padding: 3px;
}
.the_content_editor table td {
  border: 1px solid #ccc;
  padding: 3px;
}
.the_content_editor .wp-caption-text {
  color: #919191;
  background-color: #eaeaea;
  padding: 5px 15px;
  font-size: 13px;
  text-align: center;
  margin-bottom: 0px;
}
.the_content_editor ul {
}
.the_content_editor ul li {
  margin: 6px 0px;
}

#body_wrap {
  padding-bottom: 50px;
}

/* Login */
body.login .breadcrumbs.fixed,
body.login .breadcrumbs.breadcrumbs-fixed {
  left: 0px;
  height: 105px;
  border-bottom: 5px solid #585757;
}
body.login .main-content {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 20px;
}
body.login .page-content {
  margin-top: 100px;
}
body.login legend {
  border-bottom-color: #d9d9d9;
}
body.login .logo-prodei {
  margin-top: 9px;
}
.box-form-login {
  border: 1px solid #cecece;
  display: inline-block;
  padding: 20px 40px !important;
}
.box-form-login ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.box-form-login ul li {
  padding: 3px 0px;
}
.box-form-login ul li label {
  font-weight: bold;
  font-size: 15px;
}
.box-form-login ul li label.w_ls {
  width: 50px;
  text-align: right;
  margin-right: 3px;
}
.box-form-login ul li label.lembrete {
  font-size: 12px;
  font-weight: normal;
}
.box-form-login ul li hr {
  border-top-color: #ccc;
}
.box-form-login ul li .mxt-btn-1.t2 {
  font-size: 12px;
  padding: 0px 6px;
}
.box-form-login.l2 {
  border: 8px solid #afc9e4;
  margin-top: 30px;
  background-color: #154194;
}
body.login .box-novo-usuario ul {
  list-style: none;
}
body.login .alert-dismissable {
  float: none;
  padding: 5px 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.c1 {
  color: #da3a05;
}

.bg_t1 {
  background-color: #cfddef !important;
}

.p_10 {
  padding: 10px;
}
.p_15 {
  padding: 15px;
}

.h-t6 {
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
}
.h-t6.t2 {
  border: none;
}

.brc_FFF {
  border-right: 4px solid #fff;
}

.btn-mx-t1 {
  background-color: #154194 !important;
  color: #fff !important;
  border: none;
  border-radius: 5px 5px 0px 0px;
  border-width: 3px;
  padding: 20px;
  font-size: 18px; /*font-weight:bold;*/
}
.btn-mx-t1:hover {
  background-color: #154194 !important;
  color: #fff !important;
}
.btn-mx-t1.select {
  background-color: #fff !important;
  color: #0d6eb5 !important;
  font-weight: bold;
}
.btn-mx-t1.select:hover {
  background-color: #fff !important;
  color: #0d6eb5 !important;
}

.hide_form {
  visibility: hidden;
  display: none;
}

.table-form-t2 tr.select th {
  border-top-color: #cc3300;
  border-bottom-color: #cc3300;
}
.table-form-t2 tr.select th:first-child {
  border-left-color: #cc3300;
}

.table-form-t2 div.select {
  border: 1px solid #cc3300 !important;
}

.ui-state-disabled-mxt {
  color: #909090 !important;
  border-color: #909090 !important;
  background-color: #dedede !important;
}
.ui-state-disabled-mxt[readonly] {
  color: #909090 !important;
  border-color: #909090 !important;
  background-color: #dedede !important;
}

.bg-c-t1 {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #cfddef;
  padding: 10px;
}
.bg-c-t2 {
  background-color: #afc9e4;
}

.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: #cfddef;
  color: #000;
  font-size: 16px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #c1cde8;
  color: #000;
  font-size: 16px;
}

.help-block,
label.error {
  font-size: 10px;
  color: #920000;
  background-color: #ff8686;
  padding: 0px 6px;
  display: inline-block;
  border-radius: 5px;
}

#pagination {
  border-top: 2px solid #0c67af;
  padding-top: 10px;
}
#pagination p {
  font-weight: bold;
  color: #4e5052;
}
#pagination p strong {
  font-weight: normal;
  background-color: #154194;
  padding: 1px 6px;
  color: #fff !important;
}
#pagination p a {
  font-weight: normal;
  background-color: #0c67af;
  padding: 1px 6px;
  color: #fff !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#pagination p a:link,
#pagination p a:active,
#pagination p a:focus {
  color: #fff;
}