html {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 100%;
    font-family: "Open Sans", sans-serif;
}

body {
    background: #f7f7f7;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #4e4d52;
    width: 100%;
    height: 100%;
    -moz-appearance: none !important;
}

/* <HEADER> */

header {
    height: auto;
    padding: 0em;
    /*border-bottom:solid 1px #ddd;*/
}

.top-bar {
    background: #888;
}

.button-red {
    height: 55px !important;
    padding: 2px 20px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-weight: 700;
    border-color: #002855;
    background-color: #002855;
}

.top-bar-menu {
    width: auto;
    height: auto;
    margin: 0 auto;
    font-size: 1.3em;
    text-align: right;
}

.top-bar-menu ul {
    height: auto;
    margin: 0;
    width: auto;
    padding: 5px 0px 4px 0px;
}

.top-bar-menu li {
    height: auto;
    margin: 0;
    display: inline;
    width: 100%;
    padding: 0;
}

.top-bar-menu a {
    color: #fff;
    text-decoration: none;
    padding: 7px 15px 4px 15px;
    /*-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;*/
}

.top-bar-menu a:hover {
    color: #fff;
    text-decoration: none;
    padding: 7px 15px 4px 15px;
    background-color: #c10b2e;
    border-bottom: solid 3px #870820;
    /*-webkit-transition: background 0.2s linear;
      -moz-transition: background 0.2s linear;
      -ms-transition: background 0.2s linear;
      -o-transition: background 0.2s linear;
      transition: background 0.2s linear;*/
}

a.top-bar-menu-home:before {
    content: url(../../Images/ico-bt-home.png);
    padding-right: 10px;
    vertical-align: -10%;
}

a.top-bar-menu-sair:before {
    content: url(../../Images/ico-bt-sair.png);
    padding-right: 10px;
    vertical-align: -10%;
}

a.top-bar-menu-config:before {
    content: url(../../Images/ico-bt-config.png);
    padding-right: 10px;
    vertical-align: -10%;
}

a.top-bar-menu-ajuda:before {
    content: url(../../Images/bt-ajuda.png);
    padding-right: 10px;
    vertical-align: -10%;
}

.header {
    background: #fff;
}

.banner {
    background: url(../../Images/bg-header.jpg);
    min-height: 110px;
}

.logo {
    padding: 35px 0em;
    height: auto;
    text-align: left;
    vertical-align: middle;
}

.logo figure img {
    height: auto;
    max-height: 65px;
    max-width: 80%;
    width: auto;
}

/* <HEADER /> */


#DrnWucMensagem_btnFechar {
    background: url(../../Images/bt-fecharFiltro.png);
    padding-left: 20px;
    width: 20px;
    height: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.imageButton {
    cursor: pointer;
}

.fileUpload {
    height: 37px !important;
}

/* <FOOTER> */
/*footer {
    height: auto;
    padding: 1.5em 0em;
    background-color: #800016;
    border-top: solid 2px #ccc;
}*/

footer span {
    color: #999;
    font-weight: 400;
}

footer p {
    color: #fff;
    line-height: 1.4em;
    padding: 0;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.ftr-by {
    text-align: right;
}

/* <FOOTER /> */



section {
    padding: 0em;
    margin: 0em;
    height: auto;
}

.footer {
    width: 100%;
    float: left;
    padding: 20px 30px;
    background: #fff;
    border-top: solid 1px #c10b2e;
    position: relative;
    bottom: 0px;
}

a.footer-logo {
    background: url(../../Images/selo_previc.png) no-repeat center left;
    width: 179px;
    height: 34px;
    display: block;
    float: left;
    cursor: pointer;
}

.footer-logo-erro {
    background: url(../../Images/selo_previc.png) no-repeat center left;
    width: 179px;
    height: 34px;
    display: block;
    float: left;
    cursor: pointer;
    margin-left: 15px;
}

.footer-direitos {
    float: right;
    width: 50%;
    height: auto;
    text-align: right;
    padding: 2px 0px;
}

.footer-direitos p {
    color: #777;
    font-size: 11px;
}



.box {
    width: 100%;
    height: auto;
    border-bottom: dotted 2px #bbb;
    padding: 2em 0em;
}

#menu {
    background: #ddd;
}

.menu {
    text-align: left;
}

.menu ul {
    list-style-type: none;
}

.menu ul li {
    display: inline;
}

.titulo {
    padding: 0px 0px 10px 0px;
    border-bottom: solid 1px #ddd;
}

/*.menuPrincipal h1 {
  font-size: 2.7em;
  border-bottom: dotted 1px #BA1B2B;
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd;
  margin-left: 0px !important;
}*/

.panel-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 0px;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    vertical-align: middle;
    display: block;
}

.panel-body span.label {
    display: block !important;
    padding-top: 10px !important;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 0.1em;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

p.destaque {
    margin-left: 2em;
    margin-right: 2em;
    color: #BF0022;
    font-size: 20px;
    font-weight: 700;
}

img {
    border: none;
}

.header-contato {
    height: auto;
    margin: 0 auto;
    padding-top: 38px;
    text-align: left;
}

.header-contato p {
    vertical-align: middle;
    font-weight: 400;
    color: #666;
    font-size: 1.4em;
}

.header-contato p:before {
    content: url(../../Images/ico-tel.png);
    vertical-align: -30%;
    padding-right: 1em;
}

.informacao {
    background-color: transparent;
    /*border: dashed 1px #ccc;*/
    color: #151515;
    margin: 1.3em 0em 2em 0em;
    /*padding: 1em;*/
    /*box-shadow: 2px 2px 4px #aaa;*/
    /*border-radius: 5px;*/
}

.informacao p {
    font-size: 14px !important;
}

.informacao h5 {
    color: #232325;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: bold;
}

.informacao h5:before {
    content: url(../../Images/ico-info.png);
    vertical-align: -50%;
    margin-right: 1em;
}

.informacao a {
    /*color: #BF0022;*/
    color: #0c69b9;
}

.branco {
    color: #fff;
    font-size: 12px;
}

.azul {
    color: #003971;
    font-size: 12px;
}

.vermelho {
    color: #BF0022;
    font-size: 14px !important;
}

.ativo {
    color: #5E8E31;
    font-weight: 700;
    font-size: 12px;
}

span {
    font-size: 14px;
}

select {
    padding: 4px 12px !important;
    margin: 0;
    display: block;
    width: 100%;
    height: 38px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    background: url(img/ico-arrowdown-cmb-2.png) no-repeat right #fff;
    background-position-x: 99%;
    color: #888;
    border: 1px solid #ccc;
    outline: none;
    display: inline-block;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

select::-ms-expand {
    display: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

input[type=text],
input[type=password],
input[type=file] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 8888 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type=radio]+label {
    padding-left: 15px !important;
    font-weight: normal;
    vertical-align: middle;
    padding: 4px;
}

input[type=text]:focus,
select:focus {
    border: solid 1px #1E2E66;
    outline: none;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.drn-filtros input[type=text].drn-txt-50,
input[type=password] {
    width: 50% !important;
}

input[type=text].drn-txt-50,
input[type=password],
select {
    width: 100% !important;
}

inputy[type=radio],
input[type=checkbox] {
    background: #fff;
    font-size: large;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

figure {
    padding: 0;
    margin: 0;
}



.menu-principal {
    background-color: #ddd;
    padding: 0.8em 0em;
}

.menu-principal ul {
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.menu-principal ul li {
    display: inline;
}

.menu-principal ul li a {
    text-decoration: none;
    color: #BF0022;
    padding: 0.5em 1.2em;
}

.menu-principal ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: #FF7005;
    padding: 0.5em 1.2em;
}

.menu-ativo {
    background-color: #fff;
}


.migalha {
    text-align: left;
    margin-top: 0;
    padding: 0;
}

.migalha ul {
    padding: 0.4em 0em 0.1em 0em;
    margin: 0px 0px 0px -15px;
    font-size: 12px;
}

.migalha ul li {
    display: inline;
    color: #999;
    vertical-align: middle;
    padding: 0em 0.5em 0em 0em;
}

.migalha ul li a {
    text-decoration: none;
    color: #333;
    /*margin-left: 10px;*/
}

.migalha ul li a:hover {
    text-decoration: underline;
    color: #151515;
}

/*.migalha ul:before {
      content: url(../../Images/ico-migalha.png);
      vertical-align: -10px;
    }*/

.migalha ul li:before {
    content: url(../../Images/ico-migalha-arrow.png);
    vertical-align: -3px;
    color: #fff;
    margin-right: 10px;
    margin-left: 3px;
}

.migalha ul li:first-child:before {
    content: '';
    margin-left: 5px;
    color: #fff;
    display: inline;
}


#migalha {
    margin-top: 5px;
}

#migalha .wrap {
    background-color: #fff;
    /*border-bottom: dotted 1px #ddd;*/
}

.toolbar {
    height: auto;
    background-color: #f1f1f1;
    padding: 0.7em 0em;
    /*border-bottom:solid 2px #ddd;*/
    /*border-top:solid 2px #ddd;*/
}

.toolbar ul {
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.toolbar ul li {
    display: inline;
}

.toolbar ul li a {
    text-decoration: none;
    color: #BF0022;
    padding: 7px 1.2em;
}

.toolbar ul li a:hover {
    text-decoration: none;
    color: #BA1B2B;
    background: #e9e9e9;
    padding: 7px 1.2em;
}

.toolbar ul li:after {
    content: "|";
    color: #ccc;
}

.toolbar ul li:last-child:after {
    content: "";
}

.toolbar img {
    vertical-align: -25%;
}

.toolbar input[type=text],
.toolbar select {
    width: 180px;
    display: inline;
    margin-right: 1.2em;
    vertical-align: 5%;
    padding: 0.4em;
}

.toolbar span {
    padding-left: 7px;
}

.menu {
    background: #ddd;
}

.titleNav {
    font-size: 15px;
    color: #fff;
    padding: 0 0 10px;
    position: relative;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
}

.titleNav:after {
    background-color: white;
    bottom: 0px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}

/*.sidebar p, .sidebar span {
  font-size: 12px;
  color: #fff;
  padding: 4px 0px;
}*/


nav.sidebar {
    border-top: dotted 1px #ddd;
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar ul li {
    padding: 1em 1em;
}

.sidebar ul li a {
    text-decoration: none;
    color: #800016;
    font-size: 15px;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

.sidebar ul li a:hover {
    text-decoration: none;
    color: #EF182C;
    font-size: 15px;
}

.sidebar a {
    text-decoration: none;
    color: #800016;
    font-size: 16px;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

nav.migalha {}

.filtro {
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    /*border-bottom: solid 1px #fff;
  border-top: solid 1px #fff;*/
}

input[readonly],
input[type=text][disabled],
select[disabled] {
    background: #ccc !important;
    border: solid 1px #ccc !important;
}

input[readonly].no-border,
input[type=text][disabled].no-border {
    background: rgba(0, 0, 0, 0.0) !important;
    border: solid 1px #fff !important;
    outline: 0;
    box-shadow: 0 0 0 0;
    font-weight: bold;
}


.portal img {
    width: auto;
    max-width: 100%;
}

.portal a {
    display: inline-block;
}

.portal-link {
    padding: 1em;
    /*border:solid 1px #ddd;*/
    /*background: #f1f1f1;*/
}

.portal-link:hover {
    background: #f4f4f4;
}

.portal-link a {
    text-decoration: none;
    color: #000;
}

.portal-link a:hover {
    text-decoration: none;
    color: #BA1B2B;
}

.portal-link a span {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

/* ABAS */
.aba {}

.aba ul {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
}

.aba ul li {
    display: table-cell;
    text-align: center;
    border: solid 1px #ddd;
    padding: 0;
}

.aba ul li {
    display: table-cell;
    text-align: center;
    border: solid 1px #ddd;
    background: #eee;
}

.aba ul li a {
    display: block;
    font-size: 14px;
    color: #777;
    padding: 20px 0px;
}

.aba ul li:hover {
    background: #e5e5e5;
}

.aba ul li a:hover {
    color: #000;
    text-decoration: none;
}

ul li.aba-ativo {
    background: #fff;
    border-bottom: solid 1px #fff;
    font-weight: bold;
    border-top: solid 2px #BF0022;
}

ul li.aba-ativo:hover {
    background: #fff;
}

ul li.aba-ativo a {
    color: #000;
}

/* FIM_ABAS */


/* TABELA */

.tabela {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    min-height: 0%;
    overflow-y: hidden;
}


table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-spacing: 8px !important;
    margin: 0px 0px 0px 0px;
    background-color: none;
}

/*th, td {
    white-space: nowrap;
}*/

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

.dataTables_filter {
    display: none !important;
}

.dataTables_info {
    display: none;
}

.drn-barra-paginacao table {
    border-bottom: none !important;
}

table a,
table a span {
    color: #0152a4;
}

table a:hover {
    color: #0152a4;
    text-decoration: underline;
}

thead tr {}

.tabela-total td {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    border-top: solid 1px #999;
    /*border-bottom: solid 1px #999;*/
}

.tabela .total-geral td {
    padding: 10px 5px;
    border-top: solid 1px #aaa !important;
}

.tabela .total-geral td span {
    font-size: 16px !important;
    color: #4e4d52 !important;
    font-weight: bold;
}

tr.tabela-total:hover {
    background: #fff !important;
}

/*tr.tabela-total:hover td:first-child {
        border-left: 3px solid #fff !important;
    }*/


td.arquivo {
    width: 250px;
    max-width: 250px;
}

.tabela-freeze table {
    background: #fff;
}


/*.tabela-2 table td {
        word-break: break-all;
    }*/


tr {
    cursor: default;
}

.thead-lvl1 th {
    margin: 0;
    padding: 0.5em 1em;
    font-size: 12px;
    color: #003971;
    background-color: #f1f1f1;
    border-left: solid 2px #fff;
    border-bottom: none;
}

.thead-lvl1 th:first-child {
    margin: 0;
    padding: 0.5em 1em;
    font-size: 12px;
    color: #003971;
    background-color: #f1f1f1;
    border-left: none;
    border-bottom: none;
}

.thead-lvl2 th {
    margin: 0;
    padding: 0.5em 1em;
    font-size: 12px;
    color: #003971;
    background-color: #e1e1e1;
    border-left: solid 2px #fff;
    border-bottom: none;
}

.documentosUteis table {
    margin: 30px 0px 40px 0px;
}

.documentosUteis table tbody tr td {
    padding: 20px 5px !important;
}

.documentosUteis table tr:first-child td {
    border-top: solid 1px #fff !important;
}

.documentosUteis tr:hover td {
    background: #fff;
}

/*tbody tr:hover {
    background-color: #f1f1f1;
}

    tbody tr:hover td:first-child {
        border-left: 3px solid #002855;
    }*/

.modal tbody tr:hover {
    background-color: #EF182C;
    color: #fff;
}

.modal tbody tr:hover .destaque {
    color: #fff;
}

.tabela-servicos td {
    padding: 10px 10px;
    font-size: 14px;
    color: #4e4d52;
    border-top: solid 1px #fff !important;
}

/*.tabela-servicos tr:hover td:first-child {
    border-left: 3px solid #fff;
}*/

.tabela-servicos tr:hover {
    background: #f1f1f1 !important;
}

.tabela-servicos p {
    line-height: 15px !important;
}

th {
    margin: 0;
    padding: 10px 5px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #4e4d52;
    border-bottom: solid 2px #4e4d52;
    border-spacing: 0;
    /*white-space: nowrap;*/
}

td {
    padding: 10px 5px;
    font-size: 14px;
    color: #4e4d52;
    border-top: solid 1px #ddd;
}

td span {
    font-size: 14px;
    color: #4e4d52;
    word-wrap: break-word !important;
}

td a {
    color: #0152a4;
    text-decoration: none;
    cursor: pointer !important;
    word-wrap: break-word !important;
}

td.destaque {
    color: #252525;
    font-size: 17px;
    font-weight: 700;
}

td input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

a {
    color: #0152a4;
}

a:hover {}



input[type=image]:before {
    content: "Pesquisar";
}




img.ui-datepicker-trigger {
    margin-top: -27px;
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
    left: 84%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../Images/ico-bt-calendar.png);
    padding-left: 20px;
}

.ui-datepicker-calendar {
    background: #fff !important;
}

table.ui-datepicker-calendar td,
table.ui-datepicker-calendar span,
.ui-datepicker-header span {
    font-size: 11px !important;
}

table.ui-datepicker-calendar tr td,
table.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td a.ui-state-default {
    padding: 1px;
    height: 27px !important;
    width: 27px !important;
    max-width: 27px;
    font-size: 11px !important;
}

table.ui-datepicker-calendar tr th {
    padding: 5px 0px;
}

.ui-datepicker-header {
    width: 205px !important;
}

.ui-datepicker {
    width: 209px !important;
}



li {
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.obg {
    color: #BA1B2B;
    margin: 0px 3px;
}

.col span.label {
    vertical-align: -55%;
    display: block !important;
    text-align: left;
}



#btDown {
    color: #666;
    font-weight: bold;
    display: block;
}

.sidebar2 {
    background: #c10b2e !important;
    height: 100%;
    min-height: 100%;
}

.sidebar2 p,
.sidebar2 h5 {
    color: #fff;
    font-weight: normal;
}

.sidebar2 p {
    padding: 5px 0px;
}

.sidebar2 h5 {
    padding: 15px 0px 5px 0px;
    border-bottom: solid 2px #fff;
    margin-bottom: 10px;
}

.btn-consulta {
    text-align: left;
    display: block;
}

.btn-consulta:before {
    width: 50px;
}

.btn-consulta span {
    display: block;
    white-space: nowrap;
}

.btn-consulta a span:before {
    /*content: url(../../Images/ico-menu-consulta-ativo.png);
    vertical-align: -50%;
    padding-right: 15px;*/
}

/* Custom CSS Styles */
.cssmenu {
    width: 100%;
    /*margin-top: 5px !important;*/
}

.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.cssmenu ul {
    /*position: relative;
      z-index: 597;*/
}

.cssmenu ul li {
    float: left;
    min-height: 1px;
    /*line-height: 1em;*/
    vertical-align: middle;
}

.cssmenu ul li.hover,
.cssmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

.cssmenu ul li:hover>ul {
    visibility: visible;
}

.cssmenu ul li {
    float: none;
}

.cssmenu-ativo {
    background: #870820;
}

.cssmenu-ativo li a,
.cssmenu-ativo span {
    /*border-left: solid 3px #800016;*/
}

.cssmenu ul a,
.cssmenu ul a:link,
.cssmenu ul a:visited {
    display: block !important;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 1em;
    /*text-transform: uppercase;*/
}

.cssmenu ul a span {
    display: block;
    padding: 20px 15px;
    color: #fff;
    font-size: 14px;
}

.cssmenu ul a span:hover,
.cssmenu ul a:hover {
    text-decoration: none;
}

.cssmenu>ul {
    float: none;
}

.cssmenu ul {
    background: #c10b2e;
}

.cssmenu>ul>li {
    /*border-left: 3px solid #ddd;
  border-right: 3px solid #ddd;*/
}

.cssmenu>ul>li>a,
.cssmenu>ul>li>a>span {
    padding: 20px 15px !important;
}

.cssmenu ul li:hover>a,
.cssmenu ul li:hover>a>span {
    background: #fff;
    color: #4e4d52;
}

.cssmenu>ul>li:hover {
    /*border-left: 3px solid #BA1B2B;
  border-right: 3px solid #BA1B2B;*/
    background: #fff;
    color: #4e4d52;
}

/* MENU BRADESCO*/
p.menu-completo:after {
    content: url(../../Images/ico-migalha-arrow.png);
    vertical-align: -20%;
}

.menu-icatu-item a {
    display: block;
    background: #f4f4f4;
    padding: 10px;
    border-bottom: solid 1px #ddd;
    font-size: 12px;
    font-weight: bold;
}

.menu-icatu-item a:after {
    content: url(../../Images/ico-down.png);
    float: right;
}

.menu-icatu-item a:hover {
    background: #e9e9e9;
    text-decoration: none;
}

.menu-icatu-subitem {
    display: none;
}

.menu-icatu-subitem ul {
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #ddd;
}

.menu-icatu-subitem ul li {
    padding: 0px;
    margin: 0;
    list-style: none;
}

.menu-icatu-subitem ul li a {
    padding: 10px;
    display: block;
    font-size: 12px;
}

.menu-icatu-subitem ul li a:after {
    content: url(../../Images/ico-migalha-arrow.png);
    vertical-align: -25%;
    padding-left: 5px;
}

/* */

.span span {
    padding-top: 10px !important;
}

#ola {
    padding: 1.5em 0em;
    margin: 0;
    height: auto;
    text-align: right;
}

/*.user {
  font-size: 2.0em;
  line-height: 1.4em;
  font-weight: 700;
  color: #800016;
  padding: 0em 0em 0.2em 0em;
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}*/

.user-desc {
    color: #666;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.4em;
    padding: 0 !important;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.user-desc span {
    font-size: 14px !important;
}

/* MENU HOME*/




#conteudo {
    padding: 1.2em 0em;
    min-height: 600px;
    height: auto;
    background: linear-gradient(to bottom, #fff, #fff);
}

.p-top-btn {
    padding-top: 17px;
}

.p-top {
    padding-top: 2em;
}

.p-bot {
    padding-bottom: 20px;
}

.p-tb {
    padding-top: 2em;
    padding-bottom: 1em;
}

.lista {
    padding-top: 2em;
    padding-bottom: 1em;
}

.modal .politica ul li a span {
    color: #4e4d52 !important;
}

.lista a {
    font-size: 12px;
    color: #EF182C;
    text-decoration: none;
    font-weight: bold;
}

.lista a:hover {
    color: #BF0022;
}

.lista ul {
    padding: 0;
    margin: 0;
}

.lista ul li {
    padding: 0.5em 0.5em;
    margin: 0em 1.5em;
    list-style-image: url(../../Images/list-style-1.png);
}


.progress {
    padding: 2em 0em;
    width: 100%;
    text-align: center;
    height: 111px;
}

.step-1 {
    background: url(../../Images/step-bar-1.png) no-repeat center;
}

.step-2 {
    background: url(../../Images/step-bar-2.png) no-repeat center;
}

.step-3 {
    background: url(../../Images/step-bar-3.png) no-repeat center;
}

.step-4 {
    background: url(../../Images/step-bar-4.png) no-repeat center;
}

a {
    text-decoration: none;
    color: #151515;
}

/*a:hover {
    text-decoration: underline;
    color: #EF182C;
  }*/


body.login-body {
    height: 100%;
    width: 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url(../../Images/bg-login2.jpg) no-repeat center center fixed;
    overflow-y: hidden;
}


.login {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: absolute;
    box-shadow: 1px 1px 2px #000;
    border-radius: 2px;
}

.login-titulo {
    background-color: #002040;
    border-bottom: solid 2px #ccc;
    text-align: center;
    padding: 2em 0em;
}



.login-titulo h3 {
    font-size: 2em;
    color: #fff;
    padding: 1em 2em;
}



.login-top-wrap {
    margin: 0 auto;
    width: 100%;
    height: 15%;
    top: 0%;
    color: #fff;
    text-align: center !important;
    background: #fff;
    border-bottom: solid 2px #ccc;
}


.login-top {
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    behavior: url(css/ie-css3.htc);
}

.login-top img {
    height: auto;
    max-height: 65px;
    max-width: 80%;
    width: auto;
}

.login-form-wrap {
    width: 100%;
    min-height: 300px;
    height: 70%;
    color: #fff;
    text-align: center !important;
    position: relative;
    display: block;
}

.login-form {
    width: 320px;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    position: absolute;
}

.login-form-login {
    height: 400px;
    margin-top: -200px;
}

.login-form-loginGestor {
    height: 320px;
    margin-top: -160px;
}

.login-form-senha {
    height: 170px;
    margin-top: -85px;
}

.login-form-alteraSenha {
    height: 300px;
    margin-top: -150px;
}

.login-form-email {
    height: 260px;
    margin-top: -130px;
}

.login-form-homePrev {
    height: 310px;
    margin-top: -155px;
}

.login-form-primeiroAcesso {
    height: 160px;
    margin-top: -80px;
}

.login-form-lembrarSenha {
    height: 180px;
    margin-top: -90px;
}

.login-form-confirmacao {
    height: 350px;
    margin-top: -175px;
}

.login-form-comum {
    height: 350px;
    margin-top: -175px;
}


.login-bottom-wrap {
    width: 100%;
    height: 15%;
    bottom: 0 auto;
    text-align: center;
    background: rgb(128, 0, 22);
    position: absolute;
    bottom: 0;
    z-index: 2;
    color: #fff;
}

.login-bottom {
    top: 50%;
    left: 50%;
    width: 320px;
    height: 70px;
    margin-top: -35px;
    margin-left: -160px;
    position: absolute;
    behavior: url(css/ie-css3.htc);
}

.login input[type=text],
.login input[type=password],
.login select {
    font-size: 1em;
    width: 100% !important;
    border: solid 1px #bbb;
    background: rgba(255, 255, 255, 0.4);
    color: #151515;
}

.login input:focus {
    background: rgba(255, 255, 255, 0.7);
}

::-webkit-input-placeholder {
    color: #151515;
}

::-moz-placeholder {
    color: #151515;
}

:-ms-input-placeholder {
    color: #151515;
}

.login p {
    font-size: 13px;
    color: #bbb;
}

.login h3 {
    font-size: 2em;
    padding: 1em 0.2em 1em 0.2em;
    font-weight: 400;
    color: #fff;
}

.login-form .info-small {
    font-size: 12px;
    color: #ddd;
    padding: 10px 0px;
}

.login-form .info-small p {
    font-size: 12px;
    color: #ddd;
    padding: 3px 0px;
}

.login-form p label {
    color: #fff;
    font-weight: normal;
    padding: 3px 0px 0px 0px;
}

.bt-login {
    padding: 15px 0px 15px 0px;
}

a.bt-login {
    width: 100%;
    background-color: #BF0022;
    color: #fff;
    display: inline-block;
    padding: 8px 0px !important;
    text-decoration: none;
    border-bottom: solid 2px #BF0022;
    border-radius: 3px;
    text-align: center;
}

.login-form p a {
    padding: 5px 0px;
}

.login-form a {
    color: #fff;
    text-decoration: none;
}

.login-form a:hover {
    color: #fff;
    text-decoration: underline;
}

*/ a.bt-login:hover {
    width: 100%;
    background-color: #EF182C;
    border-bottom: solid 2px #888;
    color: #fff;
    display: inline-block;
    padding: 0.4em 0em;
    text-decoration: none;
}

/* TOOLTIP*/

.ui-tooltip {
    background: #fff;
    border: 2px solid white;
}

.arrow:after {
    background: #fff;
    border: 2px solid #aaa;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 1.3em;
    text-transform: uppercase;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

#direitos-reservados {
    text-align: left;
}

/* PAGINAÇÃO */
.modal .paginacao {
    text-align: center;
    padding: 20px 0px;
    /*background: #F1F1F1 !important;*/
    /*border-top:dotted 1px #eee;
  border-bottom:dotted 1px #eee*/
}

.paginacao {
    text-align: center;
    padding: 20px 0px;
    /*background: #F1F1F1 !important;*/
    /*border-top:dotted 1px #eee;
  border-bottom:dotted 1px #eee*/
}


.paginacao ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.paginacao ul li {
    display: inline;
    color: #999;
    margin: 0px;
    vertical-align: middle;
    padding: 0em 5px 0em 0em;
}

.paginacao ul li a {
    text-decoration: none;
    color: #151515;
    background: #e1e1e1;
    border: solid 1px #ccc;
    margin: 0px;
}

.modal .paginacao a.bt-go {
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    border: none !important;
    background: url(../../Images/ico-bt-go.png) no-repeat !important;
    display: inline-block;
}

.paginacao a.bt-go {
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    border: none !important;
    background: url(../../Images/ico-bt-go.png) no-repeat !important;
    display: inline-block;
}

.paginacao a.bt-go:hover {
    background: url(../../Images/ico-bt-go-hover.png) no-repeat !important;
}

.paginacao ul li a:hover {
    color: #151515;
    background: #d1d1d1;
}

.paginacao ul li a img {
    vertical-align: middle;
}

.paginacao input[type=text] {
    line-height: 1;
    height: auto;
    width: 50px;
    padding: 0.5em;
    font-size: 12px;
    /*font-family: 'Lato', sans-serif;*/
    vertical-align: middle;
    display: inline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border: solid 1px #ccc;
}

a.bt-paginacao {
    text-decoration: none;
    color: #151515;
    background: #e1e1e1;
    border: solid 1px #ccc;
    margin: 0px;
    padding: 5px 5px 2px 5px;
    vertical-align: middle;
    display: inline-block;
}

a.bt-paginacao:hover {
    background: #d1d1d1;
}

a.bt-primeiro:before {
    content: url(../../Images/bt-arrow-first-pag.png) !important;
}

a.bt-anterior:before {
    content: url(../../Images/bt-arrow-left-pag.png) !important;
}

a.bt-proximo:before {
    content: url(../../Images/bt-arrow-right-pag.png) !important;
}

a.bt-ultimo:before {
    content: url(../../Images/bt-arrow-last-pag.png) !important;
}


.alerta {
    width: auto;
    margin: 10px 0px;
    border-radius: 3px;
    padding: 5px 10px;
    /* box-shadow: 2px 2px 4px #aaa;*/
}

.alerta p {
    width: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 0.1em !important;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.alerta-info {
    background: #d9edf7;
    color: #31708f;
    border: solid 1px #bce8f1;
}

.alerta-sucesso {
    background: #dff0d8;
    color: #3c763d;
    border: solid 1px #d6e9c6;
}

.alerta-aviso {
    background: #fcf8e3;
    color: #8a6d3b;
    border: solid 1px #faebcc;
}

.alerta-cuidado {
    background: #f2dede;
    color: #a94442;
    border: solid 1px #ebccd1;
}

.modal .dados {
    padding: 0px 12px;
}

.dados p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 0em 0.3em 0.5em 0.3em;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.dados p.label {
    line-height: 1.4em;
    padding: 0.5em 0.3em 0em 0.3em;
    font-weight: bold;
    margin: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.dados a {
    color: #003971;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.dados a:hover {
    color: #EF182C;
}


.selecao {
    /*background:rgba(0,0,0,0.03);*/
    background: #f5f5f5;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    margin: 1.3em 0em 2em 0em;
    padding: 0;
    border-top: solid 3px #ddd;
    border-bottom: solid 3px #ddd;
    /*box-shadow: 2px 2px 4px #bbb;*/
}

.selecao-bar {
    height: auto;
    width: 100%;
    border-bottom: dotted 1px #ddd;
}

.selecao-bar .span_1_of_12 {
    padding-top: 10px;
    text-align: center;
}

.selecao h3 {
    color: #003971;
    font-weight: bold !important;
    padding: 10px !important;
}

.selecao-body {
    width: 100%;
    height: auto;
    padding: 0px;
}

.box-data a img {
    padding-top: 21px;
}

.box-data {
    text-align: center;
}

.sairSistema {
    width: 100%;
    height: auto;
    padding: 30px 0px 50px 0px;
    display: none;
    background: #f1f1f1;
    border-bottom: solid 3px #e4e4e4;
}

.sairSistema p {
    padding: 1em 0em;
    font-size: 12px;
}

.sairSistema a {
    background: #003971;
    border-bottom: solid 2px #002040;
    padding: 0.75em 3em;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    box-shadow: 2px 2px 4px #aaa;
}

.sairSistema a:hover {
    background: #BA1B2B;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    box-shadow: 2px 2px 4px #aaa;
}


/* MULT STEPS */
ul.multi-step {
    margin: -80px 0px 0px 0px;
    padding: 20px 0px;
    width: 100%;
    display: table;
    background: url("../../images/step-bar.png") repeat-x center center;
}

ul.multi-step li {
    display: table-cell;
    text-align: center;
    width: 54px;
    height: 54px;
}

ul.multi-step li img {
    width: auto;
    height: auto;
    max-width: 100%;
}

ul.multi-step li span {
    padding: 30px 0px 0px 0px;
}

ul.multi-step li a {
    text-align: center;
    font-size: 19px;
    text-decoration: none;
    color: #eee;
}

a.step {
    margin: 40px 0px 20px 0px;
    padding: 10px 40px !important;
    display: inline-block;
    color: #eee;
}

.step-atual {
    background: url("../../Images/ico-step-atual.png") no-repeat center center;
}

.step-atual span {
    color: #5C0E15;
    font-weight: bold;
    font-size: 16px;
}

.step-proximo {
    background: url("../../Images/ico-step-proximo.png") no-repeat center center;
}

.step-proximo span {
    color: #bbb;
}

.step-ok {
    background: url("../../Images/ico-step-ok.png") no-repeat center center;
}


#divContrato {
    display: none;
}

/*#lblVersao {
    font-size: 11px;
}*/

.drn-selecao-btnfechar img {
    border: none;
}

input.parcelas {
    width: 50%;
    float: left;
}

.parcelas-x {
    font-size: 20px;
    font-weight: bold;
    padding: 0px 5px;
    vertical-align: middle;
}

.informe-rendimentos {
    border: solid 1px #ddd !important;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    overflow-x: auto;
}

.informe-rendimentos p {
    font-weight: bold;
}

.informe-rendimentos hr {
    border-top: none;
    border-bottom: dashed 1px #000;
    margin: 10px 0px;
}

/*input.drn-destaque, select.drn-destaque {
  border: solid 1px #D50025;
  background: #FFE6EA;
}*/

.drn-destaque {
    border: solid 1px #D50025;
    background: #FFE6EA;
}

.paginacao-novaPagina .drn-titulo-paginacao-tb {
    padding: 0px;
    margin-top: 0px !important;
    width: 50% !important;
}

.paginacao-novaPagina .drn-barra-paginacao {
    padding: 0 !important;
    width: 50% !important;
    margin: 0 !important;
    min-width: 400px !important;
}

.content-box {
    width: 100%;
    padding: 0px 40px 20px 40px;
}

/*@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .login-plano {
        padding: 0px 20px;
    }
}*/

@media only screen and (min-width: 1024px) {

    .header {
        padding: 15px 30px;
    }

    .drn-menu ul li a {
        padding: 15px 15px 15px 25px;
    }


    .content-menu {
        width: 100%;
        height: auto;
    }


    boxbox {
        width: 100%;
        height: auto;
        padding: 0px 40px 20px 40px;
    }

    .content-selecao {
        min-height: 770px !important;
    }

    .principal-menu .home {
        height: auto;
        min-height: 630px;
        background-size: 100% 660px !important;
    }

    .previdencia-menu .home {
        height: auto;
        min-height: 770px;
        background-size: 116% 770px !important;
    }

    .previdencia-content {
        height: auto;
        min-height: 930px;
    }

    .connect-menu .home,
    .gestao-menu .home {
        height: auto;
        min-height: 630px;
        background-size: 100% 660px !important;
    }

    .connect-content,
    .gestao-content {
        height: auto;
        min-height: 810px;
    }

    .usuario-menu .home {
        height: auto;
        min-height: 540px;
        background-size: 100% 660px !important;
    }

    .usuario-content {
        height: auto;
        min-height: 810px;
    }


    .sidebar {
        width: 100%;
        height: auto;
        min-height: 540px;
        padding: 40px 30px 30px 30px;
        float: left;
    }


    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .login-td-container {
        width: 1140px;
        max-width: 90%;
        margin: 0 auto;
        padding: 0px;
    }

    .login td .login-td-container a {
        text-decoration: none !important;
    }

    .login-td .login-main {
        /* margin: 0 auto; */
        /*width: 35%;*/
        width: 580px;
        text-align: center;
        padding-top: 15% !important;
    }

    .login-plano {
        padding: 0px 20px;
    }


    .selecao-plano {
        width: 78%;
        height: 34px;
        position: absolute;
        margin-left: 0;
        margin-top: 6px;
        padding-right: 40px;
        z-index: 8888;
    }

    .popup {
        min-width: 640px;
        min-height: 260px;
        height: auto;
        left: 61%;
        top: 50%;
        margin-left: -320px;
        margin-top: -170px;
        position: absolute;
        z-index: 9999;
        border-top: solid 3px #c10b2e !important;
        border: solid 1px #999;
        background: #fff;
        box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.25);
    }


    .drn-sub-menu a {
        padding: 0px 0px 0px 25px !important;
    }

    .drn-sub-menu span {
        padding: 12px 30px 12px 20px;
    }


    img.ui-datepicker-trigger {
        left: 84%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {

    .selecao-plano {
        width: 78%;
        height: 34px;
        position: absolute;
        margin-left: 0;
        margin-top: 43px;
        padding-right: 40px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .header {
        padding: 15px 15px;
    }

    .content-menu {
        width: 100%;
        height: auto;
        float: left;
    }

    .content-menu .home {
        height: auto;
        min-height: 650px;
        background-size: 990px 650px !important;
    }

    .content-selecao {
        min-height: 570px !important;
    }


    .previdencia-menu .home {
        height: auto;
        min-height: 790px;
        background-size: 1200px 790px !important;
    }

    .previdencia-content {
        height: auto;
        min-height: 970px;
    }

    .connect-menu .home,
    .gestao-menu .home {
        height: auto;
        min-height: 590px;
        background-size: 125% 660px !important;
    }

    .connect-content {
        height: auto;
        min-height: 760px;
    }

    .gestao-content {
        height: auto;
        min-height: 770px;
    }

    .usuario-menu .home {
        height: auto;
        min-height: 560px;
        background-size: 125% 660px !important;
    }

    .usuario-content {
        height: auto;
        min-height: 720px;
    }





    .drn-menu ul li a {
        padding: 15px 15px 15px 15px;
    }


    .sidebar {
        width: 100%;
        height: auto;
        min-height: 540px;
        padding: 60px 15px 60px 15px;
        float: left;
    }

    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .login-td-container {
        width: auto;
        padding: 0px;
        max-width: 95%;
        margin: 0 auto;
    }

    .login-td .login-main {
        margin: 0 auto;
        width: 580px;
        text-align: center;
    }

    .login-plano {
        padding: 0px 30px;
    }


    .paginacao-novaPagina .drn-titulo-paginacao-tb {
        padding: 0px;
        margin-top: 0px !important;
        width: 35% !important;
    }

    .paginacao-novaPagina .drn-barra-paginacao {
        padding: 0 !important;
        width: 65% !important;
        margin: 0 !important;
        min-width: 350px !important;
    }



    .tabela-lg table {
        width: 125% !important;
    }

    .popup {
        width: 58%;
        min-width: 640px;
        min-height: 260px;
        height: auto;
        left: 61%;
        top: 50%;
        margin-left: -320px;
        margin-top: -170px;
        position: absolute;
        z-index: 9999;
        border-top: solid 3px #c10b2e !important;
        border: solid 1px #999;
        background: #fff;
        box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.25);
    }

    .drn-sub-menu a {
        padding: 0px 0px 0px 10px !important;
    }

    .drn-sub-menu span {
        padding: 12px 30px 12px 20px;
    }


    img.ui-datepicker-trigger {
        left: 78%;
    }
}


@media only screen and (max-width: 480px) {

    .header {
        background: #fff;
    }

    .banner {
        background: none;
    }

    .logo {
        padding: 1.6em 0em;
        height: auto;
        text-align: center;
        vertical-align: middle;
    }

    .top-bar-menu ul {
        text-align: center !important;
    }

    .top-bar-menu a img {
        vertical-align: -40%;
    }

    .header-contato {
        height: auto;
        margin: 0 auto;
        padding-top: 0;
        text-align: center;
    }

    #ola {
        padding: 0em 0em 2em 0em;
        margin: 0;
        height: auto;
        text-align: center;
    }

    #footer-dir {
        text-align: center;
    }

    #footer-ver {
        text-align: center;
        margin-top: 2em;
    }

    .ftr-by {
        text-align: center;
        margin-top: 2em;
    }

    footer b {
        color: #999;
        font-weight: 400;
    }

    .portal-link {
        padding: 1em;
        /*border:solid 1px #ddd;*/
        background: #f9f9f9;
    }

    .portal-link span {
        padding-top: 10px;
        display: block;
    }

    .portal-link input {
        background-color: transparent;
        border: 0px solid;
    }

    .portal-link input[type=image]:focus {
        border: solid 3px #BF0022;
    }


    #tabela {
        overflow-x: scroll;
    }
}

/* PAGINACAO*/
.drn-barra-paginacao {}

.drn-barra-paginacao table {
    padding: 0;
    margin: 0;
    font-size: 13px;
    margin-top: 3px;
}

.drn-barra-paginacao span {
    font-size: 14px;
}

.drn-barra-paginacao tr td {
    display: inline;
    color: #999;
    margin: 0px;
    vertical-align: middle;
    padding: 0px 3px 0em 3px;
    border: none;
}

.drn-barra-paginacao tr td a {
    text-decoration: none;
    border: solid 1px #ccc;
    margin: 0px;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -70%;
}

.drn-barra-paginacao tr td a img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

a.drn-paginacao-btnPrimeira {
    width: auto;
    max-width: 100%;
    background: url("../../Images/bt-arrow-first-pag.png") no-repeat center center !important;
}

a.drn-paginacao-btnPrimeira:hover {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

a.drn-paginacao-btnAnterior {
    background: url("../../Images/bt-arrow-left-pag.png") no-repeat center center !important;
}

a.drn-paginacao-btnAnterior:hover {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

a.drn-paginacao-btnProxima {
    background: url("../../Images/bt-arrow-right-pag.png") no-repeat center center !important;
}

a.drn-paginacao-btnProxima:hover {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

a.drn-paginacao-btnUltima {
    background: url("../../Images/bt-arrow-last-pag.png") no-repeat center center !important;
}

a.drn-paginacao-btnUltima:hover {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

a.drn-paginacao-ir {
    vertical-align: -95% !important;
    border: none !important;
    background: url("../../Images/ico-bt-go.png") no-repeat center center !important;
    padding: 7px 17px 27px 20px !important;
}

a.drn-paginacao-ir:hover {
    background: url("../../Images/ico-bt-go-hover.png") no-repeat center center !important;
}

.drn-barra-paginacao input[type=text] {
    line-height: 1;
    height: auto;
    width: 50px !important;
    padding: 6px;
    font-size: 14px;
    /*font-family: 'Lato', sans-serif;*/
    vertical-align: middle;
    display: inline;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border: solid 1px #ccc;
    vertical-align: 0;
}

.drn-barra-paginacao table tr:hover {
    background-color: transparent !important;
    color: #fff !important;
}

/*.drn-barra-paginacao tr:hover .destaque{
        background-color:transparent;
        color:#fff;
    }*/


.drn-barra-paginacao td {
    background-color: transparent;
}

/* --------- FIM PAGINACAO -------------*/



input[type=text].drn-txt-50,
select.drn-txt-50 {
    width: 50% !important;
    margin-bottom: 3px;
}

input[type=text].drn-txt-80 {
    width: 80% !important;
    margin-bottom: 3px;
}

.drn-form-alinhaCampos span {
    color: #434651;
}

/*.drn-form-alinhaCampos {
  font-size: 14px;
}

.drn-form-alinhaCampos {
  padding-top: 0px !important;
  margin-top: -18px;
}*/

input.drn-txt-30 {
    width: 30% !important;
    margin-bottom: 3px;
}

input.drn-txt-20,
select.drn-txt-20 {
    width: 20% !important;
    margin-bottom: 3px;
}

table.cabecalho tr:hover {
    background: #fff !important;
}

table.flxmain_table td {
    border-bottom: solid 1px #fff;
}

span.destaque {
    font-size: 15px;
    margin-left: 0px;
    padding: 0.3em 10px;
    background: #999;
    color: #fff;
    border-radius: 3px;
}

.toolbarBradesco {
    height: auto;
    background: transparent;
    /*background-color: #f1f1f1;*/
    padding: 0;
    border-bottom: dotted 1px #ddd;
    border-top: dotted 1px #ddd;
}

.toolbarBradesco ul {
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.toolbarBradesco ul li {
    display: inline;
}

.toolbarBradesco ul li a {
    text-decoration: none;
    color: #BF0022;
    padding: 7px 1.2em;
}

.toolbarBradesco ul li a:hover {
    text-decoration: none;
    color: #016cd7 !important;
    background: #f4f4f4 !important;
    padding: 7px 1.2em;
}

.toolbarBradesco ul li:after {
    content: "|";
    color: #ccc;
}

.toolbarBradesco ul li:last-child:after {
    content: "";
}

.toolbarBradesco img {
    vertical-align: -25%;
}

.toolbarBradesco input[type=text],
.toolbar select {
    width: 180px;
    display: inline;
    margin-right: 1.2em;
    vertical-align: 5%;
    padding: 0.4em;
}

.toolbarBradesco span {
    padding-left: 7px;
}

.toolbarBradesco input[type=submit] {
    font-size: 14px;
}

.btn {
    border-radius: 8px;
}

.btn-primary {
    color: #fff;
    background-color: #5fba47;
    border-color: #5fba47;
}

.btn-primary:hover {
    color: #fff;
    background-color: #002855;
    border-color: #002855;
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #5fba47;
    border-color: #5fba47;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

a.btnSalvar:before {
    content: url("../images/ico-salvar.png");
    vertical-align: -30%;
}

a.btnSalvar:after {
    content: "Salvar";
    vertical-align: -10%;
    padding-left: 10px;
    color: #333;
}

a.btn {
    text-decoration: none;
    color: #003971;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px 3px 10px;
    margin: 1px 0px 0px 0px;
    display: table-cell;
    background: transparent !important;
    /*background: rgba(0,0,0,0.04);*/
}

a.btnExcluir:before {
    content: url("../../images/ico-excluir.png");
    vertical-align: -30%;
}


a.btnExcluir:after {
    content: "Excluir";
    vertical-align: -10%;
    padding-left: 10px;
    color: #333;
}

a.btn-excluir:before {
    height: 20px;
    width: 20px;
    content: url("../../Images/ico-excluir.png");
}

a.btn-liberar:before {
    height: 20px;
    width: 20px;
    content: url("../../Images/ico-checked.png");
}

a.btnDisable {
    color: #ccc;
    opacity: 0.3 !important;
}

fieldset a.btnLiberar:before {
    content: url("../../images/ico-check.png");
    vertical-align: -30%;
}

a.btnLiberar:after {
    content: "Liberar";
    vertical-align: -10%;
    padding-left: 10px;
    color: #333;
}

#politicaPrivacidade {
    overflow: auto;
}

#politicaPrivacidade p {
    color: #333;
    font-size: 13px;
}

.fade {
    background: rgba(0, 0, 0, 0.25);
    opacity: 0.25;
}

.modal h3 {
    font-size: 18px !important;
    font-weight: 300 !important;
    /*background: #ddd;*/
    /*background: linear-gradient(#e9e9e9, #ccc);*/
    border-bottom: none;
    padding: 15px 0 !important;
}

.selecao-bar h3 {
    color: #870820;
    font-weight: bold !important;
    padding: 10px !important;
}

.modal .lista li span {
    font-size: 13px !important;
    color: #4e4d52 !important;
}

.modal .lista {
    padding: 0px 0px 10px 0px;
}

.modal h5 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
}

.conteudo p input[type=text],
.conteudo p select {
    background: #003971 !important;
}

/* NOVO LAYOUT*/


.header {
    background-color: white;
    border-width: 1px 0;
    border-style: solid;
    border-color: #D2D4DA;
    top: 0;
    width: 100%;
    z-index: 9999;
    position: fixed;
}

a.header-logo {
    background: url(../../Images/logo_icatu.png) no-repeat center left;
    width: 145px;
    height: 38px;
    display: block;
}

header .user {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 60px 0;
    border-left: 1px solid #bcbdbe;
    float: right;
    height: 68px;
}

header .user a:hover,
header .user a:focus {
    text-decoration: none !important;
    color: #4e4d52;
}

header .user ul {
    background-color: white;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: none;
    left: -1px;
    padding: 15px 25px;
    position: absolute;
    top: 64px;
    width: 100%;
}

header .user ul.active {
    display: block;
}

header .user ul li {
    padding: 3px 0px;
    text-align: left;
}

header .user ul li a {
    padding: 5px 0px !important;
    text-align: left;
    text-decoration: none;
}

header .user i.icon-user {
    font-size: 1.5714285714285714em;
    left: 20px;
    top: 18px;
}

header .user i.icon-angle-down {
    right: 35px;
    top: 25px;
}

header .user i {
    color: #0152a4;
    position: absolute;
}

header .user strong,
header .user span {
    color: #4e4d52 !important;
}

.icon-user:before {
    content: url(../../Images/ico-user.png);
}

.icon-angle-down:before {
    content: url(../../Images/ico-angle-down.png);
}

header .user i {
    color: #0152a4;
    position: absolute;
}

header .user strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    display: block;
    margin-top: 15px;
    color: #4e4d52;
}

header .user span {
    font-size: 12px;
    font-weight: bold;
}

header .user li a {
    font-size: 14px;
    font-weight: normal;
    color: #337ab7;
    text-decoration: none;
}

.header .user li a:hover {
    color: #23527c;
    text-decoration: none;
}

header.header-cadastro .linkBradesco {
    float: right;
    color: #232325;
    margin: -25px 30px 0 0;
}

header.header-cadastro .linkBradesco:before {
    content: "<";
    color: #0152a4;
    margin-right: 3px;
}

header.header-cadastro+.bannerCadastroSenha {
    background: #f5f5f5;
    height: 245px;
    padding-top: 135px;
}

header.header-cadastro+.bannerCadastroSenha h1 {
    margin-bottom: 15px;
}

header.header-cadastro+.bannerCadastroSenha h2 {
    font-size: 1.2857142857142858em;
    font-weight: normal;
    text-align: center;
    color: #4e4d52;
}

.text-danger {
    color: #a94442 !important;
}

ul.list-unstyled {
    padding-left: 0;
    list-style: none;
}

div.main-content {
    height: 100%;
    position: absolute;
}

div.main {
    height: 100%;
}

.wrap-main {
    height: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
    float: left;
    padding-top: 66px;
    background: #f4f4f6;
}



nav.menu-primary {
    height: 100%;
    width: auto;
    padding: 0px;
}

.pageContent {
    width: 78%;
    height: auto;
    margin-left: 22%;
}

.content {
    width: 100%;
    padding: 0px;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

h1 {
    /*font-family: NewJuneBold, Arial, Tahoma, sans-serif;*/
}

.title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.mainTitle,
.contentBoxTitle {
    color: #4e4d52;
    font-weight: normal;
}

.mainTitle {
    font-size: 32px;
    /*font-family: "NewJuneMedium", sans-serif;*/
    padding: 0 0 10px;
    position: relative;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 40px;
}

.mainTitle:after {
    content: "";
    display: block;
    width: 65px;
    height: 3px;
    background: #c10b2e;
    position: absolute;
    left: 0%;
    bottom: 0;
}

.mainTitle-sm {
    font-size: 16px;
    padding: 0 0 10px;
    position: relative;
    font-weight: 400;
    margin-bottom: 10px;
}

.mainTitle-sm:after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background: #c10b2e;
    position: absolute;
    left: 0%;
    bottom: 0;
}

.mainTitle.mainTitleCenter {
    text-align: center;
}

.mainTitle.mainTitleCenter:after {
    left: 50%;
    margin-left: -32px;
}

.contentBoxTitle {
    padding: 20px 30px;
    border-bottom: 1px solid #d2d4da;
}


.panel {
    box-shadow: none;
}

.panel .panel-heading {
    background: #fff;
    border-bottom: 1px solid #d2d4da;
}

.panel .panel-heading .panel-title,
.panel-title>span {
    font-size: 20px;
}

.panel .panel-heading,
.panel .panel-footer {
    padding: 15px 30px;
}

.panel .panel-body {
    padding: 20px 19px 20px 20px;
}

.panel .panel-body.row {
    padding-left: 45px;
    padding-right: 45px;
}

.panel.panel-default {
    border-color: #d2d4da;
}

.panel-info {
    background: #FDF7E1 !important;
}

.panel.panel-default>.panel-heading {
    color: #4e4d52;
    background-color: #fff;
    border-color: #d2d4da;
}

.panel.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d2d4da;
}

.panel.panel-default>.panel-heading .badge {
    color: #fff;
    background-color: #4e4d52;
}

.panel.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d2d4da;
}

span.label {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.text-muted {
    color: #777;
}

.menu-item {
    background: #fff;
    border-radius: 5px;
    padding: 1px;
    border: 1px solid #cbcad0;
    width: 100%;
}

.menu-item a:hover {
    text-decoration: none;
    color: #000;
}

.menu-item header {
    height: auto;
    padding: 20px;
}

.menu-item header h4 {
    font-weight: bold;
    font-size: 15px;
    align-content: center;
    text-align: left;
}

span.menu-item-migalha {
    color: #0e85fe;
    font-size: 12px;
}

span.menu-item-migalha:after {
    content: ">";
    padding-left: 8px;
}

.menu-item-body {
    width: 100%;
    padding: 25px 0px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background: url(../../Images/bg-menu.png) repeat-x;
    display: block;
}

.menu-item footer {
    border-radius: 0 0 5px 5px;
    background: #f5f5f5;
    text-align: center;
    padding: 25px 20px;
    border-top: none !important;
}

.menu-item footer p {
    color: #0152a4;
    font-weight: bold;
}


input[type=button].menu-item-image:after {
    content: "Acessar";
}

body.layout-cadastro {
    background: #fff;
}

.content.cadastro {
    width: 750px;
    margin: 0 auto;
    padding-bottom: 70px;
}

.content.cadastro:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.cadastroContainer {
    float: left;
    width: 100%;
    /*padding-left: 30px;*/
}

.cadastroContainer .mainTitle {
    font-size: 1.4285714285714286em;
    margin-bottom: 30px;
}

.cadastroContainer .contentTab {
    display: none;
}

.cadastroContainer .contentTab:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.cadastroContainer .contentTab.dadosPessoais {
    display: block;
}

.cadastroContainer .contentTab header {
    border-bottom: 1px solid #d2d4da;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.cadastroContainer .contentTab .escolhaNavegacao nav {
    margin-top: 30px;
    text-align: center !important;
}

.navDados {
    padding-bottom: 50px;
}

.navDados>nav {
    float: left;
    width: 270px;
    min-height: 400px;
    border-right: 1px solid #d2d4da;
}

.navDados>nav ul {
    list-style: none;
    padding: 50px 0 0;
    margin: 0;
}

.navDados>nav a {
    font-size: 1.2142857142857142em;
    color: #4e4d52;
    font-weight: bold;
    display: block;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-decoration: none;
    outline: none;
}

.navDados>nav a span {
    font-weight: normal;
}

.navDados>nav a.current,
.navDados>nav a.current span {
    background: #eee;
}

.navDados>nav a.current span:before {
    content: "";
    width: 1000px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: -1000px;
    z-index: -1;
    background: inherit;
}

.navDados>nav a.current:before,
.navDados>nav a.current:after {
    content: "";
    display: block;
    border: 20px solid transparent;
    border-width: 10px 20px;
    position: absolute;
    right: -1px;
    top: 20px;
}

.navDados>nav a.current:before {
    top: 19px;
    border-width: 11px 22px;
    border-right-color: #d2d4da;
}

.navDados>nav a.current:after {
    border-right-color: #fff;
}

.navDados>nav a.completed {
    background: #fff;
}

.navDados>nav a.completed .icon-check {
    font-size: 1.1428571428571428em;
    color: #0e81ed;
    margin-left: 30px;
}

.foot-bar {
    background-color: #c10b2e;
    padding: 50px 0 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.foot-bar .foot-container {
    width: 850px;
    margin: 0 auto;
    overflow: hidden;
}

.foot-bar ul {
    color: white;
    float: left;
    list-style: none;
    width: 44%;
}

.foot-bar ul li {
    font-size: 1em;
    padding-bottom: 5px;
}

.foot-bar ul:first-of-type {
    width: 31%;
}

.foot-bar ul:last-of-type {
    width: 25%;
}

.foot-bar ul:first-of-type li {
    font-size: 1.0714285714285714em;
    /*font-family: 'newjune-regular',Arial,sans-serif;*/
}

.progressBar {
    margin: 0px 0px 50px 0px;
}

.progressBar span {
    display: block;
}

.progressBar>span {
    color: #4e4d52;
    margin-bottom: 5px;
}

.progressBar div {
    width: 100%;
    background: #f5f5f5;
}

.progressBar div,
.progressBar div span {
    height: 12px;
}

.progressBar div span {
    width: 0%;
    background: #0e85fe;
}

/* Menu */
.drn-menu {
    padding: 0px;
    font-family: "Open Sans", sans-serif;
}

.drn-menu ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 100%;
}

.drn-menu ul li a {}

.drn-menu ul li a:hover,
.drn-menu ul li a span:hover {
    background: #fff;
    color: #4e4d52;
    text-decoration: none;
}

.drn-sub-menu {
    background-color: #c10b2e;
    height: 100%;
    top: 66px;
    width: auto;
    display: block;
}

.drn-sub-menu ul {
    display: block;
    height: 100%;
    min-height: 100%;
    width: 100%;
    background-color: #c10b2e;
}

.drn-sub-menu ul li a {
    display: block;
    padding: 0;
}



.drn-sub-menu span {
    display: block;
    font-size: 1em;
    font-family: "Open Sans", sans-serif;
    background: url(../../Images/bt-arrow-right-sm.png) no-repeat left center;
}

.drn-sub-menu span:hover {
    background: url(../../Images/bt-arrow-right-sm-hv.png) no-repeat left center #fff !important;
    color: #870820 !important;
}

#ctl00_MenuParticipanteCobReg_PrevidenciaFechada span:before,
#ctl00_ctl00_MenuParticipanteCobReg_PrevidenciaFechada span:before,
#ctl00_ctl00_ctl00_MenuParticipanteCobReg_PrevidenciaFechada span:before,
.menuParticipanteCobReg span:before {
    content: url(../../Images/ico-menu-participante.png);
    vertical-align: -50%;
    padding-right: 15px;
}

#ctl00_MenuPatrocinadora_ConnectBank span:before,
#ctl00_ctl00_MenuPatrocinadora_ConnectBank span:before,
#ctl00_ctl00_ctl00_MenuPatrocinadora_ConnectBank span:before,
.menuPatrocinadora span:before {
    content: url(../../Images/ico-menu-patrocinadora.png);
    vertical-align: -50%;
    padding-right: 15px;
}

#ctl00_MenuParticipante_PrevidenciaFechada span:before,
#ctl00_ctl00_MenuParticipante_PrevidenciaFechada span:before,
#ctl00_ctl00_ctl00_MenuParticipante_PrevidenciaFechada span:before,
.menuParticipante span:before {
    content: url(../../Images/ico-menu-participante.png);
    vertical-align: -50%;
    padding-right: 15px;
}

#ctl00_MenuParticipante_PrevidenciaFechadaCobReg span:before,
#ctl00_ctl00_MenuParticipante_PrevidenciaFechadaCobReg span:before,
#ctl00_ctl00_ctl00_MenuParticipante_PrevidenciaFechadaCobReg span:before,
.menuParticipante span:before {
    content: url(../../Images/ico-menu-participante.png);
    vertical-align: -50%;
    padding-right: 15px;
}

#ctl00_MenuDocumentosUteis_DocumentosUteis span:before,
#ctl00_ctl00_MenuDocumentosUteis_DocumentosUteis span:before,
.menuDocumentosUteis span:before {
    content: url(../../Images/ico-menu-documentos.png);
    vertical-align: -50%;
    padding-right: 15px;
}

#ctl00_MenuGestaoUsuarios_GestaoUsuarios span:before,
#ctl00_ctl00_MenuGestaoUsuarios_GestaoUsuarios span:before,
.menuGestaoUsuarios span:before {
    content: url(../../Images/ico-menu-gestao-usuarios.png);
    vertical-align: -50%;
    padding-right: 15px;
}

.menuConfiguracao span:before {
    content: url(../../Images/ico-menu-configuration.png);
    vertical-align: -50%;
    padding-right: 15px;
}

.informacoesCadastrais #ctl00_ctl00_MainContent_MainContent_painelImpressao {
    width: 100%;
    float: inherit !important;
}

#ctl00_ctl00_MainContent_MainContent_painelImpressao {
    width: 100%;
    float: left;
}

#ctl00_ctl00_MainContent_MainContent_painelImpressao table {
    float: left;
    width: 97%;
}

a.drn-filtro-btnVoltar {
    color: #fff !important;
    background-color: #0e85fe !important;
    border: solid 1px #405aae !important;
    padding: 6px 12px 3px 12px !important;
    color: #fff;
    border-radius: 3px !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    float: right !important;
    height: auto !important;
    width: 150px !important;
    text-indent: inherit;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

a.drn-filtro-btnVoltar:hover {
    color: #fff;
    background-color: #016cd7 !important;
    border-color: #304381 !important;
    text-decoration: none;
}


a.drn-filtro-btnVoltar:after {
    content: url(../../Images/ico-btn-anterior.png);
    padding-left: 5px;
    vertical-align: -25%;
    /*opacity: 0.4;
     filter: alpha(opacity=40);*/
}


.home {
    padding: 100px 50px;
    width: 100%;
    height: auto;
    min-height: 610px;
    background-image: url(../../Images/para-voce_fundo_pensao_v4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 610px;
    background-position: top center;
}



/*.connect-content {
    min-height: 690px !important;
}*/

.selecao-content {
    min-height: 915px !important;
}

.clubeVantagens {
    width: 100%;
    height: auto;
    min-height: 160px;
    float: left;
    background: #f4f4f6;
    padding: 0px 0px 10px 0px;
}


.clubeVantagens-img {
    width: 20%;
    height: 160px;
    background-image: url(../../Images/img_clube_de_vantagens.png);
    background-repeat: no-repeat;
    background-size: 85% 85%;
    background-position: center center;
    float: left;
}

a.GrdSelecao,
a.GrdHeader {
    color: #003971 !important;
    text-decoration: none;
    /*font-family: "NewJuneMedium", Arial, Tahoma, sans-serif;*/
}

.clubeVantagens-desc {
    width: 80%;
    max-width: 100%;
    height: auto;
    float: left;
    padding: 35px 30px 0px 30px;
}

.clubeVantagens-desc p {
    color: #393a40;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    width: auto;
    line-height: 28px;
}

.clubeVantagens-desc p span {
    font-size: 30px;
    color: #1a71b6;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.clubeVantagens-desc a {
    color: #bc4747;
    text-align: right;
    float: right;
    margin: 15px;
    font-size: 16px;
    /*font-family: "NewJuneRegular";*/
}

.clubeVantagens-desc a:before {
    content: url(../../Images/arrow-right-clube.png);
    padding-right: 5px;
    vertical-align: -5%;
}

.clubeVantagens-desc a:before {
    content: url(../../Images/arrow-right-clube.png);
    padding-right: 10px;
    vertical-align: -5%;
}

.home h1 {
    color: #fff;
    font-size: 55px;
    text-shadow: 1px 1px 2px #111;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.home h1:after {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    background: #c10b2e;
    left: 50%;
    bottom: 0;
    margin-top: 10px;
}

.home p {
    color: #fff;
    font-size: 22px;
    text-shadow: 1px 1px 2px #111;
    margin: 20px 0px 60px;
}

.home a {
    padding: 10px 15px 10px 20px;
    background-color: #c10b2e;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    border-radius: 3px;
}

.home a:hover {
    text-decoration: none;
    background: #870820;
}

.home a:after {
    content: url("../../Images/arrow-right-btn.png");
    vertical-align: -16%;
    padding-left: 5px;
}


/* BOTÕES */
input[type=submit] {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 12px 6px 12px;
    background-color: #002855;
    border: solid 1px #405aae;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

div.btn-novapagina {
    float: right;
    width: 100%;
    display: block;
    padding: 0px 0px 15px 0px;
    text-align: right;
    border-bottom: solid 1px #ddd;
}

a.btn-novapagina:before {
    content: url(../../Images/ico-novapagina.png);
    vertical-align: -25%;
}

a.btn-novapagina:after {
    content: "Inserir Nova Página";
    padding-left: 5px;
    color: #0152a4;
}

a.btn-disabled {
    background-color: #67ABE9 !important;
    border: solid 1px #3699F3 !important;
    color: #C2E0FC !important;
    cursor: default !important;
}

a.btn-disabled:after {
    content: url(../../Images/ico-btn-aplicar-disable.png) !important;
    vertical-align: -25%;
    padding-left: 10px;
}


a.btn-primario-sm {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 12px 2px 12px;
    background-color: #002855;
    border: solid 1px #405aae;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
}


a.btn-primario-sm:hover,
input[type=submit]:hover {
    background-color: #002855;
    text-decoration: none;
}

a.btn-primario-sm:after {
    content: url(../../Images/ico-btn-aplicar.png);
    vertical-align: -25%;
    padding-left: 10px;
}

.btn-primario {
    float: right;
    padding: 0px;
}

a.btn-primario-lg {
    height: 55px;
    padding: 2px 30px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    border-color: #405aae;
    background-color: #0E81ED;
    font-family: "Open Sans", sans-serif;
}

a.btn-primario-lg:visited,
a.btn-primario-lg:link,
a.btn-primario-lg:active,
a.btn-secundario-lg:visited,
a.btn-secundario-lg:link,
a.btn-secundario-lg:active,
a.btn-pesquisar-lg:visited,
a.btn-pesquisar-lg:link,
a.btn-pesquisar-lg:active,
.mensagem-btnVoltar a:active,
.mensagem-btnLogin a {
    text-decoration: none;
}

a.btn-pesquisar-lg:active {
    background-color: #e8e9ec !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

a.btn-secundario-lg:active {
    background-color: #e8e9ec !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

a.btn-primario-lg:hover {
    background-color: #339CFF;
    text-decoration: none;
}

a.btn-primario-lg:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

a.btn-primario-lg:after {
    content: url(../../Images/ico-btn-aplicar.png);
    vertical-align: -10%;
    padding-left: 10px;
}

a.lnk-visualizar:hover {
    text-decoration: none;
    color: #016cd7 !important;
}

a.lnk-visualizar:before {
    content: url(../../Images/ico-visualizar.png);
    vertical-align: -15%;
    padding-right: 5px;
}

a.lnk-visualizar:hover:before {
    content: url(../../Images/ico-visualizar-hover.png);
}

a.lnk-visualizar-desativado {
    text-decoration: none;
    color: #a9a9a9 !important;
    cursor: default !important;
}

a.lnk-visualizar-desativado:hover {
    text-decoration: none;
    color: #a9a9a9 !important;
}

a.lnk-visualizar-desativado:before {
    content: url(../../Images/ico-visualizar.png);
    vertical-align: -15%;
    padding-right: 5px;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

a.lnk-visualizar-desativado:hover:before {
    content: url(../../Images/ico-visualizar-hover.png);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


a.btn-pesquisar:before {
    content: "Pesquisar";
    font-family: "Open Sans", sans-serif;
}

a.btn-incluir:before {
    content: "Incluir";
    font-family: "Open Sans", sans-serif;
}

.btn-pesquisar {
    float: left;
    padding: 0px 0px;
}

a.btn-pesquisar-lg {
    height: 32px;
    padding: 2px 30% 3px;
    line-height: 34px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    color: #00539F;
    background-color: #f4f4f6;
    border-color: #bcbcc8;
    /*margin-right: 10px;*/
    font-family: "Open Sans", sans-serif;
}

a.btn-pesquisar-lg:hover,
.login-td .mensagem-btnVoltar a:hover {
    background-color: #fafafc !important;
    text-decoration: none !important;
}


.btn-secundario {
    float: left;
    padding: 0px 0px;
}

a.btn-secundario-lg {
    height: 55px;
    padding: 2px 30px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    color: #00539F;
    background-color: #f4f4f6;
    border-color: #bcbcc8;
    margin-right: 10px;
    font-family: "Open Sans", sans-serif;
}

a.btn-secundario-lg:hover,
.login-td .mensagem-btnVoltar a:hover {
    background-color: #fafafc !important;
    text-decoration: none !important;
}

.btnSelecao {
    margin: 15px 0px 0px 0px;
    cursor: pointer;
    text-align: right !important;
}

.btnSelecao a {
    text-decoration: none;
    color: #003971;
    padding: 11px 11px 7px 11px;
    border: solid 1px #ddd;
    cursor: pointer;
}

.btnSelecao a img {
    vertical-align: -30%;
    padding-right: 5px;
}

.btnSelecao a:hover {
    text-decoration: none;
    color: #BA1B2B;
    background: #e9e9e9;
}

.btnIco {
    margin-top: 16px;
}

a.btnPesquisar {
    background: #ddd;
    height: 20px;
    width: 80px;
    display: block;
}

.btnSelecionar {
    cursor: pointer;
    float: left;
}

a.btnSelecionar {
    width: 100px;
    height: 20px;
    background: #800016;
}

a.btnSelecionar:before {
    content: "Pesquisar";
}

a.btn:hover {
    text-decoration: none;
    color: #BA1B2B !important;
    /*background: rgba(0,0,0,0.07);*/
}

a.btn span {
    padding-left: 5px;
}

a.btnCalendario:before {
    content: url("../../Images/ico-calendario.png");
    vertical-align: -50%;
    padding: 4px !important;
}

.botao {
    padding-top: 0.5em;
    padding-right: 15px;
    text-align: center;
    margin: 0 auto;
    float: left;
}

.botao-continuar {
    width: auto;
    padding-top: 0.5em;
    float: right;
}

.botao-visualizar {
    float: right;
    width: 100%;
    display: block;
}

.botao-visualizar a.drn-filtro-btnAplicar {
    width: 150px !important;
    cursor: pointer;
}

.botao-visualizar a.drn-filtro-btnVoltar {
    width: 150px !important;
    cursor: pointer;
}

.botao-visualizar a.drn-filtro-btnDetalhar {
    width: 150px !important;
    cursor: pointer;
}


a.botao-anterior:hover {
    background: #D11230;
    border-bottom: solid 2px #BF4D00;
    padding: 1.2em;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    /*-webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;*/
}

a.botao-anterior:hover:before {
    content: url(../../Images/ico-bt-anterior-hov.png);
}

a.botao-voltar {
    padding: 0.6em 1.2em;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 0;
}

a.botao-pag-inicial {
    width: 200px !important;
    background-color: #f5f5f5;
    border: solid 1px #a5aab6;
    color: #0152a4 !important;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    display: block;
}



a.botao-alt-participante {
    width: auto !important;
    background-color: #f5f5f5;
    border: solid 1px #a5aab6;
    color: #0152a4 !important;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    display: block;
}

a.botao,
a.botao-continuar {
    width: 150px !important;
    background-color: #f5f5f5;
    border: solid 1px #a5aab6;
    color: #0152a4 !important;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


a.botao-continuar:hover,
a.botao:hover,
a.botao-pag-inicial:hover {
    color: #0152a4;
    background-color: #dcdcdc;
    border: solid 1px #838a9b;
    text-decoration: none !important;
}

a.botao-detalharDependentes {
    width: 400px !important;
    background-color: #f5f5f5;
    border: solid 1px #a5aab6;
    color: #0152a4 !important;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


a.botao-detalharDependentes:hover,
a.botao:hover,
a.botao-pag-inicial:hover {
    color: #0152a4;
    background-color: #dcdcdc;
    border: solid 1px #838a9b;
    text-decoration: none !important;
}


a.botao-proximo,
a.botao-anterior {
    background: #800016;
    border-bottom: solid 2px #AB0020;
    padding: 1.2em;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 0;
    /*-webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;*/
}

a.botao-proximo:after {
    content: url(../../Images/ico-bt-proximo-hov.png);
    vertical-align: -40%;
    padding-left: 1em;
}

a.botao-proximo:hover {
    background: #D11230;
    border-bottom: solid 2px #BF4D00;
    padding: 1.2em;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    /*-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;*/
}

a.botao-proximo:hover:after {
    content: url(../../Images/ico-bt-proximo-hov.png);
}


.botao-filtro {
    margin-top: 10px;
    padding-top: 0.5em;
    text-align: right;
}

a.botao-limpar {
    background: #fff;
    border: solid 1px #999;
    padding: 0.5em 1.2em;
    color: #002040;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 1em;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

a.botao-aplicar {
    background: #800016;
    border: solid 1px #AB0020;
    padding: 0.5em 2.5em;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 1em;
    /*-webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;F
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;*/
}

a.botao-limpar:hover,
a.botao-aplicar:hover {
    background: #D11230;
    border: solid 1px #D11230;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    /*-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;*/
}

a.botao-filtro:after {
    margin-left: 10px;
}

/* SIDEBAR */
.asidewrap {
    width: 22%;
    position: absolute;
    top: 0;
    bottom: 0px;
    background-color: #c10b2e;
    padding-top: 66px;
}

.asidewrap aside {
    float: left;
    width: 100%;
    position: relative;
    background-color: #c10b2e;
}

.sidebar {
    width: 100%;
    height: auto;
    float: left;
}

.sidebar p {
    padding: 5px 0px;
}

.sidebar span {
    font-size: 13px !important;
    font-weight: normal;
}

.sidebar .central span {
    display: block;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
}

.sidebar .central .contato-sm {
    font-size: 13px !important;
    font-weight: normal;
}

.sidebar .central span.contato-nm {
    font-size: 15px !important;
    font-weight: bold;
}

.sidebar span.contato-lg {
    font-size: 18px !important;
    font-weight: normal;
}

.sidebar .ip:before {
    content: "";
    display: block;
    width: 13px;
    height: 2px;
    background: #fff;
    left: 50%;
    bottom: 0;
    margin-top: 10px;
}

.sidebar .ip {
    padding-top: 30px;
}

.sidebar .ip p {
    font-size: 13px !important;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    padding: 2px 0px !important;
    font-family: "Open Sans", sans-serif;
}


/* INFORMAÇÕES */
.info-alerta {
    margin-top: 60px;
}

.info-alerta-ico {
    width: 15%;
    height: 80px;
    background: url(../../Images/ico-msg-alerta.png) no-repeat top center;
    float: left;
}

.info-alerta-desc {
    min-width: 540px;
    width: 83%;
    float: left;
    display: inline-block;
    padding-left: 2%;
}

.info-alerta-desc h5 {
    color: #444 !important;
}

.info-alerta-desc p {
    font-size: 13px;
    color: #444;
    line-height: 20px;
}

/* MENSAGENS (ERRO/ALERTA/SUCESSO) */
div.posicao-erro {
    width: 60%;
    margin-left: 20%;
}

.mensagem-content {
    padding: 30px 0px;
}

div.mensagem-ico {
    height: 120px;
    width: auto;
    display: block;
    text-align: center;
}

div.ico-erro {
    background: url(../../Images/ico-msg-erro.png) no-repeat center center;
}

div.ico-erro-inv {
    background: url(../../Images/ico-msg-erro-inv.png) no-repeat center center;
}

div.ico-alerta {
    background: url(../../Images/ico-msg-alerta.png) no-repeat center center;
}

div.ico-alerta-inv {
    background: url(../../Images/ico-msg-alerta-inv.png) no-repeat center center;
}

div.ico-sucesso {
    background: url(../../Images/ico-msg-sucesso.png) no-repeat center center;
}

div.ico-sucesso-inv {
    background: url(../../Images/ico-msg-sucesso-inv.png) no-repeat center center;
}


.login-main-erro p.mensagem-titulo span {
    font-size: 36px !important;
    padding: 10px 0px 30px 0px;
    color: #fff;
    display: block;
    font-family: 'Montserrat', sans-serif;
}

.login-main-erro .mensagem-desc p span {
    text-align: center;
    font-weight: normal;
    display: block;
    color: #fff;
    font-size: 16px;
}

.mensagem-desc .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}


.mensagem-desc p span {
    text-align: center;
    font-weight: normal;
    display: block;
    color: #888;
    font-size: 16px;
}

p.mensagem-titulo span {
    font-size: 36px !important;
    padding: 10px 0px 15px 0px;
    color: #4e4d52;
    display: block;
}

.mensagem-content footer p {
    color: #4e4d52;
    font-size: 16px;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
}

.mensagem-btnLogin {
    padding: 0px 0px;
    text-align: center;
}

.mensagem-btnVoltar {
    padding: 40px 0px;
    text-align: center;
}

.mensagem-btnVoltar a,
.mensagem-btnLogin a {
    height: 55px;
    padding: 2px 30px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    color: #00539F;
    background-color: #f4f4f6 !important;
    border-color: #bcbcc8;
    margin-right: 10px;
    font-family: "Open Sans", sans-serif;
}

/*.mensagem-btnVoltar a:hover {
            color: #0152a4;
            background-color: #dcdcdc;
            border: solid 1px #838a9b;
            text-decoration: none !important;
        }*/

/* LOGIN */



/* PAGINAÇÃO (padrão TD) */
.paginacao-td {
    border-top: solid 2px #4e4d52;
    padding: 5px 0px;
    margin: 0px 0px 20px 0px;
    display: block;
    width: 100%;
    float: left;
}


.paginacao ul {
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.paginacao-td ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 5px;
    margin: 0;
    vertical-align: middle;
}

.paginacao-td li span {
    color: #4e4d52 !important;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
}

.paginacao-td ul li input {
    max-width: 45px !important;
    width: 45px !important;
    min-width: 20px !important;
    height: 22px !important;
    padding: 0px 6px !important;
    font-size: 12px !important;
    text-align: center !important;
    border-radius: 2px !important;
    font-weight: normal;
}

.paginacao-td ul li.li-arrow {
    padding: 3px !important;
    float: right !important;
}

.paginacao-td ul li a.arrow-left {
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    background: url(../../Images/arrow-left.png) no-repeat center center !important;
    padding: 3px !important;
    right: 20px;
    position: relative;
}

.paginacao-td ul li a.arrow-right {
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    background: url(../../Images/arrow-right.png) no-repeat center center !important;
    padding: 3px !important;
    left: 30px;
    position: relative;
}



/* SELEÇÃO DE PLANO */
.selecao-plano span {
    display: inherit;
    float: right;
    padding: 9px 8px 0px 0px;
    font-weight: bold;
}

.selecao-plano select {
    width: 350px !important;
    float: right;
    border: solid 1px #e9e9e9;
    padding-right: 0px;
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right linear-gradient(#F9F9F9, #EFEFEF) !important;
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right !important;
    /* fallback */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF)) !important;
    ;
    /* Saf4+, Chrome */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, -webkit-linear-gradient(top, #fff, #EFEFEF) !important;
    /* Chrome 10+, Saf5.1+ */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, -moz-linear-gradient(top, #fff, #EFEFEF) !important;
    /* FF3.6+ */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, -ms-linear-gradient(top, #fff, #EFEFEF) !important;
    /* IE10 */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, -o-linear-gradient(top, #fff, #EFEFEF) !important;
    /* Opera 11.10+ */
    background: url(../../Images/ico-arrowdown-cmb.png) no-repeat right, linear-gradient(top, #fff, #EFEFEF) !important;
    /* W3C */
}

.selecao-plano-label,
.selecao-plano-field {
    float: right;
}


/* LOGIN (PADRÃO TD)*/

.combo-perguntas {
    display: block;
    width: 100%;
    height: 54px !important;
    padding: 15px 5px 15px 24px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555 !important;
    background: url(../../Images/ico-arrowdown-cmb-2.png) no-repeat right #fff;
    border: 1px solid #1e2e66;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body.login-td {
    /* background-color: #005db3; */
    color: #002855;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4285;
}

.login-td h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    line-height: 1.6;
    text-align: center;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    margin-bottom: 15px;
    font-weight: 400 !important;
    /* margin-left: 55px; */
}


.login-td .form-group {
    margin-bottom: 15px;
}

.login-td .form-box {
    padding: 0px 70px;
}

a {
    color: #fff;
    font-size: 13px;
}

.login-td {
    color: #002855 !important;
    font-size: 14px;
    font-weight: 600;
}

.login-td .mensagem-btnVoltar a {
    color: #0152a4 !important;
}

.login-td .mensagem-btnVoltar a:hover {
    color: #0152a4 !important;
}

.login-main a {
    /* text-decoration: underline !important; */
}

body.login-td .modal a {
    color: #fff !important;
    text-decoration: none !important;
}

.login-td a:hover {
    color: #5fba47 !important;
    /* text-decoration: underline !important; */
    cursor: pointer;
}

.login-td .btn-header a {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.form-control {
    border-radius: 8px;
}

.login-td input {


    height: 38px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 1.42857;
    border: 1px solid #1e2e66;
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.login-td input[readonly=readonly],
.login-td input[disabled=disabled] {
    background-color: #ccc !important;
    color: #777 !important;
}

footer.login-td span {
    font-size: 17px !important;
    color: #fff;
}

footer.login-td a {
    text-decoration: underline !important;
    font-size: 17px !important;
}

input[type=text]:-webkit-autofill,
input[type=password]:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

a.btn-login-erro {
    height: 55px;
    padding: 2px 20px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF !important;
    font-weight: 700;
    border-color: #99000f;
    background-color: #002855 !important;
    font-size: 16px;
    border-top: solid 1px #f74467;
    text-decoration: none !important;
}

a.btn-login {
    height: 55px;
    padding: 2px 20px 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF !important;
    font-weight: 700;
    border-color: #99000f;
    background-color: #002855;
    float: right;
    font-size: 16px;
    border-top: solid 1px #f74467;
    text-decoration: none !important;
}

a.btn-login:after,
a.btn-login-erro:after {
    content: url(img/ico-btn-right-red.png);
    vertical-align: -10%;
    padding-left: 10px;
}

a.btn-login:hover,
a.btn-login:active,
a.btn-login:visited,
a.btn-login-erro:hover,
a.btn-login-erro:active,
a.btn-login-erro:visited {
    background: #002855;
    color: #fff !important;
    text-decoration: none !important;
}

.login-td header {
    background-color: #efefef;
    border-width: 1px 0;
    border-style: solid;
    border-color: #D2D4DA;
    padding: 0px;
    width: 100% !important;
    z-index: 20;
    display: block;
    height: 100px;
    margin-bottom: 60px;
    margin-top: -30px;
}

.main-header {
    width: 100%;
    float: left;
}

.login-td-logo {
    height: 68px;
    width: 25%;
    padding: 35px 0px;
    text-align: left;
}

.text-right {
    float: right;
    width: 75%;
    text-align: right !important;
    margin-top: -47px;
    display: block;
    font-size: 16px;
}

.text-right a {
    color: #555 !important;
}

.text-right a:before {
    content: url(img/btn-login-arrow-right.png);
    vertical-align: -12%;
    padding-right: 10px;
}

.text-right a:hover {
    color: #000 !important;
    text-decoration: none !;
}

.login-td .info-small {
    padding: 0px 50px 20px 50px;
}

.login-td .info-small p {
    font-size: 16px !important;
    margin-bottom: 10px;
}

.primeiro-acesso {
    border-top: 1px solid #1b6eba !important;
    padding-top: 30px;
    padding-bottom: 30px;
}

.primeiro-acesso span {
    font-size: 16px;
    font-weight: 400;
}


.primeiro-acesso a {
    font-size: 16px;
    font-weight: 400;
}


.login-td footer {
    background-color: #efefef;
    border-width: 1px 0;
    border-style: solid;
    border-color: #D2D4DA;
    padding: 0px;
    width: 100% !important;
    z-index: 20;
    display: block;
    height: 50px;
    margin-bottom: 60px;
    margin-top: -30px;
}

.login-td footer h5 {
    padding: 30px 0px;
    font-size: 20px;
}

.login-td footer p {
    padding: 15px 0px;
}

.login-td .central span {
    display: block;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
}

.login-td .central .contato-sm {
    font-size: 16px !important;
}

.login-td .central span.contato-nm {
    font-size: 16px !important;
    font-weight: 700;
}

.login-td .central span.contato-lg {
    font-size: 16px !important;
    font-weight: 400;
}


.form-group {
    width: 90% !important;
    margin-left: 5% !important;
}

td.headcol {
    position: absolute !important;
    border-right: 0px none black;
    margin-left: 0;
    margin-top: 0px;
}


/* POPUP Documentos Úteis*/
.fade-popup {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 8888;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=10);
}

.popup .mainTitle {
    font-size: 32px;
    /*font-family: "NewJuneMedium", sans-serif;*/
    padding: 0 0 10px;
    position: relative;
    font-weight: 400;
    margin: 0;
}

.popup .mainTitle:after {
    content: "";
    display: block;
    width: 65px;
    height: 3px;
    background: #c10b2e;
    position: absolute;
    left: 0%;
    bottom: 0;
}

.popup .mainTitle.mainTitleCenter {
    text-align: center;
}

.popup .mainTitle.mainTitleCenter:after {
    left: 50%;
    margin-left: -32px;
}

.popup p {
    text-align: center;
    padding: 30px 0px;
    font-size: 18px;
}

.popup a.fechar {
    position: relative;
    top: 0;
    left: 0;
    float: right;
    height: 32px;
    width: 32px;
    margin: 10px 10px 0px 0px;
    background: url(../../Images/btn-fechar-popup.png) no-repeat center center;
}

.popup .btn-primario,
.popup .btn-secundario .btn-pesquisar {
    text-align: center !important;
    float: none;
    padding-bottom: 30px;
}

.popup .btn-primario a.btn-primario-lg,
.popup .btn-secundario a.btn-secundario-lg .btn-pesquisar .btn-pesquisar-lg {
    margin: 0px 10px;
}

.tblEditarDocumentos tr:hover,
.tblConsultarUsuario tr:hover {
    background: #fff;
}

/*.tblEditarDocumentos tr:hover td:first-child, .tblConsultarUsuario tr:hover td:first-child {
        border-left: 3px solid #fff;
    }*/

.DTFC_LeftHeadWrapper th.td-60,
th.td-60,
.DTFC_LeftBodyWrapper td.td-60,
td.td-60 {
    width: 60px !important;
    max-width: 60px !important;
}

.DTFC_LeftHeadWrapper th.td-70,
th.td-70,
.DTFC_LeftBodyWrapper td.td-70,
td.td-70 {
    width: 70px !important;
    max-width: 70px !important;
}

.DTFC_LeftHeadWrapper th.td-80,
th.td-80,
.DTFC_LeftBodyWrapper td.td-80,
td.td-80 {
    width: 80px !important;
    max-width: 80px !important;
}

.DTFC_LeftHeadWrapper th.td-100,
th.td-100,
.DTFC_LeftBodyWrapper td.td-100,
td.td-100 {
    width: 100px !important;
    max-width: 100px !important;
}

.DTFC_LeftHeadWrapper th.td-120,
th.td-120,
.DTFC_LeftBodyWrapper td.td-120,
td.td-120 {
    width: 120px !important;
    max-width: 120px !important;
}

.DTFC_LeftHeadWrapper th.td-130,
th.td-130,
.DTFC_LeftBodyWrapper td.td-130,
td.td-130 {
    width: 130px !important;
    max-width: 130px !important;
}

.DTFC_LeftHeadWrapper th.td-150,
th.td-150,
.DTFC_LeftBodyWrapper td.td-150,
td.td-150 {
    width: 150px !important;
    max-width: 150px !important;
}

.DTFC_LeftHeadWrapper th.td-170,
th.td-170,
.DTFC_LeftBodyWrapper td.td-170,
td.td-170 {
    width: 170px !important;
    max-width: 170px !important;
}

.DTFC_LeftHeadWrapper th.td-120,
th.td-120,
.DTFC_LeftBodyWrapper td.td-120,
td.td-120 {
    width: 120px !important;
    max-width: 120px !important;
}

.DTFC_LeftHeadWrapper th.td-150,
th.td-150,
.DTFC_LeftBodyWrapper td.td-150,
td.td-150 {
    width: 150px !important;
    max-width: 150px !important;
}

.DTFC_LeftHeadWrapper th.td-200,
th.td-200,
.DTFC_LeftBodyWrapper td.td-200,
td.td-200 {
    width: 200px !important;
    max-width: 200px !important;
}

.DTFC_LeftHeadWrapper th.td-220,
th.td-220,
.DTFC_LeftBodyWrapper td.td-220,
td.td-220 {
    width: 220px !important;
    max-width: 220px !important;
}

.DTFC_LeftHeadWrapper th.td-300,
th.td-300,
.DTFC_LeftBodyWrapper td.td-300,
td.td-300 {
    width: 300px !important;
    max-width: 300px !important;
}

.tipso_style {
    cursor: default !important;
}

.fixed {
    position: fixed;
}


.form-group .button-fake {
    width: 45%;
    height: 50px;
    display: inline-block;
    border: 1px solid #bcbcc8;
    line-height: 48px;
    text-decoration: none !important;
    background-color: #f4f4f6;
    color: #005db3 !important;
    font-weight: 700 !important;
    cursor: pointer;
    outline: none;
    margin-bottom: 20px;
    margin-right: 2px;
    font-size: 16px;
}

.form-group .button-fake:hover,
.form-group .button-fake.current {
    background-color: #bcbcc8 !important;
    text-decoration: none !important;
    color: #005db3 !important;
}

.form-group .radius-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: -2px;
}

.form-group .radius-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -3px;
}

.mod_button>.button.blue {
    width: 100%;
    height: 55px;
    padding: 2px 0 3px;
    line-height: 51px;
    position: relative;
    border-radius: 2px;
    border-width: 1px;
    display: inline-block;
    border-style: solid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFF !important;
    font-weight: 700;
    border-color: #001d6c;
    background-color: #0E81ED;
    text-decoration: none !important;
    font-size: 16px;
}

.buttons .mod_button .button.active,
.buttons .mod_button .button.active:hover {
    background: #07447d;
}

.mod_button>.button.blue:hover {
    background-color: #339CFF;
}


.panel-logo .panel:last-child {
    margin-bottom: 0px;
    width: 100%;
}

.panel-logo:before {
    content: url(../../Images/logo_icatu.png);
    float: left;
}

.panel-logo h1.title {
    padding-top: 50px;
    margin-top: 5px;
    margin-bottom: 10px;
}

a.dr-ativo,
a.dr-ativo span {
    background: #f1f1f1;
}

a.dr-ativo span {
    color: #c10b2e;
    background: url(../../Images/bt-arrow-right-sm-hv.png) no-repeat left center #f1f1f1 !important;
}

.linkDesativar {}

.conteudo-menu {
    width: 100%;
    background: #f4f4f6;
    float: left;
}

.conteudo-menu.principal {
    min-height: 800px;
    height: auto;
}

.conteudo-menu.participante {
    min-height: 930px;
    height: auto;
}

.conteudo-menu.patrocinadora,
.conteudo-menu.documentos {
    min-height: 760px;
    height: auto;
}

.conteudo-menu.usuarios {
    min-height: 720px;
    height: auto;
}


.conteudo-menu .home {
    background-size: 100% 100% !important;
    height: auto;
}


/* step grid */
.step-grid {}

.step-grid .section {
    margin: 0px 0px 20px 0px;
    padding: 0px 20px 20px 20px;
    position: relative;
    z-index: 1009;
}

.step-grid .step-grid-bar {
    background: #e4e4e4;
    height: 5px;
    width: 100%;
    position: relative;
    top: 23px;
    text-align: center;
    z-index: 999;
}

span.step-active {
    height: 40px;
    width: 40px;
    border: solid 3px #f4f4f6;
    font-weight: bold;
    border-radius: 40px;
    background: #1E6FCE;
    padding: 10px 10px 10px 9px;
    display: inline-block;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

span.step-inactive {
    height: 40px;
    width: 40px;
    border: solid 3px #f4f4f6;
    border-radius: 40px;
    background: #d4d4d6;
    padding: 10px 10px 10px 11px;
    display: inline-block;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

span.step-ok {
    height: 40px;
    width: 40px;
    border: solid 3px #f4f4f6;
    font-weight: bold;
    border-radius: 40px;
    background: #28a100;
    padding: 10px 10px 10px 9px;
    display: inline-block;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

span.step-ok:after {
    content: url(../../Images/ico-check.png);
}


a.link-upload,
a.link-print,
a.link-calc {
    color: #0152a4;
}

a.link-upload:before {
    content: url(../../Images/ico-upload.png);
    margin-right: 10px;
    vertical-align: -25%;
}


a.link-print:before {
    content: url(../../Images/ico-imprimir-azul.png);
    margin-right: 10px;
    vertical-align: -25%;
}

a.link-calc:before {
    content: url(../../Images/ico-calc.png);
    margin-right: 10px;
    vertical-align: -25%;
}



@media only screen and (min-height: 500px) {
    .conteudo-menu .home {
        min-height: 400px;
    }
}

@media only screen and (min-height: 650px) {
    .conteudo-menu .home {
        min-height: 420px;
    }
}

@media only screen and (min-height: 670px) {
    .conteudo-menu .home {
        min-height: 440px;
    }
}

@media only screen and (min-height: 758px) {
    .conteudo-menu .home {
        min-height: 530px;
    }
}

@media only screen and (min-width: 1410px) and (min-height: 630px) {
    .conteudo-menu .home {
        min-height: 530px;
    }
}

@media only screen and (min-width: 1410px) and (min-height: 780px) {
    .conteudo-menu .home {
        min-height: 550px;
    }
}

@media only screen and (min-width: 1410px) and (min-height: 800px) {
    .conteudo-menu .home {
        min-height: 570px;
    }
}

@media only screen and (min-width: 1410px) and (min-height: 890px) {
    .conteudo-menu .home {
        min-height: 660px;
    }
}

@media only screen and (min-width: 1890px) and (min-height: 810px) {
    .conteudo-menu .home {
        min-height: 710px;
    }
}

@media only screen and (min-width: 1890px) and (min-height: 960px) {
    .conteudo-menu .home {
        min-height: 730px;
    }
}

@media only screen and (min-width: 1890px) and (min-height: 980px) {
    .conteudo-menu .home {
        min-height: 750px;
    }
}

@media only screen and (min-width: 1890px) and (min-height: 1070px) {
    .conteudo-menu .home {
        min-height: 840px;
    }
}