From css_sty, 9 Months ago, written in Plain Text.
This paste will perish in 1 Month.
Embed
  1. @charset "UTF-8";
  2. /*imports*/
  3. /*backgrounds*/
  4. /*backgrounds-tabela*/
  5. /*backgrounds-checks+labels*/
  6. /*backgrounds-sub-menu*/
  7. /*backgrounds-btns*/
  8. /*backgrounds-nav-tabs*/
  9. /*backgrounds-datepicker*/
  10. /*backgrounds-popover*/
  11. /*Cores*/
  12. /*cores títulos e links*/
  13. /* Breadcrumb etapas */
  14. /*titulos e fontes*/
  15. /*cor família fundos*/
  16. /*cursor pointer*/
  17. /*paddings e margins*/
  18. /*shadow box*/
  19. /*botoes*/
  20. /*media queries*/
  21. @font-face {
  22.   font-family: 'RobotoLight_0';
  23.   src: url("../fonts/roboto/RobotoLight_0.eot");
  24.   src: url("../fonts/roboto/RobotoLight_0.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoLight_0.woff2") format("woff2"), url("../fonts/roboto/RobotoLight_0.woff") format("woff"), url("../fonts/roboto/RobotoLight_0.ttf") format("truetype"), url("../fonts/roboto/RobotoLight_0.svg#RobotoLight_0") format("svg"); }
  25. @font-face {
  26.   font-family: 'RobotoRegular_0';
  27.   src: url("../fonts/roboto/RobotoRegular_0.eot");
  28.   src: url("../fonts/roboto/RobotoRegular_0.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoRegular_0.woff2") format("woff2"), url("../fonts/roboto/RobotoRegular_0.woff") format("woff"), url("../fonts/roboto/RobotoRegular_0.ttf") format("truetype"), url("../fonts/roboto/RobotoRegular_0.svg#RobotoRegular_0") format("svg"); }
  29. body {
  30.   background: #f0f0f0;
  31.   height: 100%;
  32.   font-family: 'RobotoRegular_0', Arial, Helvetica, sans-serif;
  33.   font-size: 12px;
  34.   margin-top: 79px;
  35.   margin-bottom: 32px;
  36.   color: #41555E;
  37.   -ms-overflow-x: hidden !important; }
  38. .edicao-coluna{
  39.   visibility: hidden;
  40. }
  41.  
  42. .bodyTeclado {
  43.   height: 100%;
  44.   margin-top: 79px;
  45.   margin-bottom: 32px; }
  46.  
  47. html {
  48.   -ms-overflow-style: scrollbar;
  49.   -ms-overflow-y: scroll;
  50.   -ms-overflow-x: hidden; }
  51.  
  52. .navbar {
  53.   margin-bottom: 0; }
  54.  
  55. ul {
  56.   padding: 0;
  57.   margin-bottom: 0 !important; }
  58.   ul li {
  59.     list-style: none; }
  60.  
  61. a {
  62.   color: #1BB3BC; }
  63.  
  64. hr {
  65.   border-color: #D6D6D6;
  66.   margin-top: 10px;
  67.   margin-bottom: 10px; }
  68.  
  69. p {
  70.   margin-bottom: 0; }
  71.  
  72. h1, h2, h3, h4, h5 {
  73.   margin: 0; }
  74.  
  75. .quebra {
  76.   clear: both; }
  77.  
  78. .btn {
  79.   font-weight: 400;
  80.   color: #fff; }
  81.  
  82. select::-ms-expand {
  83.   display: none; }
  84.  
  85. select {
  86.   z-index: 1; }
  87.  
  88. i {
  89.   font-size: 32px !important; }
  90.  
  91. label {
  92.   font-weight: 600;
  93.   font-size: 12px; }
  94.  
  95. .form-group label {
  96.   font-weight: 300 !important; }
  97.  
  98. /*Etapas*/
  99. /* Datepicker */
  100. /*media queries */
  101. /*1367px;*/
  102. /*1024px;*/
  103. /*1023px;*/
  104. /*770px;*/
  105. .menu-lateral-internas {
  106.   width: 69px !important;
  107.   -webkit-transition: width 0.3s ease-in-out;
  108.   -moz-transition: width 0.3s ease-in-out;
  109.   -ms-transition: width 0.3s ease-in-out;
  110.   -o-transition: width 0.3s ease-in-out;
  111.   transition: width 0.3s ease-in-out; }
  112.   .menu-lateral-internas .ui-menuitem-text {
  113.     display: none; }
  114.   .menu-lateral-internas:hover {
  115.     width: 225px !important;
  116.     -webkit-transition: width 0.3s ease-in-out;
  117.     -moz-transition: width 0.3s ease-in-out;
  118.     -ms-transition: width 0.3s ease-in-out;
  119.     -o-transition: width 0.3s ease-in-out;
  120.     transition: width 0.3s ease-in-out; }
  121.     .menu-lateral-internas:hover .ui-menuitem-text {
  122.       display: block; }
  123.   .menu-lateral-internas a {
  124.     width: 225px !important; }
  125.  
  126. /*media queries*/
  127. @media screen and (max-width: 1024px) {
  128.   .img-getnet {
  129.     padding-top: 50px !important; }
  130.  
  131.   .menu-lateral .hamburguer {
  132.     display: block !important; }
  133.  
  134.   .miolo .form-page .col-md-4 {
  135.     width: 33.3333333% !important; }
  136.  
  137.   body {
  138.     -ms-overflow-x: auto; }
  139.  
  140.   .modalPage {
  141.     overflow-x: scroll !important;
  142.     height: 85% !important;
  143.     width: 800px !important; }
  144.     .modalPage .ui-dialog-content {
  145.       overflow: hidden;
  146.       display: inline-block; }
  147.       .modalPage .ui-dialog-content .closeModal {
  148.         position: fixed;
  149.         left: 855px;
  150.         text-align: initial !important; }
  151.       .modalPage .ui-dialog-content .titulo {
  152.         margin-top: 30px; } }
  153. @media screen and (min-width: 1367px) {
  154.   .homeNova .container.home {
  155.     min-width: 1335px !important;
  156.     margin: auto !important;
  157.     width: 85%; }
  158.   .homeNova .menu-lateral {
  159.     left: initial; }
  160.   .homeNova .miolo.home {
  161.     width: 1124px;
  162.     margin-left: 226px; }
  163.   .homeNova .sub-menu-header {
  164.     min-width: 1335px !important;
  165.     margin: auto !important;
  166.     width: 85%;
  167.     padding-left: 230px;
  168.     padding-right: 13px; }
  169.  
  170.   .titulo-painel.box-getnet {
  171.     padding: 8px 16px 3px 16px !important; } }
  172. @media screen and (max-width: 1023px) {
  173.   .border-right {
  174.     border-right: 0px solid #CCCCCC; }
  175.  
  176.   .border-left {
  177.     border-left: 0px solid #CCCCCC; } }
  178. @media only screen and (max-width: 770px) {
  179.   .sub-menu-links {
  180.     display: none; }
  181.  
  182.   .date-separator {
  183.     padding: 0 15px !important; } }
  184. @media all\0 {
  185.   select {
  186.     padding: 0 !important;
  187.     height: 34px !important; } }
  188. /*styles*/
  189. .topo {
  190.   min-width: 1007px !important;
  191.   padding: 22px 0px;
  192.   background: #685743;
  193.   color: #fff;
  194.   box-shadow: 0px 3px 10px -5px;
  195.   -webkit-box-shadow: 0px 3px 10px -5px;
  196.   -moz-box-shadow: 0px 3px 10px -5px;
  197.   height: 79px;
  198.   position: fixed;
  199.   top: 0;
  200.   right: 0;
  201.   left: 0;
  202.   z-index: 1030; }
  203.   .topo.red {
  204.     background: #ec0000; }
  205.   .topo .logo {
  206.     float: left; }
  207.     .topo .logo img {
  208.       vertical-align: inherit; }
  209.   .topo p {
  210.     color: #fff; }
  211.   .topo .container-fluid {
  212.     padding-left: 22px;
  213.     padding-right: 22px; }
  214.   .topo .iconsHeader {
  215.     display: inline-block;
  216.     position: relative;
  217.     bottom: 8px; }
  218.     .topo .iconsHeader a {
  219.       color: #fff;
  220.       text-decoration: none; }
  221.       .topo .iconsHeader a:focus {
  222.         outline: none; }
  223.     .topo .iconsHeader i {
  224.       margin-right: 20px;
  225.       cursor: pointer;
  226.       font-size: 25px !important; }
  227.     .topo .iconsHeader .notification {
  228.       font-size: 12px;
  229.       background: #1BB3BC;
  230.       border-radius: 20px;
  231.       margin-left: -10px;
  232.       position: absolute;
  233.       bottom: 19px;
  234.       width: 21px;
  235.       line-height: 21px;
  236.       height: 21px;
  237.       display: inline-block;
  238.       text-align: center;
  239.       z-index: 9;
  240.       cursor: pointer; }
  241.   .topo .userInfo {
  242.     display: inline-block;
  243.     margin-right: 5px;
  244.     font-size: 16px;
  245.     margin-top: -5px; }
  246.     .topo .userInfo .lastAcess {
  247.       font-size: 12px;
  248.       text-align: left; }
  249.   .topo .btnSair {
  250.     display: inline-block;
  251.     display: -moz-inline-box;
  252.     position: relative;
  253.     bottom: 20px;
  254.     left: 20px;
  255.     margin-right: 10px; }
  256.     .topo .btnSair.btnSairInterna {
  257.       display: inline-block !important; }
  258.     .topo .btnSair a {
  259.       font-size: 12px;
  260.       color: #fff;
  261.       border: 1px solid;
  262.       border-radius: 15px;
  263.       padding: 5px 13px;
  264.       text-decoration: none;
  265.       width: 48px;
  266.       height: 26px;
  267.       display: block;
  268.       line-height: 15px; }
  269.       .topo .btnSair a:hover {
  270.         background: #7c6750; }
  271.     .topo .btnSair.semMenu {
  272.       top: 10px; }
  273.  
  274. .menu-lateral {
  275.   background: #f6f6f6  !important;
  276.   bottom: 0;
  277.   display: block;
  278.   left: 0;
  279.   overflow: hidden !important;
  280.   position: fixed;
  281.   top: 79px;
  282.   z-index: 9999;
  283.   padding: 0 !important;
  284.   width: 225px;
  285.   box-shadow: 2px 3px 10px -5px; }
  286.   .menu-lateral ul {
  287.     width: 225px; }
  288.   .menu-lateral a {
  289.     color: #41555E !important;
  290.     display: inline-block !important;
  291.     padding: 0px 0px 0px 23px !important;
  292.     font-size: 16px;
  293.     align-items: center;
  294.     border: 0 !important;
  295.     height: 100%;
  296.     width: 100% !important; }
  297.     .menu-lateral a .ui-menuitem-icon {
  298.       display: initial !important; }
  299.     .menu-lateral a .ui-icon {
  300.       display: initial;
  301.       text-indent: 1px !important;
  302.       overflow: initial;
  303.       background-repeat: initial; }
  304.     .menu-lateral a .ui-menuitem-text {
  305.       font-size: 12px;
  306.       padding-top: 7px; }
  307.     .menu-lateral a i {
  308.       float: left !important;
  309.       font-size: 28px !important;
  310.       margin-right: 10px; }
  311.     .menu-lateral a span.ic {
  312.       float: left !important;
  313.       font-size: 21px !important;
  314.       margin-right: 10px;
  315.       margin-top: 3px; }
  316.     .menu-lateral a:hover {
  317.       color: #1BB3BC !important;
  318.       background: #f6f6f6 !important; }
  319.     .menu-lateral a.promocaoOferta {
  320.       color: #EE1D23 !important; }
  321.       .menu-lateral a.promocaoOferta:hover {
  322.         color: #EE1D23 !important; }
  323.   .menu-lateral .ui-state-disabled {
  324.     background: transparent; }
  325.   .menu-lateral .ui-menuitem {
  326.     height: 25px;
  327.     align-items: center; }
  328.  
  329. h4 {
  330.   font-size: 16px; }
  331.  
  332. .drop-usuario {
  333.   padding: 13px 16px 12px 16px;
  334.   width: 360px;
  335.   background: #F7F7F7;
  336.   text-align: left; }
  337.   .drop-usuario h1 {
  338.     font-size: 18px; }
  339.   .drop-usuario a.alterar-conta {
  340.     background: none !important;
  341.     text-decoration: underline !important;
  342.     padding: 0 !important; }
  343.  
  344. .titulo-painel {
  345.   padding: 15px 15px 15px 15px;
  346.   background: #fff;
  347.   box-shadow: 0px 2px 6px -2px;
  348.   color: #41555E;
  349.   border-bottom: 1px solid #CACACA;
  350.   line-height: 15px; }
  351.   .titulo-painel h4 {
  352.     font-size: 16px;
  353.     line-height: 15px; }
  354.   .titulo-painel .fa {
  355.     font-size: 30px !important;
  356.     margin-right: 16px;
  357.     float: left;
  358.     bottom: 6px;
  359.     position: relative; }
  360.     .titulo-painel .fa.fa-exclamation-circle {
  361.       color: #FFD24D; }
  362.     .titulo-painel .fa.fa-times-circle {
  363.       color: #EE1D23; }
  364.     .titulo-painel .fa.fa-check-circle {
  365.       color: #59B200; }
  366.  
  367. .conteudo-painel {
  368.   background: #ffffff;
  369.   padding: 16px;
  370.   min-height: 223px; }
  371.   .conteudo-painel.internas {
  372.     display: inline-table; }
  373.  
  374. .abas .conteudo-painel {
  375.   background: #ffffff;
  376.   padding: 16px;
  377.   min-height: 223px;
  378.   min-height: 303px !important; }
  379.   .abas .conteudo-painel.internas {
  380.     display: inline-table; }
  381.  
  382. .rodape-painel {
  383.   background: #F7F7F7;
  384.   padding: 8px; }
  385.  
  386. .btn-default {
  387.   -webkit-border-radius: 3px;
  388.   -moz-border-radius: 3px;
  389.   -ms-border-radius: 3px;
  390.   border-radius: 3px;
  391.   border: 0;
  392.   background: #42555E;
  393.   color: #ffffff !important;
  394.   margin-left: 5px; }
  395.   .btn-default i {
  396.     font-size: 16px; }
  397.   .btn-default:hover, .btn-default:focus {
  398.     background: #566D78; }
  399.   .btn-default span {
  400.     padding: 0; }
  401.  
  402. .btn-secundario {
  403.   -webkit-border-radius: 3px;
  404.   -moz-border-radius: 3px;
  405.   -ms-border-radius: 3px;
  406.   border-radius: 3px;
  407.   border: 0;
  408.   background: #AAAAAA;
  409.   color: #ffffff !important; }
  410.   .btn-secundario:hover, .btn-secundario:focus {
  411.     background: #8A8A8A !important; }
  412.  
  413. .btn-editar {
  414.   background: #1EB2BB !important; }
  415.   .btn-editar:hover, .btn-editar:focus {
  416.     background: #1CA3AA !important; }
  417.  
  418. .btn-100 {
  419.   width: 100%; }
  420.  
  421. .filtro-tabela {
  422.   -webkit-border-radius: 3px;
  423.   -moz-border-radius: 3px;
  424.   -ms-border-radius: 3px;
  425.   border-radius: 3px;
  426.   border: 0;
  427.   background: #ffffff;
  428.   padding: 16px 0px;
  429.   margin-bottom: 16px; }
  430.   .filtro-tabela .col-xs-4 {
  431.     padding-bottom: 16px; }
  432.   .filtro-tabela button {
  433.     margin: 0; }
  434.  
  435. .texto-leitura {
  436.   -webkit-border-radius: 3px;
  437.   -moz-border-radius: 3px;
  438.   -ms-border-radius: 3px;
  439.   border-radius: 3px;
  440.   border: 0;
  441.   margin-bottom: 16px; }
  442.  
  443. .alerta {
  444.   -webkit-border-radius: 3px;
  445.   -moz-border-radius: 3px;
  446.   -ms-border-radius: 3px;
  447.   border-radius: 3px;
  448.   border: 0;
  449.   background: #ffffff; }
  450.  
  451. ol.breadcrumb {
  452.   background: #ffffff;
  453.   display: inline-block; }
  454.   ol.breadcrumb li a {
  455.     color: #818181; }
  456.   ol.breadcrumb .active {
  457.     color: #EE1D23; }
  458.  
  459. .filtro-avancado {
  460.   display: none; }
  461.  
  462. .box-shadow {
  463.   box-shadow: 0px 3px 10px -5px;
  464.   margin-bottom: 16px;
  465.   background: #ffffff;
  466.   padding: 15px; }
  467.   .box-shadow.homeBlock {
  468.     padding: 0px; }
  469.   .box-shadow.no-padding-bottom {
  470.     padding-bottom: 0px; }
  471.  
  472. .horario-brasilia {
  473.   margin: 0 0 8px; }
  474.  
  475. .titulo-sistema {
  476.   font-size: 21px;
  477.   padding: 23px; }
  478.  
  479. .conteudo-painel-altura-total {
  480.   height: auto !important; }
  481.  
  482. .container-fluid {
  483.   min-width: 1007px !important;
  484.   padding-left: 30px;
  485.   padding-right: 30px; }
  486.  
  487. .container {
  488.   width: auto;
  489.   margin-left: 70px;
  490.   margin-right: 10px;
  491.   min-width: 937px !important; }
  492.   .container a {
  493.     color: #1BB3BC;
  494.     font-size: 12px; }
  495.   .container.home {
  496.     margin-left: 226px;
  497.     min-width: 781px !important; }
  498.  
  499. .containerHome {
  500.   min-width: 832px !important; }
  501.  
  502. .time-date {
  503.   padding-left: 65px; }
  504.  
  505. .alerta {
  506.   background: #FFA64D;
  507.   box-shadow: 0px 3px 10px -5px;
  508.   margin-bottom: 16px;
  509.   padding: 8px 44px 8px 16px;
  510.   position: relative; }
  511.   .alerta span {
  512.     color: #ffffff; }
  513.   .alerta i {
  514.     color: #ffffff;
  515.     font-size: 32px !important;
  516.     float: left;
  517.     margin-right: 16px; }
  518.  
  519. .fechar-alerta a {
  520.   font-size: 21px !important;
  521.   color: #ffffff;
  522.   position: absolute;
  523.   right: 16px;
  524.   top: 8px; }
  525.  
  526. .edicao-coluna .col-xs-offset-2 {
  527.   margin-left: 18.25%; }
  528. .edicao-coluna .col-xs-10 {
  529.   width: 80.333%; }
  530.  
  531. .rodape {
  532.   min-width: 1007px !important;
  533.   background: #EEEEEE;
  534.   padding: 5px 16px 0px 16px;
  535.   position: fixed;
  536.   bottom: 0;
  537.   right: 0;
  538.   left: 0;
  539.   width: 100%;
  540.   text-align: center;
  541.   z-index: 99; }
  542.   .rodape.home {
  543.     padding: 5px 16px 0px 230px; }
  544.  
  545. .rodape label {
  546.   font-weight: normal;
  547.   margin-bottom: 0;
  548.   font-size: 13px; }
  549.  
  550. .miolo {
  551.   position: relative;
  552.   margin-top: 30px;
  553.   margin-bottom: 50px; }
  554.   .miolo h1 {
  555.     font-size: 21px;
  556.     color: #41545E; }
  557.   .miolo.home {
  558.     margin-top: 35px;
  559.     margin-bottom: 0px;
  560.     max-width: 1124px;
  561.     padding: 0 5px; }
  562.     .miolo.home .titulo-painel {
  563.       padding: 8px 16px 8px 16px;
  564.       display: table;
  565.       width: 100%; }
  566.     .miolo.home .box-shadow {
  567.       padding: 12px 16px 11px 16px;
  568.       margin-bottom: 10px; }
  569.  
  570. .titulo-submenu {
  571.   border-bottom: 1px solid #E3E6E7;
  572.   padding-bottom: 8px;
  573.   font-size: 21px;
  574.   text-transform: uppercase;
  575.   display: inline-block;
  576.   width: 100%; }
  577.  
  578. ul li.fa {
  579.   color: #ffffff;
  580.   position: relative; }
  581.  
  582. ul li.fa:hover {
  583.   background: #3f5058; }
  584.  
  585. /*globais*/
  586. .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  587.   vertical-align: middle !important; }
  588.  
  589. table.table-no-border-bottom tbody tr:last-child {
  590.   border-bottom: none !important; }
  591. table thead {
  592.   display: table-row-group; }
  593. table .width22 {
  594.   width: 22%; }
  595. table .ui-selection-column {
  596.   width: 45px; }
  597.   table .ui-selection-column .ui-chkbox {
  598.     margin: 0 !important;
  599.     margin-left: 10px !important; }
  600. table th.ui-selection-column {
  601.   position: relative;
  602.   bottom: 8px; }
  603. table.no-border tr {
  604.   border: none !important; }
  605. table.border-column-dotted td {
  606.   border-bottom: 1px dotted #DDDDDD !important; }
  607. table .ui-widget-content {
  608.   border: initial; }
  609. table.table thead tr {
  610.   background: #787878;
  611.   height: 42px;
  612.   color: #fff; }
  613.   table.table thead tr:hover {
  614.     background: #787878 !important; }
  615. table tr {
  616.   border-bottom: 1px solid #DDDDDD !important;
  617.   page-break-inside: avoid;
  618.   page-break-after: auto;
  619.   height: 40px; }
  620. table tbody tr:hover {
  621.   background: #f0f0f0 !important; }
  622. table tbody .ui-chkbox-box {
  623.   top: 0px !important; }
  624. table td {
  625.   border-top: none !important; }
  626.   table td.no-border {
  627.     border: none !important; }
  628. table.table-checkbox tr.checked {
  629.   background: #DDDDDD; }
  630. table thead tr + tr {
  631.   background: #999999 !important; }
  632. table th.text-right, table td.text-right {
  633.   text-align: right !important; }
  634. table th.text-left, table td.text-left {
  635.   text-align: left !important; }
  636. table th.text-center, table td.text-center {
  637.   text-align: center !important; }
  638. table img {
  639.   cursor: pointer; }
  640.  
  641. .site-map span strong {
  642.   color: #EE1D23;
  643.   padding: 0 3px; }
  644. .site-map h1 {
  645.   font-size: 18px; }
  646.  
  647. .checkbox-inline {
  648.   padding-left: 0; }
  649.   .checkbox-inline label {
  650.     width: auto !important;
  651.     padding-left: 10px !important; }
  652.  
  653. input[type="checkbox"]:checked + label:after {
  654.   content: "\00a0";
  655.   display: inline-block;
  656.   width: 7px;
  657.   height: 12px;
  658.   border: solid #00D15F;
  659.   border-width: 0 3px 3px 0;
  660.   -ms-transform: rotate(40deg);
  661.   -webkit-transform: rotate(40deg);
  662.   -moz-transform: rotate(40deg);
  663.   -o-transform: rotate(40deg);
  664.   transform: rotate(40deg);
  665.   /*  position: relative;
  666.    left: -105px;
  667.    top: 2px; */
  668.   position: absolute;
  669.   left: 5px;
  670.   top: 5px; }
  671. input[type="checkbox"]:checked + label.checkbox-inline:after {
  672.   top: 2px; }
  673. input[type="checkbox"] + label::before {
  674.   content: '';
  675.   position: absolute;
  676.   left: 0px;
  677.   width: 18px;
  678.   height: 18px;
  679.   color: #00D15F;
  680.   border: 1px solid #cccccc;
  681.   background: #ffffff;
  682.   background-image: none;
  683.   box-shadow: none;
  684.   display: inline-block;
  685.   border-radius: 15%; }
  686.  
  687. input[type="checkbox"] {
  688.   -webkit-appearance: none;
  689.   -moz-appearance: none;
  690.   appearance: none;
  691.   opacity: 0;
  692.   z-index: 1; }
  693.   input[type="checkbox"] + label {
  694.     align-items: center;
  695.     position: relative;
  696.     width: 300px;
  697.     min-width: 300px;
  698.     display: table-caption; }
  699.   input[type="checkbox"]:focus {
  700.     outline: 0 !important;
  701.     -moz-appearance: none;
  702.     outline-style: none;
  703.     outline-width: 0; }
  704.  
  705. .radioMax label {
  706.   width: 380px !important; }
  707.  
  708. input[type="radio"] {
  709.   border-radius: 50%;
  710.   webkit-appearance: none;
  711.   -moz-appearance: none;
  712.   appearance: none;
  713.   opacity: 0;
  714.   z-index: 1; }
  715.   input[type="radio"] + label {
  716.     align-items: center;
  717.     position: relative;
  718.     width: 300px;
  719.     min-width: 300px; }
  720.   input[type="radio"]:focus {
  721.     outline: 0 !important;
  722.     -moz-appearance: none;
  723.     outline-style: none;
  724.     outline-width: 0; }
  725.   input[type="radio"]:checked + label:after {
  726.     content: "";
  727.     display: block;
  728.     width: 10px;
  729.     height: 10px;
  730.     border-radius: 50%;
  731.     background: #00D15F;
  732.     position: absolute;
  733.     top: 4px;
  734.     right: 276px;
  735.     margin-bottom: -10px; }
  736.   input[type="radio"] + label::before {
  737.     content: '';
  738.     position: relative;
  739.     left: 0px;
  740.     width: 18px;
  741.     height: 18px;
  742.     color: #00D15F;
  743.     border: 1px solid #cccccc;
  744.     background: #ffffff;
  745.     background-image: none;
  746.     box-shadow: none;
  747.     display: inline-block;
  748.     border-radius: 50%; }
  749.  
  750. .space-b {
  751.   margin-bottom: 15px !important; }
  752.  
  753. .space-bb {
  754.   margin-bottom: 30px !important; }
  755.  
  756. .space-mb {
  757.   margin-top: -10px; }
  758.  
  759. .space-t {
  760.   margin-top: 15px !important; }
  761.  
  762. .space-tt {
  763.   margin-top: 30px !important; }
  764.  
  765. .space-r {
  766.   margin-right: 15px !important; }
  767.  
  768. .space-rr {
  769.   margin-right: 30px !important; }
  770.  
  771. .space-l {
  772.   margin-left: 15px !important; }
  773.  
  774. .space-ll {
  775.   margin-left: 30px !important; }
  776.  
  777. textarea {
  778.   resize: none; }
  779.  
  780. .border-right {
  781.   border-right: 1px solid #CCCCCC; }
  782.  
  783. .border-left {
  784.   border-left: 1px solid #CCCCCC; }
  785.  
  786. .border-top {
  787.   border-top: 1px solid #CCCCCC; }
  788.  
  789. .border-bottom {
  790.   border-bottom: 1px solid #CCCCCC; }
  791.  
  792. .miolo-home {
  793.   padding-left: 210px; }
  794.  
  795. .sub-menu-header {
  796.   min-width: 1007px !important;
  797.   background: #f0f0f0;
  798.   position: fixed;
  799.   width: 100%;
  800.   z-index: 999;
  801.   left: 0;
  802.   right: 0;
  803.   padding: 10px 7px 8px 85px; }
  804.   .sub-menu-header.home {
  805.     padding: 10px 25px 8px 240px; }
  806.   .sub-menu-header .sub-data {
  807.     line-height: 42px; }
  808.   .sub-menu-header .sub-menu-links a {
  809.     background: #EE1D23;
  810.     border-right: 1px solid #C00E12;
  811.     padding: 8px; }
  812.     .sub-menu-header .sub-menu-links a:hover {
  813.       background: #C00E12 !important; }
  814.   .sub-menu-header ul li {
  815.     float: left;
  816.     background: #EE1D23;
  817.     text-align: center;
  818.     cursor: pointer; }
  819.     .sub-menu-header ul li .last-child-menu {
  820.       background: #f0f0f0 !important;
  821.       padding-right: 10px;
  822.       color: #ffffff;
  823.       border-right: 0; }
  824.       .sub-menu-header ul li .last-child-menu img {
  825.         margin-right: 8px; }
  826.       .sub-menu-header ul li .last-child-menu:hover {
  827.         background: #2F3B42 !important; }
  828.  
  829. .sub-home {
  830.   padding-left: 125px; }
  831.  
  832. .exclam-point {
  833.   float: left;
  834.   font-size: 35px !important;
  835.   margin-right: 8px;
  836.   color: #ffbf00; }
  837.  
  838. .qr-code-img {
  839.   margin: 0 15px 30px 0; }
  840.  
  841. .disp-seg {
  842.   min-height: 275px; }
  843.  
  844. .ass-eletronica {
  845.   min-height: 342px; }
  846.  
  847. .btn-off {
  848.   background: #AAAAAA !important; }
  849.  
  850. .nav-tabs-block > li {
  851.   float: left;
  852.   margin-bottom: -1px;
  853.   width: 33%;
  854.   text-align: center; }
  855.   .nav-tabs-block > li > a {
  856.     line-height: 1.42857143;
  857.     background: #F2F2F2; }
  858.     .nav-tabs-block > li > a:hover {
  859.       border-color: #eee #eee #ddd; }
  860.   .nav-tabs-block > li:last-child {
  861.     width: 34%; }
  862.   .nav-tabs-block > li.active > a, .nav-tabs-block > li.active > a:hover, .nav-tabs-block > li.active > a:focus {
  863.     color: #555;
  864.     cursor: default;
  865.     background: #ffffff; }
  866.   .nav-tabs-block > li.aba-dupla {
  867.     width: 50%; }
  868.     .nav-tabs-block > li.aba-dupla:last-child {
  869.       width: 50%; }
  870.  
  871. /*Etapas*/
  872. ul {
  873.   padding: 0;
  874.   list-style: none; }
  875.   ul.etapas {
  876.     padding: 0;
  877.     display: inline-block;
  878.     margin-top: 15px;
  879.     margin-bottom: 35px;
  880.     width: auto;
  881.     margin-right: 20px; }
  882.     ul.etapas li {
  883.       float: left;
  884.       list-style: none; }
  885.       ul.etapas li span i {
  886.         font-size: 9px !important; }
  887.     ul.etapas.double-step li.etapa-1 {
  888.       border-top: 1px dashed #BBBBBB;
  889.       color: #BBBBBB;
  890.       font-size: 12px;
  891.       padding: 0px 120px 0px 0px; }
  892.       ul.etapas.double-step li.etapa-1 .fa-circle {
  893.         display: table; }
  894.       ul.etapas.double-step li.etapa-1 .fa-check-circle {
  895.         display: none; }
  896.       ul.etapas.double-step li.etapa-1 span {
  897.         margin-left: -57px;
  898.         position: absolute;
  899.         width: 120px;
  900.         text-align: center; }
  901.         ul.etapas.double-step li.etapa-1 span i {
  902.           background: #f0f0f0;
  903.           margin: -6px auto 9px;
  904.           text-align: center;
  905.           display: table; }
  906.     ul.etapas.double-step li.etapa-1.active {
  907.       border-top: 1px dashed #BBBBBB;
  908.       color: #43A72B;
  909.       font-size: 12px;
  910.       padding: 0px 120px 0px 0px; }
  911.       ul.etapas.double-step li.etapa-1.active .fa-circle {
  912.         display: table; }
  913.       ul.etapas.double-step li.etapa-1.active .fa-check-circle {
  914.         display: none; }
  915.       ul.etapas.double-step li.etapa-1.active span {
  916.         margin-left: -38px;
  917.         position: absolute; }
  918.         ul.etapas.double-step li.etapa-1.active span i {
  919.           background: #f0f0f0;
  920.           margin: -6px auto 9px;
  921.           text-align: center;
  922.           display: table; }
  923.     ul.etapas.double-step li.etapa-1.checked {
  924.       padding: 0px 120px 0px 0px;
  925.       border-top: 1px dashed #43A72B;
  926.       color: #43A72B; }
  927.       ul.etapas.double-step li.etapa-1.checked .fa-circle {
  928.         display: none; }
  929.       ul.etapas.double-step li.etapa-1.checked .fa-check-circle {
  930.         display: table; }
  931.       ul.etapas.double-step li.etapa-1.checked span i {
  932.         font-size: 20px !important;
  933.         background: #f0f0f0;
  934.         margin: -12px auto 4px;
  935.         text-align: center; }
  936.     ul.etapas.double-step li.etapa-3 {
  937.       border-top: 1px dashed #BBBBBB;
  938.       color: #BBBBBB;
  939.       font-size: 12px;
  940.       padding: 0;
  941.       margin-left: 20px; }
  942.       ul.etapas.double-step li.etapa-3 .fa-circle {
  943.         display: table; }
  944.       ul.etapas.double-step li.etapa-3 .fa-check-circle {
  945.         display: none; }
  946.       ul.etapas.double-step li.etapa-3 span {
  947.         margin-left: -59px;
  948.         position: absolute;
  949.         width: 85px;
  950.         text-align: center; }
  951.         ul.etapas.double-step li.etapa-3 span i {
  952.           background: #f0f0f0;
  953.           margin: -6px auto 9px;
  954.           text-align: center;
  955.           display: table; }
  956.     ul.etapas.double-step li.etapa-3.active {
  957.       border-top: 1px dashed #BBBBBB;
  958.       color: #43A72B;
  959.       font-size: 12px;
  960.       padding: 0;
  961.       margin-left: 20px; }
  962.       ul.etapas.double-step li.etapa-3.active .fa-circle {
  963.         display: table; }
  964.       ul.etapas.double-step li.etapa-3.active .fa-check-circle {
  965.         display: none; }
  966.       ul.etapas.double-step li.etapa-3.active span {
  967.         margin-left: -59px;
  968.         position: absolute; }
  969.         ul.etapas.double-step li.etapa-3.active span i {
  970.           background: #f0f0f0;
  971.           margin: -6px auto 9px;
  972.           text-align: center;
  973.           display: table; }
  974.     ul.etapas.double-step li.etapa-3.checked {
  975.       padding: 0;
  976.       border-top: 2px dashed rgba(51, 51, 51, 0.36);
  977.       color: #43A72B;
  978.       margin-left: 20px; }
  979.       ul.etapas.double-step li.etapa-3.checked .fa-circle {
  980.         display: none; }
  981.       ul.etapas.double-step li.etapa-3.checked .fa-check-circle {
  982.         display: table; }
  983.       ul.etapas.double-step li.etapa-3.checked span i {
  984.         font-size: 20px !important;
  985.         background: #f0f0f0;
  986.         margin: -12px auto 4px;
  987.         text-align: center;
  988.         display: table; }
  989.     ul.etapas.third-step li.etapa-1 {
  990.       border-top: 1px dashed #BBBBBB;
  991.       color: #BBBBBB;
  992.       font-size: 12px;
  993.       padding: 0px 121px 0px 0px; }
  994.       ul.etapas.third-step li.etapa-1 .fa-circle {
  995.         display: table; }
  996.       ul.etapas.third-step li.etapa-1 .fa-check-circle {
  997.         display: none; }
  998.       ul.etapas.third-step li.etapa-1 span {
  999.         margin-left: -60px;
  1000.         position: absolute;
  1001.         width: 120px;
  1002.         text-align: center; }
  1003.         ul.etapas.third-step li.etapa-1 span i {
  1004.           background: #f0f0f0;
  1005.           margin: -6px auto 9px;
  1006.           text-align: center;
  1007.           display: table; }
  1008.     ul.etapas.third-step li.etapa-1.active {
  1009.       border-top: 1px dashed #BBBBBB;
  1010.       color: #43A72B;
  1011.       font-size: 12px;
  1012.       padding: 0px 121px 0px 0px; }
  1013.       ul.etapas.third-step li.etapa-1.active .fa-circle {
  1014.         display: table; }
  1015.       ul.etapas.third-step li.etapa-1.active .fa-check-circle {
  1016.         display: none; }
  1017.       ul.etapas.third-step li.etapa-1.active span {
  1018.         margin-left: -60px;
  1019.         position: absolute; }
  1020.         ul.etapas.third-step li.etapa-1.active span i {
  1021.           background: #f0f0f0;
  1022.           margin: -6px auto 9px;
  1023.           text-align: center;
  1024.           display: table; }
  1025.     ul.etapas.third-step li.etapa-1.checked {
  1026.       padding: 0px 121px 0px 0px;
  1027.       border-top: 1px dashed #43A72B;
  1028.       color: #43A72B; }
  1029.       ul.etapas.third-step li.etapa-1.checked .fa-circle {
  1030.         display: none; }
  1031.       ul.etapas.third-step li.etapa-1.checked .fa-check-circle {
  1032.         display: table; }
  1033.       ul.etapas.third-step li.etapa-1.checked span {
  1034.         margin-left: -60px;
  1035.         position: absolute; }
  1036.         ul.etapas.third-step li.etapa-1.checked span i {
  1037.           font-size: 20px !important;
  1038.           background: #f0f0f0;
  1039.           margin: -12px auto 4px;
  1040.           text-align: center; }
  1041.     ul.etapas.third-step li.etapa-2 {
  1042.       border-top: 1px dashed #BBBBBB;
  1043.       color: #BBBBBB;
  1044.       font-size: 12px;
  1045.       padding: 0px 125px 0px 0px; }
  1046.       ul.etapas.third-step li.etapa-2 .fa-circle {
  1047.         display: table; }
  1048.       ul.etapas.third-step li.etapa-2 .fa-check-circle {
  1049.         display: none; }
  1050.       ul.etapas.third-step li.etapa-2 span {
  1051.         margin-left: -63px;
  1052.         position: absolute;
  1053.         width: 130px;
  1054.         text-align: center; }
  1055.         ul.etapas.third-step li.etapa-2 span i {
  1056.           background: #f0f0f0;
  1057.           margin: -6px auto 9px;
  1058.           text-align: center;
  1059.           display: table; }
  1060.     ul.etapas.third-step li.etapa-2.active {
  1061.       border-top: 1px dashed #BBBBBB;
  1062.       color: #43A72B;
  1063.       font-size: 12px;
  1064.       padding: 0px 125px 0px 0px; }
  1065.       ul.etapas.third-step li.etapa-2.active .fa-circle {
  1066.         display: table; }
  1067.       ul.etapas.third-step li.etapa-2.active .fa-check-circle {
  1068.         display: none; }
  1069.       ul.etapas.third-step li.etapa-2.active span {
  1070.         margin-left: -63px;
  1071.         position: absolute; }
  1072.         ul.etapas.third-step li.etapa-2.active span i {
  1073.           background: #f0f0f0;
  1074.           margin: -6px auto 9px;
  1075.           text-align: center;
  1076.           display: table; }
  1077.     ul.etapas.third-step li.etapa-2.checked {
  1078.       padding: 0px 125px 0px 0px;
  1079.       border-top: 1px dashed #43A72B;
  1080.       color: #43A72B; }
  1081.       ul.etapas.third-step li.etapa-2.checked .fa-circle {
  1082.         display: none; }
  1083.       ul.etapas.third-step li.etapa-2.checked .fa-check-circle {
  1084.         display: table; }
  1085.       ul.etapas.third-step li.etapa-2.checked span {
  1086.         margin-left: -63px;
  1087.         position: absolute; }
  1088.         ul.etapas.third-step li.etapa-2.checked span i {
  1089.           font-size: 20px !important;
  1090.           background: #f0f0f0;
  1091.           margin: -12px auto 4px;
  1092.           text-align: center; }
  1093.     ul.etapas.third-step li.etapa-3 {
  1094.       border-top: 1px dashed #BBBBBB;
  1095.       color: #BBBBBB;
  1096.       font-size: 12px;
  1097.       padding: 0;
  1098.       margin-left: 20px; }
  1099.       ul.etapas.third-step li.etapa-3 .fa-circle {
  1100.         display: table; }
  1101.       ul.etapas.third-step li.etapa-3 .fa-check-circle {
  1102.         display: none; }
  1103.       ul.etapas.third-step li.etapa-3 span {
  1104.         margin-left: -59px;
  1105.         position: absolute;
  1106.         width: 85px;
  1107.         text-align: center; }
  1108.         ul.etapas.third-step li.etapa-3 span i {
  1109.           background: #f0f0f0;
  1110.           margin: -6px auto 9px;
  1111.           text-align: center;
  1112.           display: table-caption; }
  1113.     ul.etapas.third-step li.etapa-3.active {
  1114.       border-top: 1px dashed #BBBBBB;
  1115.       color: #43A72B;
  1116.       font-size: 12px;
  1117.       padding: 0;
  1118.       margin-left: 20px; }
  1119.       ul.etapas.third-step li.etapa-3.active .fa-circle {
  1120.         display: table; }
  1121.       ul.etapas.third-step li.etapa-3.active .fa-check-circle {
  1122.         display: none; }
  1123.       ul.etapas.third-step li.etapa-3.active span {
  1124.         margin-left: -59px;
  1125.         position: absolute; }
  1126.         ul.etapas.third-step li.etapa-3.active span i {
  1127.           background: #f0f0f0;
  1128.           margin: -6px auto 9px;
  1129.           text-align: center;
  1130.           display: table-caption; }
  1131.     ul.etapas.third-step li.etapa-3.checked {
  1132.       padding: 0;
  1133.       border-top: 1px dashed #43A72B;
  1134.       color: #43A72B;
  1135.       margin-left: 20px; }
  1136.       ul.etapas.third-step li.etapa-3.checked .fa-circle {
  1137.         display: none; }
  1138.       ul.etapas.third-step li.etapa-3.checked .fa-check-circle {
  1139.         display: table; }
  1140.       ul.etapas.third-step li.etapa-3.checked span {
  1141.         margin-left: -59px;
  1142.         position: absolute; }
  1143.         ul.etapas.third-step li.etapa-3.checked span i {
  1144.           font-size: 20px !important;
  1145.           background: #f0f0f0;
  1146.           margin: -12px auto 4px;
  1147.           text-align: center; }
  1148.   ul.lista-float {
  1149.     float: left;
  1150.     margin-bottom: 10px !important; }
  1151.     ul.lista-float.right {
  1152.       margin-right: 0%;
  1153.       float: right; }
  1154.     ul.lista-float .title {
  1155.       line-height: 50px; }
  1156.     ul.lista-float li {
  1157.       line-height: 25px; }
  1158.     ul.lista-float strong.mark {
  1159.       color: #EE1D23;
  1160.       font-weight: 200;
  1161.       background: none; }
  1162.   ul.autorizacao li {
  1163.     float: left;
  1164.     margin-right: 15px;
  1165.     width: 148px;
  1166.     margin-bottom: 18px; }
  1167.   ul.lista-favoritos {
  1168.     margin-bottom: 16px !important; }
  1169.     ul.lista-favoritos .titulo-favoritos {
  1170.       font-weight: bold; }
  1171.   ul.links-submenu {
  1172.     margin-bottom: 18px !important; }
  1173.     ul.links-submenu li {
  1174.       margin-bottom: 8px; }
  1175.     ul.links-submenu span {
  1176.       color: #EE1D23;
  1177.       font-weight: 700;
  1178.       margin-right: 5px; }
  1179.     ul.links-submenu .menu-title {
  1180.       font-weight: 700;
  1181.       margin-top: 20px; }
  1182.  
  1183. .subtitle-forms {
  1184.   margin: 15px; }
  1185.  
  1186. .total-label {
  1187.   background: #EEEEEE; }
  1188.  
  1189. .total-label-radio {
  1190.   background: #EEEEEE;
  1191.   padding: 5px 10px; }
  1192.  
  1193. .aviso-interno-blocos {
  1194.   font-size: 12px;
  1195.   text-align: left;
  1196.   min-height: 70px; }
  1197.   .aviso-interno-blocos.seal-options {
  1198.     padding: 20px 10px;
  1199.     text-align: right;
  1200.     background: #F7F7F7; }
  1201.     .aviso-interno-blocos.seal-options.opt {
  1202.       padding: 16px; }
  1203.     .aviso-interno-blocos.seal-options i {
  1204.       font-size: 20px;
  1205.       vertical-align: sub; }
  1206.     .aviso-interno-blocos.seal-options .selo table tr:nth-child(1) {
  1207.       color: #000000; }
  1208.   .aviso-interno-blocos.alert-information {
  1209.     padding: 18px 16px;
  1210.     margin-top: 2px;
  1211.     background: #ffffff; }
  1212.     .aviso-interno-blocos.alert-information p {
  1213.       display: table-row; }
  1214.     .aviso-interno-blocos.alert-information .site-map {
  1215.       display: table-row;
  1216.       text-indent: 5px; }
  1217.     .aviso-interno-blocos.alert-information .fa-exclamation-circle {
  1218.       font-size: 30px !important;
  1219.       margin-right: 16px;
  1220.       float: left;
  1221.       color: #FFD24D; }
  1222.     .aviso-interno-blocos.alert-information .fa-check-circle {
  1223.       color: #59B200;
  1224.       font-size: 25px !important; }
  1225.     .aviso-interno-blocos.alert-information span {
  1226.       display: table;
  1227.       font-size: 12px; }
  1228.     .aviso-interno-blocos.alert-information.min-lines {
  1229.       padding: 20px 16px; }
  1230.       .aviso-interno-blocos.alert-information.min-lines span {
  1231.         margin: 7px 0; }
  1232.     .aviso-interno-blocos.alert-information.min-lines-check span {
  1233.       margin: 5px 0; }
  1234.   .aviso-interno-blocos a:hover {
  1235.     text-decoration: underline !important; }
  1236.   .aviso-interno-blocos a.btn, .aviso-interno-blocos a.btn:hover {
  1237.     text-decoration: none !important; }
  1238.   .aviso-interno-blocos p a {
  1239.     margin-left: 0; }
  1240.  
  1241. .min-lines {
  1242.   padding: 20px 16px; }
  1243.   .min-lines span {
  1244.     margin: 7px 0; }
  1245.  
  1246. .sub-menu-links li {
  1247.   float: left; }
  1248.   .sub-menu-links li a {
  1249.     outline: none;
  1250.     color: #ffffff;
  1251.     display: block; }
  1252.     .sub-menu-links li a:hover {
  1253.       text-decoration: none; }
  1254.  
  1255. /* Radio button */
  1256. .ui-radiobutton {
  1257.   border: 1px solid #cccccc !important;
  1258.   margin-right: 5px;
  1259.   vertical-align: middle;
  1260.   background: #ffffff;
  1261.   width: 18px;
  1262.   height: 18px;
  1263.   line-height: 0 !important;
  1264.   -moz-border-radius: 10px;
  1265.   -webkit-border-radius: 10px;
  1266.   border-radius: 10px;
  1267.   position: relative;
  1268.   display: inline-block;
  1269.   bottom: 1px; }
  1270.  
  1271. .ui-icon-bullet {
  1272.   background: url("../images/ui-icon-bullet.png") no-repeat;
  1273.   background-size: 10px 10px;
  1274.   width: 10px;
  1275.   height: 10px;
  1276.   position: absolute;
  1277.   top: 3px;
  1278.   right: 3px;
  1279.   display: inline-block; }
  1280.  
  1281. .modal-content {
  1282.   border-radius: 0; }
  1283.   .modal-content .close {
  1284.     position: absolute;
  1285.     right: 15px;
  1286.     top: 0;
  1287.     font-size: 50px;
  1288.     font-weight: 100;
  1289.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  1290.   .modal-content .titulo-painel {
  1291.     padding: 0 !important; }
  1292.  
  1293. .text-center {
  1294.   text-align: center; }
  1295.  
  1296. .block-min-content {
  1297.   min-height: 110px !important; }
  1298.  
  1299. .check-green {
  1300.   color: #59B200;
  1301.   font-size: 25px !important;
  1302.   margin-right: 8px; }
  1303.  
  1304. .block-aviso {
  1305.   min-height: initial; }
  1306.  
  1307. .margin-top-22 {
  1308.   margin-top: 22px; }
  1309.  
  1310. .abas .conteudo-painel {
  1311.   background: #ffffff;
  1312.   padding: 16px;
  1313.   min-height: 223px;
  1314.   min-height: 303px !important; }
  1315.   .abas .conteudo-painel.internas {
  1316.     display: inline-table; }
  1317.  
  1318. .rodape-comprovante {
  1319.   background: #F7F7F7;
  1320.   box-shadow: 0px 3px 10px -5px;
  1321.   margin-bottom: 16px;
  1322.   padding: 16px;
  1323.   text-align: right; }
  1324.   .rodape-comprovante a {
  1325.     margin-left: 8px;
  1326.     color: #41555E;
  1327.     text-decoration: none; }
  1328.     .rodape-comprovante a:hover {
  1329.       text-decoration: none; }
  1330.   .rodape-comprovante i {
  1331.     margin-right: 5px;
  1332.     font-size: 22px !important;
  1333.     position: relative;
  1334.     top: 3px; }
  1335.     .rodape-comprovante i.icon-excel {
  1336.       top: 0px; }
  1337.     .rodape-comprovante i.icon-PDF {
  1338.       top: 0px; }
  1339.  
  1340. .no-margin-bottom {
  1341.   margin-bottom: 0; }
  1342.  
  1343. .container-data-check-list {
  1344.   border-bottom: 1px dashed #CCCCCC; }
  1345.   .container-data-check-list ul {
  1346.     padding: 0 10px; }
  1347.     .container-data-check-list ul li {
  1348.       margin-left: 20px; }
  1349.       .container-data-check-list ul li.title {
  1350.         margin-left: 0px; }
  1351.  
  1352. .tree-checked .panel-heading {
  1353.   padding: 0px 5px;
  1354.   background: transparent;
  1355.   border: none; }
  1356.   .tree-checked .panel-heading .panel-title {
  1357.     display: flex; }
  1358.   .tree-checked .panel-heading a {
  1359.     display: flex;
  1360.     align-items: center; }
  1361.     .tree-checked .panel-heading a:hover, .tree-checked .panel-heading a:focus {
  1362.       text-decoration: none; }
  1363.     .tree-checked .panel-heading a i {
  1364.       margin-right: 20px; }
  1365.     .tree-checked .panel-heading a .fa-plus-square {
  1366.       display: none; }
  1367.     .tree-checked .panel-heading a .fa-minus-square {
  1368.       display: block; }
  1369.     .tree-checked .panel-heading a.collapsed .fa-plus-square {
  1370.       display: block; }
  1371.     .tree-checked .panel-heading a.collapsed .fa-minus-square {
  1372.       display: none; }
  1373.  
  1374. .sub-open {
  1375.   cursor: pointer;
  1376.   padding-bottom: 5px;
  1377.   border-bottom: 1px solid #D6D6D6;
  1378.   margin-bottom: 15px; }
  1379.  
  1380. .ui-chkbox-box.ui-state-default {
  1381.   top: 4px;
  1382.   width: 18px;
  1383.   height: 18px;
  1384.   color: #00D15F;
  1385.   border: 1px solid #cccccc;
  1386.   background: #ffffff;
  1387.   background-image: none;
  1388.   box-shadow: none;
  1389.   border-radius: 15%;
  1390.   position: relative; }
  1391. .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled.ui-state-disabled {
  1392.   background-color: #F2F2F2 !important; }
  1393.  
  1394. .ui-chkbox-icon.ui-icon-check {
  1395.   display: inline-block;
  1396.   width: 7px;
  1397.   height: 12px;
  1398.   border: solid #00D15F;
  1399.   border-width: 0 3px 3px 0;
  1400.   -ms-transform: rotate(40deg);
  1401.   -webkit-transform: rotate(40deg);
  1402.   -moz-transform: rotate(40deg);
  1403.   -o-transform: rotate(40deg);
  1404.   transform: rotate(40deg);
  1405.   position: absolute;
  1406.   left: 5px;
  1407.   top: 1px; }
  1408.  
  1409. .radio {
  1410.   align-items: center;
  1411.   line-height: 35px;
  1412.   display: inline-block;
  1413.   margin: 0;
  1414.   margin-bottom: 0px !important; }
  1415.   .radio label {
  1416.     padding-left: 0px; }
  1417.     .radio label:after {
  1418.       top: 11px !important;
  1419.       right: 286px !important; }
  1420.     .radio label:before {
  1421.       margin-right: 5px !important;
  1422.       top: 4px !important; }
  1423.   .radio.label70 label {
  1424.     width: 70px !important;
  1425.     min-width: 70px !important; }
  1426.     .radio.label70 label:after {
  1427.       top: 11px !important;
  1428.       right: 56px !important; }
  1429.     .radio.label70 label:before {
  1430.       margin-right: 5px !important;
  1431.       top: 4px !important; }
  1432.   .radio.label150 label {
  1433.     width: 150px !important;
  1434.     min-width: 150px !important; }
  1435.     .radio.label150 label:after {
  1436.       right: 136px !important; }
  1437.   .radio.label200 label {
  1438.     width: 200px !important;
  1439.     min-width: 200px !important; }
  1440.     .radio.label200 label:after {
  1441.       right: 186px !important; }
  1442.   .radio.label250 label {
  1443.     width: 250px !important;
  1444.     min-width: 250px !important; }
  1445.     .radio.label250 label:after {
  1446.       right: 236px !important; }
  1447.   .radio.label100 label {
  1448.     width: 100px !important;
  1449.     min-width: 100px !important; }
  1450.     .radio.label100 label:after {
  1451.       right: 86px !important; }
  1452.   .radio.label520 label {
  1453.     width: 100% !important; }
  1454.     .radio.label520 label:after {
  1455.       right: 0px !important;
  1456.       left: 4px; }
  1457.  
  1458. .radio {
  1459.   display: flex;
  1460.   align-items: initial; }
  1461.   .radio table tr {
  1462.     border: none !important; }
  1463.     .radio table tr td {
  1464.       display: table-row;
  1465.       float: left; }
  1466.     .radio table tr:hover {
  1467.       background: transparent !important; }
  1468.  
  1469. .checkbox {
  1470.   line-height: 8px;
  1471.   padding-top: 3px;
  1472.   margin: 0; }
  1473.   .checkbox label {
  1474.     padding-left: 7px;
  1475.     display: inline;
  1476.     line-height: 20px; }
  1477.  
  1478. .btn-cinza {
  1479.   background: #AAAAAA !important;
  1480.   margin: 0; }
  1481.   .btn-cinza:hover {
  1482.     background: #8A8A8A !important; }
  1483.  
  1484. .btn-blue {
  1485.   background: #fff;
  1486.   color: #00b5be !important;
  1487.   margin: 0px;
  1488.   border: 1px solid #00b5be;
  1489.   padding: 2px 9px;
  1490.   line-height: 16px; }
  1491.   .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
  1492.     background: #00b5be;
  1493.     color: #fff !important;
  1494.     border-color: #fff;
  1495.     outline: none; }
  1496.     .btn-blue:hover:active, .btn-blue:focus:active, .btn-blue:active:active {
  1497.       background: #00b5be;
  1498.       color: #fff !important;
  1499.       border-color: #fff;
  1500.       outline: none; }
  1501.  
  1502. .titulo-bloco-home {
  1503.   background: #ffffff;
  1504.   padding: 15px 0px 15px 15px;
  1505.   border-bottom: 1px solid #F3F3F3; }
  1506.  
  1507. .table-striped .ui-datatable tbody tr:nth-of-type(even) {
  1508.   background: #FAFAFA; }
  1509.  
  1510. .ui-datatable .ui-datatable-footer {
  1511.   background: #f0f0f0 !important;
  1512.   min-height: 40px;
  1513.   color: #787878;
  1514.   font-weight: bold;
  1515.   font-size: 14px;
  1516.   margin-top: -20px;
  1517.   padding-top: 9px; }
  1518.   .ui-datatable .ui-datatable-footer span {
  1519.     align-self: center; }
  1520.     .ui-datatable .ui-datatable-footer span:first-child {
  1521.       float: left; }
  1522. .ui-datatable .ui-datatable-header {
  1523.   background: #787878;
  1524.   border-bottom: 1px solid #ddd !important;
  1525.   padding: 11px !important;
  1526.   font-weight: 600;
  1527.   min-height: 50px;
  1528.   line-height: 29px;
  1529.   color: #fff; }
  1530. .ui-datatable table {
  1531.   margin-bottom: 20px;
  1532.   width: 100%; }
  1533.   .ui-datatable table tr {
  1534.     border-bottom: 1px solid #DDDDDD; }
  1535.   .ui-datatable table td {
  1536.     border-top: none !important; }
  1537.   .ui-datatable table tbody tr {
  1538.     height: 40px; }
  1539.     .ui-datatable table tbody tr td {
  1540.       vertical-align: middle !important;
  1541.       padding: 10px;
  1542.       line-height: 1.42857143;
  1543.       vertical-align: top;
  1544.       border-top: 1px solid #ddd;
  1545.       border: none; }
  1546.   .ui-datatable table thead tr {
  1547.     background: #787878;
  1548.     height: 42px;
  1549.     color: #fff;
  1550.     font-weight: 400; }
  1551.     .ui-datatable table thead tr:hover {
  1552.       background: #787878 !important; }
  1553.   .ui-datatable table thead th {
  1554.     border-width: 0 !important;
  1555.     vertical-align: middle !important;
  1556.     padding: 11px 8px 8px 8px !important;
  1557.     line-height: 1.42857143 !important;
  1558.     text-align: left;
  1559.     font-weight: 600; }
  1560.  
  1561. /* Panel Grid */
  1562. .ui-panelgrid {
  1563.   width: 100%; }
  1564.   .ui-panelgrid .ui-panelgrid-header td {
  1565.     padding: 8px !important;
  1566.     text-align: left; }
  1567.   .ui-panelgrid .ui-panelgrid-header tr {
  1568.     background: #787878;
  1569.     height: 42px;
  1570.     color: #fff;
  1571.     font-weight: 600;
  1572.     border: none; }
  1573.   .ui-panelgrid .ui-panelgrid-footer td {
  1574.     border-top: 1px solid #DDDDDD !important; }
  1575.  
  1576. .table-responsive.radio {
  1577.   overflow-y: hidden; }
  1578.   .table-responsive.radio tr:hover {
  1579.     background: transparent !important; }
  1580.   .table-responsive.radio td {
  1581.     display: block;
  1582.     margin-bottom: 5px; }
  1583.  
  1584. .ui-widget-content {
  1585.   background: none;
  1586.   border: none; }
  1587.   .ui-widget-content .ui-tabs .ui-tabs-nav {
  1588.     background: none; }
  1589.     .ui-widget-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  1590.       border: none;
  1591.       background: #ffffff; }
  1592.     .ui-widget-content .ui-tabs .ui-tabs-nav li {
  1593.       background: #F2F2F2;
  1594.       margin: 1px; }
  1595.  
  1596. .ui-tabs-panel {
  1597.   background: #ffffff;
  1598.   margin: auto 4px; }
  1599.  
  1600. .icone-informacao {
  1601.   font-size: 18px !important;
  1602.   float: left;
  1603.   padding: 8px; }
  1604.  
  1605. .largura-88 {
  1606.   width: 88% !important; }
  1607.  
  1608. .largura-87 {
  1609.   width: 87% !important; }
  1610.  
  1611. .largura-80 {
  1612.   width: 80% !important; }
  1613.  
  1614. .col-lg-12 > .form-group > .largura-88 {
  1615.   width: 91% !important; }
  1616.  
  1617. .btn-veja {
  1618.   font-size: 12px !important;
  1619.   margin-top: 4px;
  1620.   text-decoration: underline !important;
  1621.   display: block; }
  1622.  
  1623. .stop-float {
  1624.   clear: both; }
  1625.  
  1626. .link-termos {
  1627.   text-decoration: underline !important; }
  1628.  
  1629. .link-marker {
  1630.   margin-top: 5px; }
  1631.   .link-marker strong {
  1632.     color: #EE1D23;
  1633.     margin-right: 5px; }
  1634.  
  1635. .icon-data-input i {
  1636.   position: absolute;
  1637.   right: 25px;
  1638.   padding: 8px 0;
  1639.   font-size: 17px !important;
  1640.   z-index: 9; }
  1641. .icon-data-input input {
  1642.   z-index: 10;
  1643.   position: relative;
  1644.   background: transparent !important; }
  1645.  
  1646. .icon-data-input i {
  1647.   position: absolute;
  1648.   right: 25px;
  1649.   padding: 8px 0;
  1650.   font-size: 17px !important;
  1651.   z-index: 9; }
  1652. .icon-data-input input {
  1653.   z-index: 10;
  1654.   position: relative;
  1655.   background: transparent !important;
  1656.   display: block;
  1657.   width: 100%;
  1658.   height: 34px;
  1659.   padding: 6px 12px;
  1660.   font-size: 14px;
  1661.   line-height: 1.42857143;
  1662.   color: #555;
  1663.   outline: none;
  1664.   cursor: pointer;
  1665.   background-image: none;
  1666.   border: 1px solid #ccc;
  1667.   border-radius: 4px;
  1668.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1669.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1670.   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  1671.   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  1672.   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
  1673.  
  1674. .ui-datepicker {
  1675.   width: 17em;
  1676.   padding: .2em !important;
  1677.   display: none;
  1678.   position: absolute;
  1679.   top: 100%;
  1680.   left: 0;
  1681.   z-index: 1000;
  1682.   display: none;
  1683.   float: left;
  1684.   min-width: 160px;
  1685.   padding: 5px 0;
  1686.   margin: 2px 0 0;
  1687.   font-size: 14px;
  1688.   text-align: left;
  1689.   list-style: none;
  1690.   color: #41555E;
  1691.   background: #ffffff !important;
  1692.   -webkit-background-clip: padding-box;
  1693.   background-clip: padding-box;
  1694.   border: 1px solid #ccc;
  1695.   border: 1px solid rgba(0, 0, 0, 0.15);
  1696.   border-radius: 4px;
  1697.   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1698.   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1699.   font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  1700.   .ui-datepicker .ui-datepicker-days-cell-over .ui-state-highlight {
  1701.     background: #41555E;
  1702.     color: #ffffff; }
  1703.     .ui-datepicker .ui-datepicker-days-cell-over .ui-state-highlight:hover {
  1704.       background: #324147; }
  1705.   .ui-datepicker .ui-state-disabled {
  1706.     background: #ffffff !important; }
  1707.   .ui-datepicker .ui-datepicker-other-month a {
  1708.     color: #C9C9C9; }
  1709.   .ui-datepicker table {
  1710.     font-size: 1em !important; }
  1711.   .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  1712.     display: inline-block;
  1713.     font-size: inherit;
  1714.     text-rendering: auto;
  1715.     -webkit-font-smoothing: antialiased;
  1716.     -moz-osx-font-smoothing: grayscale;
  1717.     text-align: center;
  1718.     font-size: 1.3em !important;
  1719.     text-decoration: none !important;
  1720.     z-index: 999999 !important;
  1721.     right: 2px !important; }
  1722.     .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  1723.       content: "\f054";
  1724.       font-family: FontAwesome; }
  1725.   .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  1726.     display: inline-block;
  1727.     font-size: inherit;
  1728.     text-rendering: auto;
  1729.     -webkit-font-smoothing: antialiased;
  1730.     -moz-osx-font-smoothing: grayscale;
  1731.     text-align: center;
  1732.     font-size: 1.3em !important;
  1733.     text-decoration: none !important;
  1734.     z-index: 999999 !important;
  1735.     left: 2px !important; }
  1736.     .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:before {
  1737.       content: "\f053";
  1738.       font-family: FontAwesome; }
  1739.   .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  1740.     top: .5em !important; }
  1741.   .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  1742.     line-height: 2.5em !important;
  1743.     font-weight: bold !important;
  1744.     text-transform: uppercase !important; }
  1745.   .ui-datepicker .ui-datepicker-calendar tr {
  1746.     border: none !important; }
  1747.     .ui-datepicker .ui-datepicker-calendar tr:hover {
  1748.       background: #ffffff !important; }
  1749.   .ui-datepicker td span, .ui-datepicker td a {
  1750.     padding: .55em !important;
  1751.     text-align: center;
  1752.     border-radius: 50px;
  1753.     margin-left: 5px;
  1754.     width: 75%; }
  1755.     .ui-datepicker td span:hover, .ui-datepicker td a:hover {
  1756.       background: #EEEEEE; }
  1757.     .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active {
  1758.       color: #ffffff;
  1759.       background: #42555E; }
  1760.       .ui-datepicker td span.ui-state-active:hover, .ui-datepicker td a.ui-state-active:hover {
  1761.         opacity: 0.9; }
  1762.   .ui-datepicker.ui-widget-content {
  1763.     background: none;
  1764.     border: none;
  1765.     top: 0;
  1766.     left: 0;
  1767.     width: 355px;
  1768.     padding: 4px;
  1769.     margin-top: 1px;
  1770.     z-index: 3000;
  1771.     -webkit-border-radius: 4px;
  1772.     -moz-border-radius: 4px;
  1773.     border-radius: 4px;
  1774.     z-index: 9999999 !important; }
  1775.  
  1776. /* overlay */
  1777. .ui-widget-overlay {
  1778.   background: rgba(0, 0, 0, 0.43);
  1779.   z-index: 9999 !important; }
  1780.  
  1781. .ui-dialog.ui-overlay-visible {
  1782.   background: #ffffff;
  1783.   z-index: 999999 !important; }
  1784.   .ui-dialog.ui-overlay-visible .ui-state-disabled {
  1785.     background: transparent; }
  1786.  
  1787. .ui-dialog .ui-outputpanel.boxMessagePadrao {
  1788.   height: auto;
  1789.   width: auto;
  1790.   min-width: 400px;
  1791.   min-height: 90px;
  1792.   max-width: 550px;
  1793.   overflow: hidden; }
  1794.  
  1795. .ui-dialog .content-modal-text {
  1796.   padding: 20px 20px;
  1797.   border-bottom: 1px solid #ECECEC; }
  1798.  
  1799. .ui-dialog .content-modal-text img {
  1800.   width: 35px;
  1801.   height: 35px;
  1802.   vertical-align: super; }
  1803.  
  1804. .ui-dialog .content-modal-text label {
  1805.   margin-left: 15px;
  1806.   word-wrap: break-word;
  1807.   white-space: pre-wrap;
  1808.   max-width: 470px;
  1809.   vertical-align: top; }
  1810.  
  1811. .ui-dialog .content-modal-footer {
  1812.   padding: 10px;
  1813.   display: inline-block;
  1814.   float: right; }
  1815.  
  1816. .boxMessagePadrao {
  1817.   height: 320px;
  1818.   width: 640px;
  1819.   font-size: 14px;
  1820.   font-weight: 400;
  1821.   line-height: 1.42857143;
  1822.   text-align: center;
  1823.   white-space: nowrap;
  1824.   vertical-align: middle;
  1825.   -ms-touch-action: manipulation;
  1826.   touch-action: manipulation;
  1827.   cursor: pointer;
  1828.   -webkit-user-select: none;
  1829.   -moz-user-select: none;
  1830.   -ms-user-select: none;
  1831.   user-select: none;
  1832.   background-image: none;
  1833.   border: 1px solid transparent;
  1834.   border-radius: 4px;
  1835.   margin: -5px -12px -6px -12px;
  1836.   background: #ffffff; }
  1837.  
  1838. .ui-draggable .ui-dialog-titlebar {
  1839.   cursor: move;
  1840.   display: none; }
  1841.  
  1842. /* inicio modal */
  1843. .modal-box {
  1844.   background: #ffffff; }
  1845.   .modal-box.modal-scroll {
  1846.     height: 75% !important; }
  1847.     .modal-box.modal-scroll .ui-dialog-content {
  1848.       height: 87% !important;
  1849.       overflow-y: auto; }
  1850.   .modal-box .ui-dialog-title {
  1851.     font-size: 18px; }
  1852.   .modal-box .ui-dialog-titlebar {
  1853.     border-bottom: 1px solid #DDDDDD;
  1854.     margin-bottom: 20px;
  1855.     display: block !important; }
  1856.   .modal-box a.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  1857.     background: url("../images/close.png") !important;
  1858.     background-size: contain !important;
  1859.     background-repeat: no-repeat !important;
  1860.     width: 25px !important;
  1861.     height: 23px !important;
  1862.     margin: 5px !important;
  1863.     display: block !important; }
  1864.   .modal-box .ui-dialog-content {
  1865.     overflow: hidden; }
  1866.  
  1867. /* fim modal */
  1868. .titulo-bg-cinza-radio {
  1869.   background: #F2F2F2;
  1870.   margin-bottom: 20px;
  1871.   padding-top: 1px;
  1872.   padding-bottom: 1px; }
  1873.  
  1874. .titulo-bg-cinza {
  1875.   background: #F2F2F2;
  1876.   margin-bottom: 20px;
  1877.   padding: 15px; }
  1878.  
  1879. .margin-top-10 {
  1880.   margin-top: 10px !important; }
  1881.  
  1882. .separator-no-top {
  1883.   margin-top: 0px !important; }
  1884.  
  1885. .sign-line {
  1886.   border-color: #999999 !important;
  1887.   border-top: 1px solid #999999 !important; }
  1888.  
  1889. .sign-fields {
  1890.   margin-top: 150px;
  1891.   margin-bottom: 20px; }
  1892.  
  1893. .li-termos input[type="radio"] + label {
  1894.   width: 500px; }
  1895. .li-termos input[type="radio"]:checked + label:after {
  1896.   right: 476px; }
  1897.  
  1898. .margin-space p {
  1899.   margin-bottom: 5px; }
  1900.  
  1901. .inline-form .row {
  1902.   padding: 15px 0px 10px 0px; }
  1903. .inline-form label {
  1904.   margin-bottom: 0px;
  1905.   margin-top: 8px; }
  1906.  
  1907. .titulo-destaque {
  1908.   text-align: center;
  1909.   margin: 100px 0px; }
  1910.  
  1911. .border-left-col {
  1912.   border-left: 1px solid #D6D6D6; }
  1913.  
  1914. .border-right-col {
  1915.   border-right: 1px solid #D6D6D6; }
  1916.  
  1917. .btn-period {
  1918.   padding: 4px 30px;
  1919.   background: #64737A;
  1920.   color: #ffffff;
  1921.   font-weight: 100;
  1922.   margin-right: 15px !important; }
  1923.   .btn-period.btn-default {
  1924.     margin-left: 0; }
  1925.   .btn-period:hover {
  1926.     background: #3D4D54;
  1927.     color: #ffffff; }
  1928.   .btn-period:visited {
  1929.     color: #ffffff; }
  1930.   .btn-period.selected {
  1931.     background: #36454B; }
  1932.     .btn-period.selected:hover {
  1933.       background: #3D4D54;
  1934.       color: #ffffff; }
  1935.   .btn-period.add-in-out {
  1936.     margin: 15px 0;
  1937.     width: 100px; }
  1938.  
  1939. .grey-row {
  1940.   margin-left: -5px; }
  1941.   .grey-row .grey-col {
  1942.     background: #F2F2F2;
  1943.     padding-top: 15px;
  1944.     padding-bottom: 15px;
  1945.     padding-left: 7px; }
  1946.  
  1947. .destaque-text {
  1948.   padding: 30px 115px; }
  1949.  
  1950. .termos-block {
  1951.   height: 300px;
  1952.   border: 1px solid #ccc;
  1953.   border-radius: 5px;
  1954.   padding: 15px;
  1955.   overflow-y: scroll;
  1956.   width: 100%;
  1957.   margin-bottom: 10px; }
  1958.   .termos-block.height510 {
  1959.     height: 510px !important; }
  1960.  
  1961. .inputs-grey-header div {
  1962.   background: #EEEEEE;
  1963.   border-bottom: 2px solid #D7D7D7; }
  1964. .inputs-grey-header label {
  1965.   margin-top: 15px;
  1966.   margin-bottom: 15px; }
  1967.  
  1968. .inputs-grey-block div {
  1969.   padding-top: 3px;
  1970.   background: #EEEEEE; }
  1971.  
  1972. .address-bottom {
  1973.   margin-bottom: 50px;
  1974.   margin-top: 20px; }
  1975.  
  1976. .date-separator {
  1977.   width: 5px;
  1978.   padding: 0;
  1979.   height: 34px;
  1980.   display: flex;
  1981.   align-items: center; }
  1982.  
  1983. .margin-bottom-40 {
  1984.   margin-bottom: 40px !important; }
  1985.  
  1986. .margin-bottom-60 {
  1987.   margin-bottom: 60px !important; }
  1988.  
  1989. .margin-bottom-80 {
  1990.   margin-bottom: 80px !important; }
  1991.  
  1992. .floppy-excel {
  1993.   margin-right: 5px; }
  1994.  
  1995. .margin-10-sides {
  1996.   margin: 0px 10px; }
  1997.  
  1998. .altura-minima {
  1999.   min-height: 266px; }
  2000.  
  2001. .ui-tabs-panels {
  2002.   background: #ffffff; }
  2003.  
  2004. .ui-tabs-nav {
  2005.   padding: 0 !important; }
  2006.  
  2007. .ui-tabs.ui-tabs-top {
  2008.   padding: 0 !important; }
  2009.   .ui-tabs.ui-tabs-top > .ui-tabs-nav {
  2010.     border-bottom: 1px solid #CACACA;
  2011.     background: #ffffff;
  2012.     padding: 10px 0 0 6px !important; }
  2013.     .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
  2014.       top: 0;
  2015.       cursor: pointer; }
  2016.   .ui-tabs.ui-tabs-top ul .ui-corner-top {
  2017.     height: 35px;
  2018.     display: flex;
  2019.     margin: 0 !important;
  2020.     justify-content: center;
  2021.     align-items: center; }
  2022.     .ui-tabs.ui-tabs-top ul .ui-corner-top a {
  2023.       width: 100%;
  2024.       height: 95%;
  2025.       text-align: center;
  2026.       border: 0;
  2027.       margin: 0px 10px;
  2028.       padding-left: 0px;
  2029.       padding-right: 0px;
  2030.       top: 1px;
  2031.       position: relative;
  2032.       color: #41555E; }
  2033.     .ui-tabs.ui-tabs-top ul .ui-corner-top.ui-state-active {
  2034.       background: #ffffff;
  2035.       border-top: 0; }
  2036.       .ui-tabs.ui-tabs-top ul .ui-corner-top.ui-state-active > a {
  2037.         border: 0;
  2038.         border-bottom: 3px solid #1BB3BC; }
  2039.   .ui-tabs.ui-tabs-top.abas5-col12 .ui-corner-top {
  2040.     height: 64px; }
  2041.     .ui-tabs.ui-tabs-top.abas5-col12 .ui-corner-top a {
  2042.       height: 97%;
  2043.       margin: 0;
  2044.       padding-top: 20px; }
  2045.  
  2046. .img-visa {
  2047.   position: relative;
  2048.   bottom: 10px; }
  2049.  
  2050. .margin-left-25 {
  2051.   margin-left: 25px; }
  2052.  
  2053. .margin-left-48 {
  2054.   margin-left: 48px; }
  2055.  
  2056. .cod-barras-input .col-md-3 img {
  2057.   padding-left: 55px; }
  2058. .cod-barras-input .col-md-2 .form-group {
  2059.   width: 40%;
  2060.   float: left;
  2061.   margin-right: 10px; }
  2062. .cod-barras-input .label-cod {
  2063.   margin-top: 38px; }
  2064. .cod-barras-input img {
  2065.   padding-left: 22px;
  2066.   position: relative;
  2067.   bottom: 4px; }
  2068.  
  2069. .popover-submenu {
  2070.   border-radius: 0px;
  2071.   font-size: 12px;
  2072.   max-width: 100%;
  2073.   padding: 0px !important;
  2074.   overflow: inherit !important; }
  2075.   .popover-submenu .ui-dialog-content.ui-widget-content {
  2076.     padding: 0px 1px 0 0px;
  2077.     overflow: inherit !important; }
  2078.   .popover-submenu .popover-title {
  2079.     padding: 15px 0px 15px 25px;
  2080.     font-size: 18px;
  2081.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif;
  2082.     font-weight: bold;
  2083.     background: #ffffff;
  2084.     margin-bottom: 15px; }
  2085.   .popover-submenu .popover-content {
  2086.     padding-left: 25px; }
  2087.   .popover-submenu .popover-footer {
  2088.     background: #F7F7F7;
  2089.     margin-top: 30px;
  2090.     text-align: right;
  2091.     padding: 10px; }
  2092.     .popover-submenu .popover-footer a {
  2093.       display: inline-block;
  2094.       border: none;
  2095.       padding: 5px 25px;
  2096.       background: #42555E; }
  2097.       .popover-submenu .popover-footer a:hover {
  2098.         background: #394A53 !important; }
  2099.   .popover-submenu .thumb-drop {
  2100.     margin: 10px 0; }
  2101.     .popover-submenu .thumb-drop img {
  2102.       height: 30px;
  2103.       width: auto;
  2104.       margin-right: 10px;
  2105.       float: left; }
  2106.     .popover-submenu .thumb-drop .txt-drop {
  2107.       margin-left: 10px; }
  2108.   .popover-submenu .seal-options.opt {
  2109.     padding: 8px 16px; }
  2110.   .popover-submenu span.negativo {
  2111.     color: #EE1D23 !important; }
  2112.   .popover-submenu .list-links {
  2113.     margin-bottom: 15px; }
  2114.     .popover-submenu .list-links li, .popover-submenu .list-links li > a {
  2115.       float: left;
  2116.       background: #ffffff;
  2117.       text-align: left;
  2118.       cursor: pointer;
  2119.       border: none;
  2120.       color: #333;
  2121.       line-height: 20px;
  2122.       font-size: 13px;
  2123.       width: 100%; }
  2124.       .popover-submenu .list-links li a, .popover-submenu .list-links li > a a {
  2125.         font-size: 11px; }
  2126.         .popover-submenu .list-links li a:hover, .popover-submenu .list-links li > a a:hover {
  2127.           text-decoration: underline; }
  2128.  
  2129. .arrow-submenu {
  2130.   text-align: right;
  2131.   height: 1px; }
  2132.   .arrow-submenu img {
  2133.     position: relative;
  2134.     bottom: 18px; }
  2135.  
  2136. .table-fixed-values tr {
  2137.   border-bottom: 1px solid #f9f9f9 !important; }
  2138. .table-fixed-values td {
  2139.   border: none !important; }
  2140. .table-fixed-values.fixed-column td {
  2141.   width: 150px; }
  2142.  
  2143. .striped-row div {
  2144.   border-bottom: 1px #ccc dashed; }
  2145. .striped-row p {
  2146.   margin-bottom: 10px; }
  2147.  
  2148. .table th.strippedLinhaClear {
  2149.   background: #ffffff !important; }
  2150.  
  2151. .strippedLinhaClear {
  2152.   background: #ffffff !important; }
  2153.  
  2154. .strippedLinhaDark {
  2155.   background: #999999; }
  2156.  
  2157. .padding-right-35 {
  2158.   padding-right: 35px; }
  2159.  
  2160. .padding-right-15 {
  2161.   padding-right: 15px; }
  2162.  
  2163. .pendencias-selecionadas {
  2164.   position: fixed;
  2165.   bottom: 12px;
  2166.   width: 100%;
  2167.   padding: 14px 0;
  2168.   padding-right: 72px;
  2169.   display: inline-block;
  2170.   line-height: 27px;
  2171.   text-align: right;
  2172.   font-size: 14px;
  2173.   z-index: 9995 !important; }
  2174.   .pendencias-selecionadas > div {
  2175.     padding: 0; }
  2176.   .pendencias-selecionadas div:first-child {
  2177.     padding-left: 15px; }
  2178.   .pendencias-selecionadas div:last-child {
  2179.     padding-right: 15px; }
  2180.   .pendencias-selecionadas a {
  2181.     background: #EE1D23 !important; }
  2182.     .pendencias-selecionadas a:hover {
  2183.       background: #C00E12 !important; }
  2184.   .pendencias-selecionadas .pen {
  2185.     padding-top: 14px;
  2186.     padding-bottom: 14px;
  2187.     background: #DDDDDD;
  2188.     height: 60px; }
  2189.     .pendencias-selecionadas .pen a {
  2190.       margin-right: 15px; }
  2191.     .pendencias-selecionadas .pen label {
  2192.       font-size: 14px;
  2193.       padding-top: 5px; }
  2194.  
  2195. .assinatura-abas .ui-tabs-panel.ui-widget-content {
  2196.   position: relative; }
  2197.  
  2198. .divisao-getnet {
  2199.   border-right: 1px solid #CACACA; }
  2200.  
  2201. .grafico-getnet-legenda i {
  2202.   font-size: 16px !important; }
  2203.   .grafico-getnet-legenda i.visa {
  2204.     color: #183282; }
  2205.   .grafico-getnet-legenda i.master {
  2206.     color: #f00; }
  2207.   .grafico-getnet-legenda i.elo {
  2208.     color: #ff0; }
  2209. .grafico-getnet-legenda span {
  2210.   margin-right: 10px; }
  2211.  
  2212. .tooltip-getnet {
  2213.   position: absolute;
  2214.   bottom: 25px;
  2215.   left: 125px;
  2216.   z-index: 99; }
  2217.   .tooltip-getnet i {
  2218.     font-size: 20px !important; }
  2219.  
  2220. .legenda-cobranca h5 {
  2221.   display: inline-block; }
  2222. .legenda-cobranca p {
  2223.   margin-left: 33px;
  2224.   font-weight: bold;
  2225.   color: #999999; }
  2226. .legenda-cobranca i {
  2227.   margin-right: 10px;
  2228.   font-size: 24px !important; }
  2229.   .legenda-cobranca i.tit-vencido {
  2230.     color: #FF1300;
  2231.     vertical-align: middle; }
  2232.   .legenda-cobranca i.tit-a-vencer {
  2233.     color: #FFA500;
  2234.     vertical-align: middle; }
  2235.   .legenda-cobranca i.total-master {
  2236.     color: #FF9C00;
  2237.     vertical-align: middle; }
  2238.   .legenda-cobranca i.total-visa {
  2239.     color: #183282;
  2240.     vertical-align: middle; }
  2241.  
  2242. .img-qtd {
  2243.   width: 70px;
  2244.   z-index: 99999;
  2245.   height: 60px;
  2246.   position: absolute;
  2247.   right: 32px;
  2248.   top: 25px; }
  2249.   .img-qtd p {
  2250.     font-weight: bold;
  2251.     color: #999999;
  2252.     font-size: 10px;
  2253.     position: absolute;
  2254.     text-align: center;
  2255.     right: 18px;
  2256.     top: 10px; }
  2257.  
  2258. .img-grafico-cobranca {
  2259.   position: relative; }
  2260.  
  2261. .txt-img-qtd {
  2262.   color: #415F54;
  2263.   font-size: 20px;
  2264.   font-weight: bold;
  2265.   text-align: center;
  2266.   position: absolute;
  2267.   right: 10px;
  2268.   top: 24px; }
  2269.  
  2270. .familia-fundos .border-circle {
  2271.   width: 20px;
  2272.   height: 20px;
  2273.   line-height: 3px;
  2274.   border-radius: 50%;
  2275.   border: 1px inset #ffffff;
  2276.   -moz-border-radius: 50%;
  2277.   -webkit-border-radius: 50%; }
  2278. .familia-fundos h5 {
  2279.   margin-bottom: 20px; }
  2280. .familia-fundos p {
  2281.   margin-bottom: 15px;
  2282.   display: flex;
  2283.   align-items: center; }
  2284.   .familia-fundos p i {
  2285.     margin-right: 10px;
  2286.     font-size: 24px !important; }
  2287.     .familia-fundos p i.curto-prazo {
  2288.       color: #AFEEEE; }
  2289.     .familia-fundos p i.di {
  2290.       color: #87CEEB; }
  2291.     .familia-fundos p i.renda-fixa {
  2292.       color: #6495ED; }
  2293.     .familia-fundos p i.multimercado {
  2294.       color: #DEB887; }
  2295.     .familia-fundos p i.cambial {
  2296.       color: #FFA500; }
  2297.     .familia-fundos p i.acoes {
  2298.       color: #FF1300; }
  2299.     .familia-fundos p i.outros {
  2300.       color: #808080; }
  2301.  
  2302. .data-ate .col-md-1, .data-ate .col-lg-1 {
  2303.   width: 2%;
  2304.   line-height: 35px;
  2305.   padding: 0; }
  2306.  
  2307. .aviso-comprovante {
  2308.   text-align: center;
  2309.   font-size: 12px; }
  2310.  
  2311. .input-help {
  2312.   padding-left: 0px !important; }
  2313.   .input-help label, .input-help img, .input-help a {
  2314.     margin-top: 34px;
  2315.     font-weight: initial; }
  2316.   .input-help.bottom label {
  2317.     margin-top: 39px; }
  2318.  
  2319. .input-help-no-label {
  2320.   padding-left: 0 !important; }
  2321.   .input-help-no-label label {
  2322.     margin-top: 8px;
  2323.     font-weight: initial; }
  2324.  
  2325. .hr-Dashed {
  2326.   border-style: dashed; }
  2327.  
  2328. select {
  2329.   width: 100%;
  2330.   outline: none;
  2331.   height: 34px;
  2332.   padding: 6px 12px;
  2333.   font-size: 14px;
  2334.   line-height: 1.42857143;
  2335.   color: #555;
  2336.   border: 1px solid #ccc;
  2337.   border-radius: 4px;
  2338.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2339.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2340.   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  2341.   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  2342.   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  2343.   -webkit-appearance: none;
  2344.   -moz-appearance: none;
  2345.   -ms-appearance: none;
  2346.   -o-appearance: none;
  2347.   background: url("../images/icon-select.png") no-repeat 97% 50% #fff; }
  2348.  
  2349. select {
  2350.   background: #ffffff \9  !important; }
  2351.  
  2352. .previous-next {
  2353.   margin-left: 8px !important;
  2354.   font-size: 14px !important; }
  2355.  
  2356. .margin-bottom-120 {
  2357.   margin-bottom: 120px; }
  2358.  
  2359. .ui-state-disabled {
  2360.   background: #F2F2F2; }
  2361.  
  2362. .btn {
  2363.   min-width: 90px;
  2364.   padding: 8px !important;
  2365.   font-size: 14px !important;
  2366.   height: 34px; }
  2367.   .btn.ui-state-disabled {
  2368.     background: #BBBBBB; }
  2369.  
  2370. .label-e3e3e3 {
  2371.   background: #e3e3e3;
  2372.   padding: 15px 10px 10px 20px; }
  2373.  
  2374. .label-ededed {
  2375.   background: #ededed;
  2376.   padding: 15px 10px 10px 20px; }
  2377.  
  2378. .label-ffffff {
  2379.   background: #ffffff;
  2380.   padding: 15px 10px 10px 20px; }
  2381.  
  2382. .form-group-no-margin {
  2383.   margin-bottom: 0px !important; }
  2384.  
  2385. .label25 {
  2386.   width: 25% !important;
  2387.   font-weight: normal !important;
  2388.   text-align: right; }
  2389.  
  2390. .label10 {
  2391.   width: 10% !important;
  2392.   font-weight: normal !important;
  2393.   text-align: right; }
  2394.  
  2395. .margin5 {
  2396.   margin-right: 5px; }
  2397.  
  2398. .margin-5-top {
  2399.   margin-top: 5px; }
  2400.  
  2401. .a-periodo {
  2402.   line-height: 24px !important;
  2403.   padding: 0 !important;
  2404.   width: 0% !important;
  2405.   margin-left: 8px; }
  2406.  
  2407. .no-padding {
  2408.   padding: 0; }
  2409.  
  2410. .border-bottom-d6d6d6 {
  2411.   border-bottom: #d6d6d6 2px solid; }
  2412.  
  2413. .padding-total-label {
  2414.   padding: 15px 10px 10px 20px; }
  2415.  
  2416. .no-margin {
  2417.   margin: 0; }
  2418.  
  2419. .no-margin-top {
  2420.   margin-top: 0px; }
  2421.  
  2422. .table-dashed tr {
  2423.   border-bottom: 1px dashed #DDDDDD !important; }
  2424.  
  2425. .altura-minima-assinatura {
  2426.   min-height: 120px; }
  2427.  
  2428. .margin-bottom-120 {
  2429.   margin-bottom: 120px; }
  2430.  
  2431. .ui-blockui {
  2432.   background: transparent; }
  2433.  
  2434. .third-step2 {
  2435.   position: relative;
  2436.   left: -30px; }
  2437.  
  2438. .label-sideRadio {
  2439.   line-height: 35px; }
  2440.  
  2441. .green-check {
  2442.   line-height: 23px; }
  2443.   .green-check i {
  2444.     color: #59B200;
  2445.     font-size: 25px !important;
  2446.     margin-right: 10px;
  2447.     float: left; }
  2448.  
  2449. .alert-box {
  2450.   margin: 0 auto;
  2451.   align-items: center;
  2452.   justify-content: center; }
  2453.   .alert-box span {
  2454.     display: table;
  2455.     font-size: 12px;
  2456.     margin: 7px 0px; }
  2457.   .alert-box i {
  2458.     margin-top: 18px;
  2459.     margin-right: 8px;
  2460.     float: left;
  2461.     color: #FFD24D;
  2462.     font-size: 30px !important; }
  2463.  
  2464. /* css relacionado a darf Simples*/
  2465. .checkBox-darfSimples, .checkBox-darf {
  2466.   margin-left: 20px; }
  2467.  
  2468. .imgExclamacao-DarfSimples {
  2469.   width: 30px;
  2470.   height: 30px; }
  2471.  
  2472. .imgInfoApuracao {
  2473.   width: 15px;
  2474.   height: 18px;
  2475.   margin-left: 8px; }
  2476.  
  2477. .imgValorPrinc, .imgInfoPercen, .imgInfoReceitaBruta {
  2478.   width: 15px;
  2479.   height: 18px;
  2480.   margin-left: 6px;
  2481.   margin-top: 8px; }
  2482.  
  2483. .republicaFb-darfSimples {
  2484.   width: 85px;
  2485.   height: 85px;
  2486.   margin-left: 20px;
  2487.   margin-top: -10px; }
  2488.  
  2489. .textArea-darfSimples {
  2490.   top: 32px;
  2491.   position: relative; }
  2492.  
  2493. .darf-apelido {
  2494.   margin-top: 7px; }
  2495.   .darf-apelido .col-md-4 {
  2496.     padding-left: 0;
  2497.     padding-right: 0; }
  2498.  
  2499. /* Tooltip */
  2500. .ui-tooltip {
  2501.   background: #ffffff !important;
  2502.   font-size: 12px;
  2503.   line-height: 16px;
  2504.   padding: 15px 30px 15px 15px;
  2505.   border-radius: 5px;
  2506.   box-shadow: 0px 3px 8px -4px;
  2507.   width: 300px !important;
  2508.   z-index: 999999 !important; }
  2509.  
  2510. .font-12 {
  2511.   font-size: 12px; }
  2512.  
  2513. .font-14 {
  2514.   font-size: 14px; }
  2515.  
  2516. .font-17 {
  2517.   font-size: 14px; }
  2518.  
  2519. /* Inicio TreeStyle */
  2520. .node-pai {
  2521.   margin-top: -18px;
  2522.   margin-left: 10px;
  2523.   margin-bottom: 0;
  2524.   padding-top: 0 !important; }
  2525.  
  2526. .li-nivel1 {
  2527.   float: left;
  2528.   min-height: 40px;
  2529.   /*overflow: auto*/
  2530.   margin-left: 10px; }
  2531.   .li-nivel1 li {
  2532.     line-height: 28px; }
  2533.     .li-nivel1 li .node-pai .treeview-itens {
  2534.       line-height: 7px;
  2535.       min-height: 10px !important; }
  2536.       .li-nivel1 li .node-pai .treeview-itens:before {
  2537.         bottom: 8px; }
  2538.       .li-nivel1 li .node-pai .treeview-itens:after {
  2539.         bottom: 12px;
  2540.         top: initial; }
  2541.     .li-nivel1 li .treeview-itens {
  2542.       line-height: 20px;
  2543.       width: 100% !important;
  2544.       min-width: initial !important;
  2545.       display: block; }
  2546.     .li-nivel1 li .checkbox label:after {
  2547.       left: 6px;
  2548.       top: 2px; }
  2549.   .li-nivel1 ul {
  2550.     margin: 0;
  2551.     list-style: none;
  2552.     float: left; }
  2553.  
  2554. .li-nivel2 {
  2555.   width: 33.3333% !important;
  2556.   display: inline-block;
  2557.   vertical-align: top; }
  2558.   .li-nivel2 ul {
  2559.     float: inherit;
  2560.     position: inherit;
  2561.     margin: 0;
  2562.     list-style: none;
  2563.     padding: 1px; }
  2564.     .li-nivel2 ul li {
  2565.       position: relative;
  2566.       padding-left: 18px;
  2567.       list-style: none; }
  2568.  
  2569. .closed {
  2570.   padding: 0px;
  2571.   height: 0px; }
  2572.  
  2573. .opened {
  2574.   padding: 10px;
  2575.   height: auto; }
  2576.  
  2577. .li-nivel2[style="visibility: hidden;"] {
  2578.   float: left !important;
  2579.   position: relative !important;
  2580.   display: block; }
  2581.  
  2582. .toolbar {
  2583.   padding: 10px;
  2584.   float: left;
  2585.   padding-left: 0; }
  2586.  
  2587. .toolbar a {
  2588.   margin-right: 10px; }
  2589.  
  2590. .li-nivel3 {
  2591.   padding: 2px;
  2592.   padding-top: 5px; }
  2593.   .li-nivel3 ul {
  2594.     padding-left: 18px;
  2595.     list-style: none;
  2596.     float: left; }
  2597.     .li-nivel3 ul li {
  2598.       width: 100%;
  2599.       list-style: none;
  2600.       float: left; }
  2601.  
  2602. .treeview-panel input[type='checkbox'] {
  2603.   cursor: auto !important;
  2604.   width: 16px !important;
  2605.   height: 16px !important;
  2606.   padding: 5px; }
  2607.  
  2608. .button-expandir {
  2609.   margin-bottom: -3px;
  2610.   margin-left: -10px;
  2611.   display: inline-block;
  2612.   width: 16px;
  2613.   height: 16px;
  2614.   background-repeat: no-repeat; }
  2615.  
  2616. .treeview-comprovante .button-expandir {
  2617.   display: none; }
  2618. .treeview-comprovante .node-pai {
  2619.   margin-top: 10px !important; }
  2620.  
  2621. .treeview-min {
  2622.   background-image: url(../images/u36tv.png);
  2623.   cursor: pointer; }
  2624.  
  2625. .treeview-plus {
  2626.   background-image: url(../images/u34tv.png);
  2627.   cursor: pointer; }
  2628.  
  2629. .treeview-itens {
  2630.   position: relative;
  2631.   display: inline-block;
  2632.   padding-left: 20px;
  2633.   margin-bottom: 0;
  2634.   font-weight: normal;
  2635.   vertical-align: middle;
  2636.   cursor: auto !important;
  2637.   width: 100%; }
  2638.  
  2639. .treeview-comprovante table {
  2640.   margin-left: 0 !important;
  2641.   table-layout: fixed; }
  2642.   .treeview-comprovante table tr {
  2643.     border: none !important; }
  2644. .treeview-comprovante .treeview-itens {
  2645.   padding-left: 0;
  2646.   width: 100% !important;
  2647.   min-width: initial !important;
  2648.   display: block; }
  2649.  
  2650. .link-toolbar {
  2651.   margin-top: 5px;
  2652.   cursor: pointer !important; }
  2653.   .link-toolbar strong {
  2654.     color: #EE1D23;
  2655.     margin-right: 5px; }
  2656.  
  2657. /* Fim TreeStyle */
  2658. .grid-item {
  2659.   width: 350px; }
  2660.  
  2661. .negative-value {
  2662.   color: #EE1D23; }
  2663.  
  2664. .modalGray .ui-corner-top {
  2665.   width: 100% !important;
  2666.   border: none !important;
  2667.   padding-bottom: 0 !important;
  2668.   height: 35px !important; }
  2669.   .modalGray .ui-corner-top .link-acesso-rapido {
  2670.     border: none !important; }
  2671.   .modalGray .ui-corner-top .ui-dialog-titlebar-close {
  2672.     height: 20px !important;
  2673.     width: 20px !important;
  2674.     border: none !important;
  2675.     padding: 0 !important;
  2676.     margin: 10px !important; }
  2677. .modalGray .ui-dialog-titlebar {
  2678.   display: inline-block !important; }
  2679. .modalGray .ui-dialog-content {
  2680.   margin: 0 !important;
  2681.   padding-top: 0 !important;
  2682.   background: #ffffff !important; }
  2683.   .modalGray .ui-dialog-content .titulo-gray {
  2684.     padding: 10px 0;
  2685.     font-weight: 700; }
  2686.     .modalGray .ui-dialog-content .titulo-gray label {
  2687.       font-size: 26px; }
  2688.   .modalGray .ui-dialog-content .separator-top {
  2689.     border-top: 2px solid #D6D6D6; }
  2690.  
  2691. .modalLine {
  2692.   margin-top: 7px; }
  2693.  
  2694. .table-link a {
  2695.   text-decoration: underline; }
  2696.  
  2697. .table-click tr.yellow {
  2698.   background: #FFFAD2 !important; }
  2699. .table-click tr.ui-state-highlight {
  2700.   background: #FFFAD2 !important; }
  2701.  
  2702. .bold {
  2703.   font-weight: bold !important; }
  2704.  
  2705. .input-no-label {
  2706.   margin-top: 25px; }
  2707.  
  2708. .titulo-bloco h4 {
  2709.   font-size: 16px;
  2710.   font-weight: bold; }
  2711.  
  2712. /* Overlay */
  2713. .ui-overlaypanel {
  2714.   background: #ffffff;
  2715.   z-index: 999999 !important;
  2716.   padding: 16px;
  2717.   width: 315px;
  2718.   border-radius: 5px;
  2719.   box-shadow: 2px 3px 21px -8px; }
  2720.   .ui-overlaypanel a {
  2721.     padding: 10px 22px; }
  2722.   .ui-overlaypanel .arrow {
  2723.     transform: rotate(270deg);
  2724.     -ms-transform: rotate(270deg);
  2725.     /* IE 9 */
  2726.     -webkit-transform: rotate(270deg);
  2727.     /* Chrome, Safari, Opera */
  2728.     position: relative;
  2729.     bottom: 125px;
  2730.     right: 167px; }
  2731.  
  2732. .ui-panelgrid td {
  2733.   border-width: 0px; }
  2734.  
  2735. .senhaQR {
  2736.   margin-left: 10px;
  2737.   float: left;
  2738.   width: 30%; }
  2739.  
  2740. .padding-l-10 {
  2741.   padding-left: 10px; }
  2742.  
  2743. /* Radio Grid */
  2744. .radioGrid {
  2745.   line-height: 30px; }
  2746.   .radioGrid .ui-helper-hidden-accessible {
  2747.     position: inherit !important; }
  2748.   .radioGrid .ui-radiobutton {
  2749.     margin: 0;
  2750.     line-height: inherit;
  2751.     height: 20px;
  2752.     margin-right: 16px;
  2753.     border: none !important; }
  2754.     .radioGrid .ui-radiobutton + label {
  2755.       cursor: pointer; }
  2756.     .radioGrid .ui-radiobutton .ui-radiobutton-box {
  2757.       position: relative;
  2758.       top: -19px;
  2759.       width: 18px;
  2760.       height: 18px;
  2761.       border: 1px solid #cccccc;
  2762.       background: #ffffff;
  2763.       cursor: pointer; }
  2764.   .radioGrid .ui-radiobutton-icon {
  2765.     margin: 0; }
  2766.     .radioGrid .ui-radiobutton-icon.ui-icon.ui-icon-bullet {
  2767.       width: 10px;
  2768.       height: 10px;
  2769.       border-radius: 50%;
  2770.       background: #00D15F;
  2771.       position: absolute;
  2772.       top: 3px;
  2773.       right: 3px;
  2774.       border-radius: 50%;
  2775.       background-color: #00D15F; }
  2776.   .radioGrid.extratos .ui-radiobutton {
  2777.     margin: 0 5px !important; }
  2778.     .radioGrid.extratos .ui-radiobutton + label {
  2779.       margin-right: 20px; }
  2780.   .radioGrid.extratos .form-group {
  2781.     display: inline-block;
  2782.     display: -moz-inline-box;
  2783.     display: -ms-inline-flexbox;
  2784.     width: 28%; }
  2785.   .radioGrid.tpoLanca .ui-radiobutton {
  2786.     margin: 0 5px !important;
  2787.     margin-left: 0px !important; }
  2788.     .radioGrid.tpoLanca .ui-radiobutton + label {
  2789.       margin-right: 20px; }
  2790.   .radioGrid.tpoLanca .col-xs-2 {
  2791.     width: 15%; }
  2792.     .radioGrid.tpoLanca .col-xs-2:last-child {
  2793.       width: 24.666667%; }
  2794.   .radioGrid.tpoLanca .form-group {
  2795.     display: inline-block;
  2796.     display: -moz-deck;
  2797.     display: -ms-inline-flexbox;
  2798.     width: 10%; }
  2799.   .radioGrid.tpoLanca a {
  2800.     margin-bottom: 3px; }
  2801.   .radioGrid.iconRadio {
  2802.     padding-top: 5px; }
  2803.     .radioGrid.iconRadio .ui-radiobutton {
  2804.       margin: 0 5px !important;
  2805.       margin-left: 0px !important; }
  2806.       .radioGrid.iconRadio .ui-radiobutton + label {
  2807.         margin-right: 20px; }
  2808.         .radioGrid.iconRadio .ui-radiobutton + label:last-of-type {
  2809.           margin-right: 5px; }
  2810.     .radioGrid.iconRadio .col-xs-2 {
  2811.       width: 15%; }
  2812.       .radioGrid.iconRadio .col-xs-2:last-child {
  2813.         width: 24.666667%; }
  2814.     .radioGrid.iconRadio .form-group {
  2815.       display: inline-block;
  2816.       display: -moz-deck;
  2817.       width: 10%; }
  2818.     .radioGrid.iconRadio a {
  2819.       margin-bottom: 3px; }
  2820.   .radioGrid .singleRadio .ui-radiobutton {
  2821.     float: left;
  2822.     margin-right: 10px; }
  2823.   .radioGrid .singleRadio label {
  2824.     width: 96%; }
  2825.     .radioGrid .singleRadio label .clearLine {
  2826.       line-height: 16px;
  2827.       display: block; }
  2828.  
  2829. .fimPag {
  2830.   color: #8EA6B0; }
  2831.  
  2832. .column33 {
  2833.   width: 33%; }
  2834.  
  2835. .column25 {
  2836.   width: 25%; }
  2837.  
  2838. .font-default {
  2839.   font-size: 13px; }
  2840.  
  2841. .numeroChequeInput {
  2842.   width: 50%;
  2843.   display: inline-block;
  2844.   display: -moz-inline-box;
  2845.   margin-left: 15px; }
  2846.  
  2847. /* Expandir */
  2848. img[alt=expandir] {
  2849.   display: inline-block;
  2850.   width: 15px;
  2851.   height: 17px;
  2852.   vertical-align: top; }
  2853.  
  2854. /* Perfil Autoriza´┐¢´┐¢o - Table */
  2855. .table-perfil-autorizacao tbody tr:hover {
  2856.   background: #F9F9F9; }
  2857.  
  2858. .table-perfil-autorizacao tbody tr td {
  2859.   background: transparent !important; }
  2860.  
  2861. /* table hover */
  2862. .table-hover tbody tr:hover {
  2863.   background: #f0f0f0 !important; }
  2864.  
  2865. .table-hover tbody tr td {
  2866.   background: transparent; }
  2867.  
  2868. /* Tabela Dotted */
  2869. .dotted-table tbody tr {
  2870.   border-bottom: 1px dotted #DDDDDD !important; }
  2871.  
  2872. /* Grid Header */
  2873. .header-left-grid thead tr:first-child td {
  2874.   text-align: left;
  2875.   margin-bottom: 0; }
  2876.  
  2877. .grid-header thead td {
  2878.   border-top: none;
  2879.   border-left: none;
  2880.   border-right: none;
  2881.   background: #F2F2F2;
  2882.   border-bottom: 2px solid #D7D7D7;
  2883.   padding: 10px 10px 5px 5px; }
  2884.   .grid-header thead td label {
  2885.     font-size: 12px;
  2886.     font-weight: bold; }
  2887.   .grid-header thead td:first-child {
  2888.     padding-left: 14px; }
  2889. .grid-header tbody td {
  2890.   padding: 5px;
  2891.   width: auto; }
  2892.  
  2893. .ui-selectcheckboxmenu-panel {
  2894.   background: #ffffff; }
  2895.  
  2896. .space {
  2897.   margin-right: 5px; }
  2898.  
  2899. .qrCodeFull .input {
  2900.   margin-top: 130px; }
  2901. .qrCodeFull label {
  2902.   float: left;
  2903.   margin-top: 8px;
  2904.   margin-right: 10px; }
  2905. .qrCodeFull .form-control {
  2906.   width: 40%; }
  2907.  
  2908. .value-inline span {
  2909.   margin-bottom: 5px;
  2910.   display: block; }
  2911.  
  2912. /* Firefox 20-30 */
  2913. _::-moz-math-stretchy, _:-moz-ui-valid, :root select {
  2914.   background: none; }
  2915.  
  2916. .link-open a {
  2917.   text-decoration: underline;
  2918.   display: table;
  2919.   font-weight: bold; }
  2920. .link-open p {
  2921.   display: none; }
  2922.  
  2923. .blockOverlay {
  2924.   background: transparent !important; }
  2925.  
  2926. .pointer {
  2927.   cursor: pointer; }
  2928.  
  2929. /* Icons */
  2930. .custom-icons {
  2931.   width: 20px;
  2932.   margin: 0px 5px 10px 10px; }
  2933.  
  2934. .tooptip-usuario {
  2935.   height: 16px;
  2936.   vertical-align: top; }
  2937.  
  2938. .ui-row-toggler {
  2939.   display: inline-block;
  2940.   margin-left: 5px;
  2941.   margin-right: 5px;
  2942.   vertical-align: middle;
  2943.   margin-bottom: 3px; }
  2944.  
  2945. .ui-icon-circle-triangle-e {
  2946.   background-position: 0px 0px;
  2947.   background-image: url("../images/u34_1.png"); }
  2948.  
  2949. .estabelecimentos-disponiveis table .ui-row-toggler.ui-icon-circle-triangle-e {
  2950.   background-image: url("../images/u34.png");
  2951.   width: 15px !important;
  2952.   background-repeat: round; }
  2953.  
  2954. .ui-row-toggler {
  2955.   width: 16px;
  2956.   height: 15.5px;
  2957.   transform: scale(1.2); }
  2958.  
  2959. .ui-row-toggler {
  2960.   display: inline-block;
  2961.   margin-left: 5px;
  2962.   margin-right: 5px;
  2963.   vertical-align: middle; }
  2964.  
  2965. .ui-icon-circle-triangle-s {
  2966.   background-position: 0px 0px;
  2967.   background-image: url("../images/u36_1.png"); }
  2968.  
  2969. .estabelecimentos-disponiveis table .ui-row-toggler.ui-icon-circle-triangle-s {
  2970.   background-image: url("../images/u36.png");
  2971.   width: 15px !important;
  2972.   background-repeat: round; }
  2973.  
  2974. .tooltip-col {
  2975.   width: 20px; }
  2976.   .tooltip-col img {
  2977.     -ms-transform: scale(1, 1);
  2978.     -webkit-transform: scale(1, 1);
  2979.     transform: scale(1, 1);
  2980.     width: 18px;
  2981.     height: 20px;
  2982.     margin-top: 30px; }
  2983.  
  2984. .inline-all label, .inline-all input, .inline-all span, .inline-all div {
  2985.   display: inline-block; }
  2986. .inline-all .ui-chkbox-box.ui-state-default {
  2987.   top: 5px; }
  2988.  
  2989. .initial-all label, .initial-all input, .initial-all span, .initial-all div {
  2990.   display: initial;
  2991.   display: -ms-inline-grid; }
  2992.  
  2993. .show-print {
  2994.   display: none; }
  2995.  
  2996. .treeview-preenchimento tr[name=level2] label {
  2997.   padding: 15px 0px 0px 80px !important; }
  2998.  
  2999. .treeview-preenchimento tr[name=level2] label:before {
  3000.   left: 60px; }
  3001.  
  3002. .treeview-preenchimento tr[name=level2] label:after {
  3003.   left: 66px !important;
  3004.   top: 17px !important; }
  3005.  
  3006. .treeview-preenchimento tr[name=level2] > td label:first-of-type {
  3007.   padding: 15px 0px 0px 48px !important; }
  3008.  
  3009. .treeview-preenchimento tr[name=level2] > td label:first-of-type:before {
  3010.   left: 28px; }
  3011.  
  3012. .treeview-preenchimento tr[name=level2] > td label:first-of-type:after {
  3013.   left: 34px !important;
  3014.   top: 17px !important; }
  3015.  
  3016. .modal-email {
  3017.   background: #F2F2F2 !important; }
  3018.   .modal-email .containerModal {
  3019.     margin: 5px 20px; }
  3020.   .modal-email .contentModal {
  3021.     width: 830px;
  3022.     background: #ffffff;
  3023.     margin: 10px 0 20px 0;
  3024.     padding: 10px;
  3025.     box-shadow: 1px 1px 7px 0px; }
  3026.  
  3027. .modalPage {
  3028.   background: #F2F2F2 !important;
  3029.   overflow: hidden;
  3030.   height: 96% !important; }
  3031.   .modalPage .modalContainer {
  3032.     width: 1024px;
  3033.     overflow-x: hidden; }
  3034.   .modalPage .closeModal {
  3035.     display: block;
  3036.     width: 100%;
  3037.     text-align: right;
  3038.     margin-bottom: 10px; }
  3039.     .modalPage .closeModal img {
  3040.       height: 20px;
  3041.       width: 20px; }
  3042.  
  3043. .ui-widget-overlay-temp {
  3044.   width: 100% !important;
  3045.   height: 100% !important; }
  3046.  
  3047. .tableHeaderWhite thead tr:first-child {
  3048.   background: #ffffff; }
  3049.  
  3050. .tableHeaderInvisible thead tr:first-child {
  3051.   display: none; }
  3052.  
  3053. .tableHeaderInvisible .headerShow thead tr:first-child {
  3054.   display: table-row; }
  3055.  
  3056. .modalSpan {
  3057.   vertical-align: top;
  3058.   font-size: 14px; }
  3059.  
  3060. .icone-lupa {
  3061.   width: 20px;
  3062.   margin: 0px 5px 10px 10px; }
  3063.  
  3064. .scroll-modal-autorizacoes {
  3065.   width: 850px;
  3066.   height: 500px;
  3067.   text-align: left;
  3068.   overflow-x: hidden;
  3069.   padding-right: 5px; }
  3070.  
  3071. .foot-correction tfoot {
  3072.   display: table-footer-group !important; }
  3073.  
  3074. .texto-vermelho {
  3075.   color: #EE1D23; }
  3076.  
  3077. .sub-menu-margin {
  3078.   margin-left: 10px;
  3079.   margin-top: 5px; }
  3080.  
  3081. .btn-voltar {
  3082.   color: #42555E !important;
  3083.   text-decoration: underline;
  3084.   font-size: 14px !important; }
  3085.  
  3086. .agenciaConta {
  3087.   display: inline-block;
  3088.   margin-right: 16px; }
  3089.  
  3090. .boxTitulo .site-map span {
  3091.   font-size: 14px; }
  3092.  
  3093. select[multiple], select[size] {
  3094.   height: 34px; }
  3095.  
  3096. .icon-aviso {
  3097.   margin-right: 16px;
  3098.   float: left; }
  3099.  
  3100. .icon-barcode {
  3101.   font-size: 15px !important;
  3102.   vertical-align: middle; }
  3103.  
  3104. .saldo p {
  3105.   line-height: 30px; }
  3106. .saldo .last {
  3107.   background: #f6f6f6;
  3108.   padding: 0px 15px; }
  3109. .saldo .listaSaldo {
  3110.   height: 97px; }
  3111. .saldo.completo {
  3112.   height: 219px; }
  3113.   .saldo.completo .listaSaldo {
  3114.     height: 160px; }
  3115.  
  3116. .divBtnSairAviso {
  3117.   display: inline-block;
  3118.   width: 20px;
  3119.   height: 20px;
  3120.   position: relative;
  3121.   bottom: 20px;
  3122.   float: right; }
  3123.  
  3124. .maquinaImage a {
  3125.   float: right;
  3126.   font-size: 11px; }
  3127. .maquinaImage img {
  3128.   float: right; }
  3129.  
  3130. .maquinaGetNet {
  3131.   height: 208px; }
  3132.   .maquinaGetNet .valor {
  3133.     font-size: 12px;
  3134.     font-weight: 600;
  3135.     color: #41555e; }
  3136.   .maquinaGetNet .obs {
  3137.     font-size: 10px;
  3138.     margin-left: 0px; }
  3139.     .maquinaGetNet .obs a {
  3140.       font-size: 10px; }
  3141.   .maquinaGetNet .cartaoVisa {
  3142.     margin-left: 0px;
  3143.     margin-bottom: 10px;
  3144.     padding-left: 4px;
  3145.     border-left: 5px solid #183282; }
  3146.   .maquinaGetNet .boletoVencer {
  3147.     margin-left: 0px;
  3148.     margin-bottom: 20px;
  3149.     padding-left: 4px;
  3150.     border-left: 5px solid #FF9A00; }
  3151.     .maquinaGetNet .boletoVencer .tituloBoleto {
  3152.       font-weight: bold;
  3153.       color: #41555e; }
  3154.   .maquinaGetNet .cartaoMaster {
  3155.     margin-left: 0px;
  3156.     margin-bottom: 10px;
  3157.     padding-left: 4px;
  3158.     border-left: 5px solid #f00; }
  3159.   .maquinaGetNet .cartaoElo {
  3160.     margin-left: 0px;
  3161.     margin-bottom: 10px;
  3162.     padding-left: 4px;
  3163.     border-left: 5px solid #ff0; }
  3164.   .maquinaGetNet .totalReceber {
  3165.     margin-left: 0px;
  3166.     margin-bottom: 0px;
  3167.     padding-left: 4px; }
  3168.   .maquinaGetNet .boletoVencidos {
  3169.     margin-left: 0px;
  3170.     margin-bottom: 20px;
  3171.     padding-left: 4px;
  3172.     border-left: 5px solid #FF1300; }
  3173.     .maquinaGetNet .boletoVencidos .tituloBoleto {
  3174.       font-weight: bold;
  3175.       color: #41555e; }
  3176.   .maquinaGetNet .jqplot-target {
  3177.     display: block;
  3178.     float: right; }
  3179.   .maquinaGetNet.investimentos .valorInvestimento {
  3180.     font-size: 18px;
  3181.     font-weight: bold; }
  3182.   .maquinaGetNet.investimentos .linkGrafico {
  3183.     position: absolute;
  3184.     top: 150px;
  3185.     right: 30px; }
  3186.   .maquinaGetNet.investimentos .tituloTotal {
  3187.     font-weight: bold;
  3188.     color: #999999; }
  3189.   .maquinaGetNet.investimentos .totalReceber {
  3190.     padding-top: 25px; }
  3191.   .maquinaGetNet .lancamentos {
  3192.     width: 100%;
  3193.     padding-top: 20px; }
  3194.  
  3195. .img-getnet {
  3196.   padding-top: 15px; }
  3197.  
  3198. .esfera {
  3199.   height: 254px;
  3200.   padding: 0 !important; }
  3201.   .esfera img {
  3202.     width: 100%;
  3203.     height: 254px;
  3204.     position: relative; }
  3205.  
  3206. .acessoRapido {
  3207.   height: 206px; }
  3208.   .acessoRapido .col-xs-4 {
  3209.     padding: 0px 4px;
  3210.     padding-bottom: 6px; }
  3211.   .acessoRapido .fill {
  3212.     height: 80px;
  3213.     text-align: center; }
  3214.     .acessoRapido .fill span {
  3215.       font-size: 10px; }
  3216.     .acessoRapido .fill .fa-times {
  3217.       color: #41555E !important; }
  3218.   .acessoRapido .empty {
  3219.     height: 84px;
  3220.     background: #f0f0f0;
  3221.     text-align: center;
  3222.     padding-top: 15px;
  3223.     cursor: pointer;
  3224.     color: #41555E !important; }
  3225.     .acessoRapido .empty:hover i {
  3226.       font-size: 36px !important; }
  3227.   .acessoRapido.box-shadow {
  3228.     padding: 12px 16px 5px 16px !important; }
  3229.   .acessoRapido .fa-times {
  3230.     font-size: 12px !important;
  3231.     position: absolute;
  3232.     right: 9px;
  3233.     top: 2px;
  3234.     cursor: pointer;
  3235.     width: 11px; }
  3236.     .acessoRapido .fa-times:hover {
  3237.       background: #C1C1C1;
  3238.       border-radius: 50%; }
  3239.  
  3240. .paddingL7 {
  3241.   padding-left: 7px; }
  3242.  
  3243. .modalHomeAutorizacao {
  3244.   top: 65px !important;
  3245.   left: 650px !important; }
  3246.   .modalHomeAutorizacao .ui-dialog-content {
  3247.     padding: 0; }
  3248.   .modalHomeAutorizacao .header {
  3249.     background: #f0f0f0;
  3250.     padding: .5em 1em;
  3251.     text-align: center;
  3252.     border-bottom: 1px solid #CACACA; }
  3253.     .modalHomeAutorizacao .header i {
  3254.       font-size: 34px !important; }
  3255.     .modalHomeAutorizacao .header span {
  3256.       position: relative;
  3257.       bottom: 10px; }
  3258.   .modalHomeAutorizacao .body {
  3259.     padding: 2em 1em; }
  3260.  
  3261. .modalHomeNotificacao {
  3262.   top: 65px !important;
  3263.   left: 700px !important; }
  3264.   .modalHomeNotificacao .ui-dialog-content {
  3265.     padding: 0; }
  3266.   .modalHomeNotificacao .header {
  3267.     background: #f0f0f0;
  3268.     padding: .5em 1em;
  3269.     text-align: center;
  3270.     border-bottom: 1px solid #CACACA; }
  3271.     .modalHomeNotificacao .header i {
  3272.       font-size: 34px !important; }
  3273.     .modalHomeNotificacao .header span {
  3274.       position: relative;
  3275.       bottom: 10px; }
  3276.   .modalHomeNotificacao .body {
  3277.     padding: 1em 1em;
  3278.     display: table; }
  3279.     .modalHomeNotificacao .body .link {
  3280.       display: block;
  3281.       width: 100px;
  3282.       text-align: right;
  3283.       float: left; }
  3284.     .modalHomeNotificacao .body .notification {
  3285.       display: block;
  3286.       width: 300px;
  3287.       padding-left: 4px;
  3288.       float: left; }
  3289.     .modalHomeNotificacao .body.border {
  3290.       border-bottom: 1px solid #CACACA; }
  3291.  
  3292. .modalHomeCentralDuvida {
  3293.   top: 65px !important;
  3294.   left: 750px !important; }
  3295.   .modalHomeCentralDuvida .ui-dialog-content {
  3296.     padding: 0; }
  3297.   .modalHomeCentralDuvida .header {
  3298.     background: #f0f0f0;
  3299.     padding: .5em 1em;
  3300.     text-align: center;
  3301.     border-bottom: 1px solid #CACACA; }
  3302.     .modalHomeCentralDuvida .header i {
  3303.       font-size: 34px !important; }
  3304.     .modalHomeCentralDuvida .header span {
  3305.       position: relative;
  3306.       bottom: 10px; }
  3307.   .modalHomeCentralDuvida .body {
  3308.     padding: 2em 1em; }
  3309.  
  3310. .fixLabel label {
  3311.   display: initial; }
  3312.  
  3313. .width270 {
  3314.   width: 270px; }
  3315.  
  3316. .width180 {
  3317.   width: 180px; }
  3318.  
  3319. .width120 {
  3320.   width: 120px; }
  3321.  
  3322. .width130 {
  3323.   width: 130px; }
  3324.  
  3325. .width150 {
  3326.   width: 150px; }
  3327.  
  3328. .width50 {
  3329.   width: 50px; }
  3330.  
  3331. .width60 {
  3332.   width: 60px; }
  3333.  
  3334. .cancelarModal {
  3335.   overflow-y: hidden !important; }
  3336.  
  3337. .posicaoC {
  3338.   text-align: center; }
  3339.  
  3340. .break1 {
  3341.   margin-bottom: 10px; }
  3342.  
  3343. .break2 {
  3344.   margin-bottom: 20px; }
  3345.  
  3346. .crmModal .ui-dialog-content {
  3347.   padding: 0 !important; }
  3348.  
  3349. .crmModal table tbody tr:hover {
  3350.   background: inherit !important; }
  3351.  
  3352. .obs {
  3353.   padding-top: 5px;
  3354.   display: block; }
  3355.   .obs p {
  3356.     font-size: 10px; }
  3357.  
  3358. .widthSelect90 select {
  3359.   width: 90%; }
  3360.  
  3361. .pleft8 {
  3362.   padding-left: 8px; }
  3363.  
  3364. .textAreaImp {
  3365.   border: 1px solid #cccccc;
  3366.   padding: 10px; }
  3367.  
  3368. .link-red .fa-angle-right {
  3369.   font-size: 14px !important;
  3370.   color: #EE1D23; }
  3371.  
  3372. .width10 {
  3373.   width: 10px; }
  3374.  
  3375. .menuPrinc {
  3376.   padding-left: 25px !important; }
  3377.  
  3378. .homeNova .menu-lateral {
  3379.   z-index: 999 !important; }
  3380. .homeNova .box-shadow {
  3381.   box-shadow: 2px 4px 10px -5px; }
  3382.  
  3383. .fa-info-circle {
  3384.   font-size: 20px !important; }
  3385.  
  3386. .fa-circle {
  3387.   font-size: 20px !important; }
  3388.  
  3389. .radio-agendar {
  3390.   margin-top: 7px;
  3391.   width: 24%; }
  3392.   .radio-agendar i {
  3393.     float: right; }
  3394.  
  3395. .Notificacao {
  3396.   color: #41555e; }
  3397.   .Notificacao .ui-dialog-content {
  3398.     overflow: hidden;
  3399.     padding-top: 0px; }
  3400.   .Notificacao .tituloNotificacao {
  3401.     background-color: #f0f0f0;
  3402.     text-align: center;
  3403.     padding: 5px 0px;
  3404.     border-bottom: 1px solid #CACACA; }
  3405.     .Notificacao .tituloNotificacao span {
  3406.       position: relative;
  3407.       bottom: 9px;
  3408.       font-weight: 600;
  3409.       font-size: 13px; }
  3410.   .Notificacao .conteudoNotificacao {
  3411.     padding: 20px 0px 10px 0px; }
  3412.     .Notificacao .conteudoNotificacao.notif {
  3413.       padding: 0px; }
  3414.   .Notificacao .sessao {
  3415.     border-bottom: 1px solid #EAEAEA;
  3416.     padding: 20px 10px 10px 0px; }
  3417.   .Notificacao .link-Notificacao {
  3418.     text-align: right;
  3419.     border-right: 1px solid #CACACA; }
  3420.   .Notificacao.notif .ui-dialog-content {
  3421.     padding-bottom: 0px; }
  3422.  
  3423. table tfoot {
  3424.   display: table-footer-group !important;
  3425.   background: #f0f0f0;
  3426.   color: #787878;
  3427.   font-weight: bold;
  3428.   font-size: 14px; }
  3429.   table tfoot tr {
  3430.     height: 40px; }
  3431.     table tfoot tr td {
  3432.       border-style: hidden !important;
  3433.       white-space: nowrap !important;
  3434.       padding-right: 4px 8px !important; }
  3435.  
  3436. .foot-padding tfoot td {
  3437.   padding: 4px 7px !important; }
  3438.  
  3439. .margin-top-50 {
  3440.   margin-top: 50px; }
  3441.  
  3442. .fakeFooter table, .table {
  3443.   margin-bottom: 0px !important; }
  3444.  
  3445. .fakeFooter .fakeDiv {
  3446.   background: #f0f0f0;
  3447.   color: #787878;
  3448.   height: 40px;
  3449.   font-size: 14px;
  3450.   font-weight: bold;
  3451.   padding-left: 0px;
  3452.   padding-right: 10px;
  3453.   padding-top: 15px;
  3454.   overflow: hidden; }
  3455.   .fakeFooter .fakeDiv .first {
  3456.     width: 58%;
  3457.     display: inline-block;
  3458.     display: -moz-inline-block;
  3459.     text-align: right; }
  3460.   .fakeFooter .fakeDiv .second {
  3461.     width: 20%;
  3462.     display: inline-block;
  3463.     display: -moz-inline-block;
  3464.     text-align: right; }
  3465.   .fakeFooter .fakeDiv .third {
  3466.     display: inline-block;
  3467.     display: -moz-inline-block;
  3468.     text-align: right;
  3469.     float: right; }
  3470.  
  3471. .opener i {
  3472.   font-size: 15px !important;
  3473.   color: #B3B3B3;
  3474.   padding: 0px 16px; }
  3475. .opener div {
  3476.   cursor: pointer; }
  3477.  
  3478. .uppercase-text {
  3479.   text-transform: uppercase !important; }
  3480.  
  3481. .radioTitle label {
  3482.   font-weight: bold;
  3483.   font-size: 14px;
  3484.   line-height: 30px; }
  3485.  
  3486. .bg-input-calendar input {
  3487.   z-index: 0 !important;
  3488.   background: #fff !important; }
  3489.  
  3490. .leitor-otico span {
  3491.   color: #999999;
  3492.   font-weight: bold; }
  3493.  
  3494. .accordion a {
  3495.   color: #41555e;
  3496.   border-bottom: 1px dashed #DDDDDD;
  3497.   padding: 1em 0.5em 1em 2.2em !important; }
  3498.   .accordion a:hover {
  3499.     text-decoration: none; }
  3500.   .accordion a:focus {
  3501.     outline: none; }
  3502. .accordion .ui-icon-triangle-1-e {
  3503.   width: 15px;
  3504.   height: 15px;
  3505.   background-image: url(../images/plus-accordion.png); }
  3506. .accordion .ui-icon-triangle-1-s {
  3507.   width: 15px;
  3508.   height: 15px;
  3509.   background-image: url(../images/minus-accordion.png); }
  3510.  
  3511. .selectMenuCheck {
  3512.   width: 100%;
  3513.   outline: none;
  3514.   height: 34px;
  3515.   padding: 4px 12px;
  3516.   font-size: 14px;
  3517.   line-height: 1.42857143;
  3518.   color: #555;
  3519.   border: 1px solid #ccc;
  3520.   border-radius: 4px;
  3521.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  3522.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  3523.   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  3524.   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  3525.   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  3526.   -webkit-appearance: none;
  3527.   -moz-appearance: none;
  3528.   -ms-appearance: none;
  3529.   -o-appearance: none;
  3530.   background: url(../images/icon-select.png) no-repeat 97% 50% #fff; }
  3531.   .selectMenuCheck a {
  3532.     color: #555; }
  3533.     .selectMenuCheck a:hover {
  3534.       text-decoration: none; }
  3535.     .selectMenuCheck a:focus {
  3536.       outline: none;
  3537.       text-decoration: none; }
  3538.   .selectMenuCheck label {
  3539.     font-size: 14px;
  3540.     font-weight: 100; }
  3541.  
  3542. .ui-selectcheckboxmenu-panel {
  3543.   width: 44%;
  3544.   box-shadow: none;
  3545.   border: 1px solid #ccc; }
  3546.   .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  3547.     padding-bottom: 7px;
  3548.     padding-top: 7px; }
  3549.     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox-box:before {
  3550.       content: 'Todos';
  3551.       font-size: 14px;
  3552.       padding-left: 29px;
  3553.       color: #41555e; }
  3554.   .ui-selectcheckboxmenu-panel label {
  3555.     font-weight: 100;
  3556.     font-size: 14px; }
  3557.   .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
  3558.     top: 20%; }
  3559.  
  3560. table.page-break-all tr td, table.page-break-all-head tr th {
  3561.   page-break-inside: avoid; }
  3562.  
  3563. table.page-break-all-in tr td, table.page-break-all-head-in tr th {
  3564.   page-break-inside: always; }
  3565.  
  3566. .homeCarrosel {
  3567.   text-align: center;
  3568.   padding: 8px 6px !important;
  3569.   border: none; }
  3570.   .homeCarrosel h4 {
  3571.     display: inline-block; }
  3572.   .homeCarrosel i {
  3573.     font-size: 16px !important;
  3574.     color: #000; }
  3575.  
  3576. .multiplosPdfsCss .container {
  3577.   margin-left: 0px; }
  3578.  
  3579. /** Carousel **/
  3580. .carouselHome .linkImage {
  3581.   display: none;
  3582.   height: 253px; }
  3583.   .carouselHome .linkImage.active {
  3584.     display: inherit; }
  3585.  
  3586. .carouselPagination {
  3587.   position: relative;
  3588.   display: block;
  3589.   width: 100%;
  3590.   top: -26px;
  3591.   text-align: right;
  3592.   padding-right: 15px;
  3593.   z-index: 99; }
  3594.   .carouselPagination a {
  3595.     width: 10px;
  3596.     height: 10px;
  3597.     background: #fff;
  3598.     z-index: 9999;
  3599.     display: inline-block;
  3600.     border-radius: 50%;
  3601.     margin-right: 5px;
  3602.     cursor: pointer;
  3603.     box-shadow: 0 0 2px #4E443C; }
  3604.     .carouselPagination a.active {
  3605.       background: #41555e; }
  3606.  
  3607. .disableCarouselImage {
  3608.   position: relative;
  3609.   bottom: 28px;
  3610.   margin: 0px 16px;
  3611.   display: inline; }
  3612.   .disableCarouselImage.disabled {
  3613.     display: none; }
  3614.  
  3615. .floaterHome {
  3616.   padding: 0px; }
  3617.   .floaterHome .ui-panel-content {
  3618.     padding: 0px; }
  3619.   .floaterHome .fraseFloater {
  3620.     position: absolute;
  3621.     top: 365px;
  3622.     display: block;
  3623.     margin: 0px 16px; }
  3624.   .floaterHome .divImage {
  3625.     display: block;
  3626.     height: 400px;
  3627.     width: 580px;
  3628.     background-repeat: no-repeat;
  3629.     background-size: 580px 400px;
  3630.     margin: 0px !important; }
  3631.   .floaterHome .sair {
  3632.     display: block;
  3633.     position: absolute;
  3634.     top: 10px;
  3635.     right: 0px; }
  3636.  
  3637. .ui-datatable-scrollable-header-box {
  3638.   margin-right: 0px !important; }
  3639.  
  3640. span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
  3641.   background-image: url(../images/caret-down-image.png);
  3642.   background-size: 13px;
  3643.   display: inline-block;
  3644.   width: 12px;
  3645.   height: 12px;
  3646.   margin-left: 5px;
  3647.   background-repeat: no-repeat; }
  3648.  
  3649. span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
  3650.   background-image: url("../images/caret-normal-image.png");
  3651.   background-size: 13px;
  3652.   display: inline-block;
  3653.   width: 12px;
  3654.   height: 12px;
  3655.   margin-left: 5px;
  3656.   background-repeat: no-repeat; }
  3657.  
  3658. span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n {
  3659.   background-image: url("../images/caret-up-image.png"); }
  3660.  
  3661. span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
  3662.   background-image: url("../images/caret-down-image.png"); }
  3663.  
  3664. .avisoHome {
  3665.   min-height: 57px; }
  3666.   .avisoHome .sair {
  3667.     width: 20px;
  3668.     height: 20px; }
  3669.     .avisoHome .sair img {
  3670.       height: 10px;
  3671.       margin: 5px; }
  3672.   .avisoHome i {
  3673.     font-size: 30px !important;
  3674.     margin-right: 16px;
  3675.     float: left;
  3676.     color: #FFD24D; }
  3677.  
  3678. .jqplot-highlighter-tooltip {
  3679.   z-index: 10; }
  3680.  
  3681. .config-datalist .ui-datalist-data {
  3682.   padding-left: 45px; }
  3683.  
  3684. .table-accordion .ui-datatable .ui-row-toggler {
  3685.   cursor: pointer;
  3686.   background: url(../images/plus-accordion.png);
  3687.   background-size: 12px;
  3688.   width: 12px;
  3689.   height: 12px;
  3690.   margin-left: 2px; }
  3691.  
  3692. .table-accordion div.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e {
  3693.   background: url(../images/plus-accordion.png);
  3694.   background-size: 12px;
  3695.   width: 12px;
  3696.   height: 12px;
  3697.   margin-left: 2px; }
  3698.  
  3699. .table-accordion div.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {
  3700.   background: url(../images/minus-accordion.png);
  3701.   background-size: 12px;
  3702.   width: 12px;
  3703.   height: 12px;
  3704.   margin-left: 2px; }
  3705.  
  3706. div.noPadding table tbody tr td {
  3707.   padding-right: 0;
  3708.   padding-left: 0; }
  3709.  
  3710. td.padding {
  3711.   padding-right: 8px !important;
  3712.   padding-left: 8px !important; }
  3713.  
  3714. .modalTituloCustom span.ui-dialog-title {
  3715.   padding-top: 7px;
  3716.   font-size: 15px; }
  3717.  
  3718. .loading {
  3719.   background: transparent !important;
  3720.   box-shadow: none; }
  3721.   .loading img {
  3722.     width: 50px; }
  3723.  
  3724. .tableCheckBox .ui-row-toggler {
  3725.   position: relative;
  3726.   bottom: 2px; }
  3727. .tableCheckBox .ui-chkbox-box.ui-state-default {
  3728.   top: 4px !important; }
  3729.  
  3730. .ui-datatable .ui-expanded-row-content td:last-child {
  3731.   padding-top: 1px;
  3732.   padding-bottom: 1px; }
  3733.  
  3734. .noHover table tbody tr:hover {
  3735.   background-color: #fff !important; }
  3736. .noHover table thead tr:hover {
  3737.   background-color: #EEEEEE !important; }
  3738. .noHover .table-striped > tbody > tr:nth-of-type(odd):hover {
  3739.   background-color: #f9f9f9 !important; }
  3740. .noHover > tbody > tr:nth-of-type(odd):hover {
  3741.   background-color: blue !important; }
  3742.  
  3743. .space-lll {
  3744.   margin-left: 45px !important; }
  3745.  
  3746. .space-llll {
  3747.   margin-left: 60px !important; }
  3748.  
  3749. .space-lllll {
  3750.   margin-left: 75px !important; }
  3751.  
  3752. .space-llllll {
  3753.   margin-left: 90px !important; }
  3754.  
  3755. table.ui-many-chkbox tbody tr td label {
  3756.   margin-left: 15px; }
  3757.  
  3758. .no-space-t {
  3759.   margin-top: 0px !important; }
  3760.  
  3761. .custom-links {
  3762.   text-align: right; }
  3763.   .custom-links a {
  3764.     margin-left: 8px;
  3765.     color: #41555E;
  3766.     text-decoration: none; }
  3767.   .custom-links i {
  3768.     margin-right: 5px;
  3769.     font-size: 22px !important; }
  3770.  
  3771. .textCarousell {
  3772.   position: absolute;
  3773.   z-index: 99; }
  3774.  
  3775. .ui-row-editor .ui-icon {
  3776.   height: 14px;
  3777.   width: 16px;
  3778.   z-index: 9999;
  3779.   background-size: 14px;
  3780.   margin-left: 5px;
  3781.   background-repeat: no-repeat; }
  3782.   .ui-row-editor .ui-icon.ui-icon-pencil {
  3783.     background-image: url(../images/icon-pencil.png); }
  3784.   .ui-row-editor .ui-icon.ui-icon-check {
  3785.     background-image: url(../images/icon-check.png); }
  3786.   .ui-row-editor .ui-icon.ui-icon-close {
  3787.     background-image: url(../images/icon-close.png); }
  3788.  
  3789. .remessa .glyphicon {
  3790.   font: normal normal normal 14px/1 FontAwesome;
  3791.   font-size: 22px !important;
  3792.   color: #41555e; }
  3793. .remessa .glyphicon-plus:before {
  3794.   content: "\f0fe"; }
  3795. .remessa .glyphicon-minus:before {
  3796.   content: "\f146"; }
  3797. .remessa input[type="checkbox"] {
  3798.   -webkit-appearance: none;
  3799.   -moz-appearance: none;
  3800.   appearance: none;
  3801.   position: absolute;
  3802.   height: 18px;
  3803.   width: 18px;
  3804.   margin: 0;
  3805.   cursor: pointer; }
  3806.   .remessa input[type="checkbox"] + span {
  3807.     position: relative;
  3808.     cursor: pointer; }
  3809.     .remessa input[type="checkbox"] + span::before {
  3810.       content: '';
  3811.       background-color: #ffffff;
  3812.       border: 1px solid #cccccc;
  3813.       padding: 1px 8px;
  3814.       border-radius: 3px;
  3815.       position: relative; }
  3816.   .remessa input[type="checkbox"]:checked + span::after {
  3817.     content: '';
  3818.     display: inline-block;
  3819.     width: 7px;
  3820.     height: 12px;
  3821.     border: solid #00D15F;
  3822.     border-width: 0 3px 3px 0;
  3823.     -ms-transform: rotate(40deg);
  3824.     -webkit-transform: rotate(40deg);
  3825.     -moz-transform: rotate(40deg);
  3826.     -o-transform: rotate(40deg);
  3827.     transform: rotate(40deg);
  3828.     position: absolute;
  3829.     left: 6px; }
  3830. .remessa tbody td:first-child {
  3831.   width: 25px; }
  3832. .remessa .modalidade .detail-view {
  3833.   border-bottom: none !important; }
  3834. .remessa .modalidade .bs-checkbox + td {
  3835.   width: 593px !important; }
  3836. .remessa .modalidade .detail-view > td {
  3837.   padding-left: 36px !important; }
  3838. .remessa .posModalidade tbody td {
  3839.   text-align: left; }
  3840. .remessa .posModalidade .bs-checkbox + td {
  3841.   width: 558px !important; }
  3842. .remessa .posModalidade .detail-view > td {
  3843.   padding-left: 36px !important; }
  3844. .remessa .sintetico .bs-checkbox + td {
  3845.   width: 500px; }
  3846. .remessa .sintetico .detail-view > td {
  3847.   padding-left: 36px !important; }
  3848. .remessa .analitico .bs-checkbox {
  3849.   width: 20px !important;
  3850.   text-align: left !important; }
  3851. .remessa .analitico tbody td:last-child {
  3852.   width: 100px; }
  3853. .remessa .detail-view > td {
  3854.   padding: 8px 0px; }
  3855. .remessa .bs-checkbox {
  3856.   width: 36px; }
  3857. .remessa .table-hover tbody tr:hover {
  3858.   background: #fff !important; }
  3859. .remessa .table-hover thead tr:hover {
  3860.   background: #EEEEEE !important; }
  3861. .remessa input[indeterminate=true] + span:after {
  3862.   content: '';
  3863.   display: inline-block;
  3864.   width: 6px;
  3865.   height: 16px;
  3866.   border: solid #1BB3BC;
  3867.   border-width: 0 4px 0 0;
  3868.   -ms-transform: rotate(90deg);
  3869.   -webkit-transform: rotate(90deg);
  3870.   -moz-transform: rotate(90deg);
  3871.   -o-transform: rotate(90deg);
  3872.   transform: rotate(90deg);
  3873.   position: absolute;
  3874.   left: 6px;
  3875.   top: -2px; }
  3876. .remessa input[type="checkbox"][disabled] {
  3877.   cursor: default; }
  3878. .remessa input[type="checkbox"][disabled] + .fakeCheckbox:before {
  3879.   content: '';
  3880.   background-color: transparent;
  3881.   border: none;
  3882.   padding: 1px 8px;
  3883.   border-radius: 3px;
  3884.   position: relative; }
  3885. .remessa input[type="checkbox"][disabled] + .fakeCheckbox:after {
  3886.   content: '';
  3887.   display: inline-block;
  3888.   width: 7px;
  3889.   height: 12px;
  3890.   border: solid #1BB3BC;
  3891.   border-width: 0 3px 3px 0;
  3892.   -ms-transform: rotate(40deg);
  3893.   -webkit-transform: rotate(40deg);
  3894.   -moz-transform: rotate(40deg);
  3895.   -o-transform: rotate(40deg);
  3896.   transform: rotate(40deg);
  3897.   position: absolute;
  3898.   left: 6px; }
  3899.  
  3900. tr.detail-view {
  3901.   border-bottom: 0px !important; }
  3902.  
  3903. tr.detail-view > td {
  3904.   padding: 0px 0px !important; }
  3905.  
  3906. .scrollModal {
  3907.   overflow-y: auto !important;
  3908.   overflow-x: hidden !important; }
  3909.  
  3910. .breadCol {
  3911.   width: 40%; }
  3912.  
  3913. .etapasCol {
  3914.   width: 60%;
  3915.   padding-left: 0px; }
  3916.  
  3917. .breadCol3 {
  3918.   width: 65%; }
  3919.  
  3920. .etapasCol3 {
  3921.   width: 35%;
  3922.   padding-left: 0px; }
  3923.  
  3924. input.btn.btn-default.btn-period {
  3925.   padding: 8.2px 44px !important; }
  3926.  
  3927. .capitalize::first-letter {
  3928.   text-transform: capitalize; }
  3929.  
  3930. .ui-overlaypanel.Notificacao {
  3931.   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  3932.   padding: 0px 3px 0px 3px;
  3933.   border-radius: 0px;
  3934.   width: 400px; }
  3935.  
  3936. .ui-overlaypanel.Notificacao .ui-overlaypanel-content {
  3937.   padding-top: 0px !important; }
  3938.  
  3939. .fa a:focus {
  3940.   outline: none; }
  3941.  
  3942. .adjustButton {
  3943.   margin-top: 24px; }
  3944.  
  3945. .table-cursor-default tr td {
  3946.   cursor: default; }
  3947. .table-cursor-default th td {
  3948.   cursor: default; }
  3949.  
  3950. .btn.disabled, .btn[disabled] {
  3951.   background: #ABC1CA; }
  3952.   .btn.disabled:hover, .btn.disabled:focus, .btn[disabled]:hover, .btn[disabled]:focus {
  3953.     background-color: #566D78; }
  3954.  
  3955. .text-italic {
  3956.   font-style: italic; }
  3957.  
  3958. i.iconeTexto {
  3959.   font-size: 12px !important; }
  3960.  
  3961. .rodape-comprovante-noBG {
  3962.   background: transparent;
  3963.   box-shadow: none;
  3964.   margin-bottom: 16px;
  3965.   text-align: right; }
  3966.  
  3967. .noBorder table tbody tr {
  3968.   border: none !important; }
  3969. .noBorder table thead tr {
  3970.   border: none !important; }
  3971.  
  3972. .icon-10 i {
  3973.   font-size: 10px !important; }
  3974.  
  3975. .bg-branco {
  3976.   background: #fff !important; }
  3977.  
  3978. .scrollTableY .ui-datatable-scrollable-body {
  3979.   overflow-x: hidden; }
  3980.  
  3981. .tituloCarrosel a:focus {
  3982.   outline: none; }
  3983.  
  3984. .sameHeader thead tr + tr {
  3985.   background-color: #787878 !important; }
  3986.  
  3987. input::-ms-clear {
  3988.   display: none; }
  3989.  
  3990. .ui-datatable-scrollable-header-box table {
  3991.   margin-bottom: 2px; }
  3992.  
  3993. .ui-datatable-scrollable-body table {
  3994.   margin-bottom: 0px; }
  3995.  
  3996. .negativeMLeft10 {
  3997.   margin-left: -10px;
  3998.   height: 15px;
  3999.   margin-top: 10px; }
  4000.  
  4001. _:-ms-input-placeholder, :root .negativeMLeft10 {
  4002.   margin-top: 0px; }
  4003.  
  4004. .table-no-header .ui-datatable thead {
  4005.   display: none; }
  4006.  
  4007. .tHeader-trHeight thead tr {
  4008.   height: 34px; }
  4009.   .tHeader-trHeight thead tr th {
  4010.     padding: 8px 8px 8px 8px !important; }
  4011.  
  4012. .bg-extrato {
  4013.   width: auto;
  4014.   background-color: #F7F7F7;
  4015.   border-radius: 6px;
  4016.   padding: 20px;
  4017.   margin: 0px; }
  4018.  
  4019. .noBorderTable tbody tr {
  4020.   border-bottom: 0px !important; }
  4021.  
  4022. tr.no-padding td:first-child {
  4023.   padding: 0 !important; }
  4024.  
  4025. .tabelaVazia {
  4026.   display: block;
  4027.   padding: 15px; }
  4028.  
  4029. .fundoGelo {
  4030.   background: #FAFAFA; }
  4031.  
  4032. .shadowImage {
  4033.   box-shadow: 2px 4px 10px -5px;
  4034.   width: 100%; }
  4035.  
  4036. .no-padding-right {
  4037.   padding-right: 0px; }
  4038.  
  4039. .no-padding-left {
  4040.   padding-left: 0px; }
  4041.  
  4042. .progress {
  4043.   padding-right: 10px;
  4044.   height: 3px !important;
  4045.   background-color: transparent !important;
  4046.   margin-bottom: 0px !important;
  4047.   border-radius: 0px !important;
  4048.   box-shadow: none;
  4049.   top: 5px;
  4050.   position: relative;
  4051.   width: 100%; }
  4052.  
  4053. .bt-getnet {
  4054.   position: absolute;
  4055.   bottom: 15px;
  4056.   display: block; }
  4057.  
  4058. .link-getnet {
  4059.   margin-top: 26px;
  4060.   text-decoration: underline;
  4061.   position: absolute;
  4062.   bottom: 18px; }
  4063.  
  4064. .altura-getnet {
  4065.   height: 194px; }
  4066.  
  4067. .titulo-painel.box-getnet {
  4068.   padding: 8px 2px 3px 16px !important;
  4069.   border-bottom: 1px solid #CACACA !important; }
  4070.  
  4071. .titulo-painel .tituloCarrosel .titulo-getnet {
  4072.   padding: 0px;
  4073.   border-bottom: none; }
  4074.  
  4075. .titulo-painel a i.getnet-seta {
  4076.   font-size: 11px !important;
  4077.   bottom: 0px !important;
  4078.   float: none !important;
  4079.   margin-right: 6px !important;
  4080.   margin-left: 3px !important; }
  4081.  
  4082. .tooltip-ajuda {
  4083.   display: inline-block;
  4084.   width: 15px;
  4085.   height: 17px;
  4086.   vertical-align: top;
  4087.   margin: 0px;
  4088.   color: #9a9a9a !important; }
  4089.   .tooltip-ajuda:hover {
  4090.     color: #1BB3BC !important; }
  4091.  
  4092. .toolTip {
  4093.   padding: 0px;
  4094.   float: left; }
  4095.  
  4096. .toolTip table tbody tr:hover {
  4097.   background: none !important; }
  4098.  
  4099. .toolTip a, .toolTip a:focus, .toolTip a:hover {
  4100.   text-decoration: none; }
  4101.  
  4102. .toolTip-grid {
  4103.   border-collapse: separate !important;
  4104.   margin-top: -4px; }
  4105.  
  4106. .receber-valor {
  4107.   padding: 0px;
  4108.   float: left; }
  4109.  
  4110. .mensagem-tooltip {
  4111.   width: 58%;
  4112.   text-align: left;
  4113.   padding-left: 60px; }
  4114.  
  4115. .setas-boxes {
  4116.   line-height: 1.5;
  4117.   text-decoration: none !important; }
  4118.  
  4119. .seta-getnet-padrao {
  4120.   color: #000 !important; }
  4121.  
  4122. .seta-getnet-opacidade {
  4123.   color: #B9B9B9 !important; }
  4124.  
  4125. .titulo-painel a i.getnet-avancar {
  4126.   margin-right: 0px !important; }
  4127.  
  4128. .labelToolTip {
  4129.   position: relative;
  4130.   right: 15px; }
  4131.  
  4132. .table-search .ui-datatable-header {
  4133.   background-color: #fff;
  4134.   padding-left: 0px !important; }
  4135. .table-search input {
  4136.   display: block;
  4137.   width: 40%;
  4138.   height: 34px;
  4139.   padding: 6px 12px;
  4140.   font-size: 14px;
  4141.   line-height: 1.42857143;
  4142.   color: #555;
  4143.   background-color: #fff;
  4144.   background-image: none;
  4145.   border: 1px solid #ccc;
  4146.   border-radius: 4px;
  4147.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  4148.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  4149.   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  4150.   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  4151.   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  4152.   .table-search input::placeholder {
  4153.     font-style: italic; }
  4154.  
  4155. .novoInterno {
  4156.   border: 1px solid #EE1D23;
  4157.   margin-left: 10px;
  4158.   padding: 0px 6px 2px 6px;
  4159.   font-size: 9px; }
  4160.  
  4161. .fontNormal {
  4162.   font-weight: normal; }
  4163.  
  4164. .tableHeaderNoSelection table thead th .ui-chkbox.ui-chkbox-all.ui-widget {
  4165.   display: none; }
  4166.  
  4167. .tableHeaderNoSelection table thead tr:hover {
  4168.   background: #787878;
  4169.   color: #fff; }
  4170.  
  4171. .confirmInfo {
  4172.   padding: 15px 0px;
  4173.   background: #F0F0F0; }
  4174.  
  4175. .labelConfirm {
  4176.   font-size: 12px;
  4177.   color: #999999;
  4178.   font-weight: 100; }
  4179.  
  4180. .resultConfirm {
  4181.   font-size: 18px; }
  4182.  
  4183. .ui-button-text-only .ui-button-text {
  4184.   padding: 0; }
  4185.  
  4186. .icon-table-tooltip {
  4187.   font-size: 15px !important;
  4188.   cursor: default;
  4189.   position: relative;
  4190.   top: 1px; }
  4191.  
  4192. .antecipacao-periodos tbody tr:last-child {
  4193.   border-bottom: none !important; }
  4194. .antecipacao-periodos tbody tr td:last-child {
  4195.   padding-right: 0px !important; }
  4196. .antecipacao-periodos tbody tr td:first-child {
  4197.   width: 10px; }
  4198.  
  4199. .estabelecimentos-disponiveis .ui-datatable table {
  4200.   margin-bottom: 0px; }
  4201.  
  4202. .valores-disponiveis td {
  4203.   padding-right: 0px !important; }
  4204.  
  4205. .posicao-checkbox {
  4206.   top: 5px !important;
  4207.   position: relative; }
  4208.  
  4209. .altura-valor-total {
  4210.   padding: 15px 10px; }
  4211.  
  4212. .sucessTransaction {
  4213.   background: #fafafa;
  4214.   color: #43A72B;
  4215.   padding: 10px 0px 14px 0px; }
  4216.   .sucessTransaction i {
  4217.     font-size: 24px !important;
  4218.     margin-right: 10px;
  4219.     position: relative;
  4220.     top: 4px; }
  4221.  
  4222. .fonte-minuscula {
  4223.   text-transform: lowercase; }
  4224.  
  4225. .space-bbbb {
  4226.   margin-bottom: 50px !important; }
  4227.  
  4228. .no-shadow {
  4229.   box-shadow: none; }
  4230.  
  4231. .no-padding-top {
  4232.   padding-top: 0px; }
  4233.  
  4234. .modalPageSemWizard {
  4235.   height: 92% !important; }
  4236.   .modalPageSemWizard .ui-dialog-content {
  4237.     height: 92% !important;
  4238.     overflow-y: scroll;
  4239.     padding: 0px; }
  4240.   .modalPageSemWizard .ui-dialog-titlebar {
  4241.     margin-bottom: 0px; }
  4242.   .modalPageSemWizard .ui-dialog-content .rodape-comprovante {
  4243.     margin-bottom: 0px !important;
  4244.     margin: 0px -15px; }
  4245.  
  4246. .questionsApi table.col-xs-10 {
  4247.   width: 83.333333%; }
  4248. .questionsApi table tbody tr:hover {
  4249.   background: inherit !important; }
  4250. .questionsApi table tr {
  4251.   border-bottom: none !important; }
  4252. .questionsApi .question4 tbody tr td:last-child {
  4253.   display: none; }
  4254. .questionsApi .question5 tbody tr td {
  4255.   text-align: center; }
  4256. .questionsApi .labelQuestion {
  4257.   height: 20px;
  4258.   margin-bottom: 20px; }
  4259.   .questionsApi .labelQuestion:first-child {
  4260.     margin-bottom: 12px; }
  4261.  
  4262. .parentScrollTable {
  4263.   overflow-x: auto; }
  4264.   .parentScrollTable .wrapper {
  4265.     display: inline-block;
  4266.     min-width: 100%; }
  4267.     .parentScrollTable .wrapper .fakeDiv {
  4268.       white-space: normal; }
  4269.  
  4270. .floater-bar {
  4271.   min-width: 1015px !important; }
  4272.   .floater-bar .pen {
  4273.     margin-right: 35px;
  4274.     margin-bottom: 15px;
  4275.     box-shadow: 0px 3px 7px -3px;
  4276.     text-align: center;
  4277.     padding: 15px 0px; }
  4278.     .floater-bar .pen div:first-child {
  4279.       display: inline-block; }
  4280.     .floater-bar .pen div:last-child {
  4281.       padding-right: 0px; }
  4282.     .floater-bar .pen .btn-cinza {
  4283.       background: #AAAAAA !important;
  4284.       color: #fff !important; }
  4285.       .floater-bar .pen .btn-cinza:hover {
  4286.         background: #8A8A8A !important;
  4287.         color: #fff !important; }
  4288.     .floater-bar .pen .btn-default {
  4289.       background: #42555E !important;
  4290.       margin-right: 0px !important; }
  4291.       .floater-bar .pen .btn-default:hover {
  4292.         background: #566D78 !important;
  4293.         margin-right: 0px !important; }
  4294.  
  4295. .ui-autocomplete-panel {
  4296.   background: #fff !important;
  4297.   z-index: 1050 !important; }
  4298.   .ui-autocomplete-panel .ui-autocomplete-items {
  4299.     padding: 0;
  4300.     max-height: 300px; }
  4301.     .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item:hover {
  4302.       background: #f6f6f6; }
  4303.  
  4304. .div-header-logo {
  4305.   padding-left: 15px;
  4306.   display: block;
  4307.   height: 100%;
  4308.   float: left;
  4309.   margin-top: -2px; }
  4310.  
  4311. .div-header-info {
  4312.   display: block;
  4313.   float: right;
  4314.   padding-right: 15px; }
  4315.  
  4316. .div-header-search {
  4317.   overflow: hidden;
  4318.   padding-left: 15px;
  4319.   padding-right: 30px; }
  4320.  
  4321. .div-header-search input {
  4322.   display: block;
  4323.   width: 100%;
  4324.   height: 34px;
  4325.   padding: 6px 12px;
  4326.   font-size: 14px;
  4327.   line-height: 1.42857143;
  4328.   color: #555;
  4329.   background: url(../images/ic_busca.png) no-repeat 98% 50% #ffffff;
  4330.   border: 1px solid #ccc;
  4331.   border-radius: 4px;
  4332.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  4333.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  4334.   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  4335.   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  4336.   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  4337.  
  4338. .modalAngular {
  4339.   display: block;
  4340.   background: rgba(0, 0, 0, 0.43);
  4341.   z-index: 99999; }
  4342.   .modalAngular .modal-content {
  4343.     width: 500px;
  4344.     margin: 150px auto; }
  4345.     .modalAngular .modal-content i {
  4346.       font-size: 35px !important;
  4347.       float: left; }
  4348.       .modalAngular .modal-content i.fa-exclamation-circle {
  4349.         color: #FFD24D; }
  4350.       .modalAngular .modal-content i.fa.fa-times-circle {
  4351.         color: #EE1D23; }
  4352.       .modalAngular .modal-content i.fa.fa-check-circle {
  4353.         color: #59B200; }
  4354.     .modalAngular .modal-content .modal-header span {
  4355.       padding-left: 50px;
  4356.       margin-top: 8px;
  4357.       display: block; }
  4358.  
  4359. .cover-pre-black {
  4360.   background: url("../images/pre-black-cover.png") no-repeat;
  4361.   background-size: cover;
  4362.   height: 100%;
  4363.   padding: 140px 210px 15px 210px;
  4364.   color: #fff;
  4365.   padding: 5% 7% 3% 7%;
  4366.   margin-bottom: 15px; }
  4367.   .cover-pre-black h1 {
  4368.     color: #fff;
  4369.     font-size: 37px;
  4370.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  4371.   .cover-pre-black .info-pre-black {
  4372.     font-size: 18px;
  4373.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  4374.     .cover-pre-black .info-pre-black .block-dias {
  4375.       border: 2px solid;
  4376.       border-radius: 10px;
  4377.       width: 65px;
  4378.       text-align: center;
  4379.       float: left;
  4380.       font-weight: 600;
  4381.       font-size: 25px;
  4382.       margin-right: 10px;
  4383.       font-family: 'RobotoRegular_0', Arial, Helvetica, sans-serif;
  4384.       height: 41px;
  4385.       padding-top: 2px; }
  4386.     .cover-pre-black .info-pre-black .info-dias {
  4387.       font-size: 15px; }
  4388.     .cover-pre-black .info-pre-black .info-dias-row {
  4389.       margin-bottom: 7px; }
  4390.     .cover-pre-black .info-pre-black .ready-dias {
  4391.       font-size: 15px;
  4392.       font-weight: 600; }
  4393.   .cover-pre-black .obs {
  4394.     margin-top: 25px;
  4395.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  4396.  
  4397. .block-pre-black {
  4398.   background: #fff;
  4399.   height: 150px;
  4400.   color: black;
  4401.   text-align: center;
  4402.   font-family: 'RobotoRegular_0', Arial, Helvetica, sans-serif;
  4403.   margin-top: 50px; }
  4404.   .block-pre-black h1 {
  4405.     color: black;
  4406.     font-size: 16px;
  4407.     padding-top: 43px;
  4408.     font-family: 'RobotoRegular_0', Arial, Helvetica, sans-serif;
  4409.     margin-bottom: 9px; }
  4410.     .block-pre-black h1 span {
  4411.       font-weight: 600;
  4412.       font-size: 20px; }
  4413.   .block-pre-black p {
  4414.     padding: 0px 10px;
  4415.     font-size: 11px; }
  4416.   .block-pre-black .hex-simulate {
  4417.     width: 0px;
  4418.     height: 0px;
  4419.     border-top: 65px solid black;
  4420.     border-left: 65px solid transparent;
  4421.     position: absolute;
  4422.     right: 15px; }
  4423.   .block-pre-black .discount-corner {
  4424.     width: 0px;
  4425.     height: 0px;
  4426.     border-top: 65px solid black;
  4427.     border-left: 65px solid transparent;
  4428.     position: absolute;
  4429.     right: 15px; }
  4430.  
  4431. .contrate {
  4432.   background: black;
  4433.   display: inline-block;
  4434.   border-radius: 10px;
  4435.   padding: 2px 18px;
  4436.   position: relative;
  4437.   bottom: 10px;
  4438.   font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif;
  4439.   color: #fff; }
  4440.  
  4441. .cube-pre-black {
  4442.   position: absolute;
  4443.   left: 0;
  4444.   right: 0;
  4445.   margin: auto;
  4446.   width: 68px;
  4447.   bottom: 132px;
  4448.   z-index: 3; }
  4449.  
  4450. .pre-black-icon {
  4451.   position: absolute;
  4452.   left: 0;
  4453.   right: 0;
  4454.   margin: auto;
  4455.   width: 45px;
  4456.   top: 25px;
  4457.   z-index: 4; }
  4458.  
  4459. .pre-black-icon.house {
  4460.   top: 30px; }
  4461.  
  4462. .discount {
  4463.   position: absolute;
  4464.   right: 16px;
  4465.   top: 60px;
  4466.   color: #fff;
  4467.   transform: rotate(45deg); }
  4468.   .discount .discount-number {
  4469.     float: left;
  4470.     font-size: 20px; }
  4471.   .discount .percent {
  4472.     font-size: 8px;
  4473.     float: left;
  4474.     text-align: left;
  4475.     padding-top: 2px; }
  4476.  
  4477. .link-black-week {
  4478.   text-decoration: none;
  4479.   color: #fff !important; }
  4480.   .link-black-week:hover {
  4481.     text-decoration: none; }
  4482.     .link-black-week:hover p {
  4483.       text-decoration: none !important;
  4484.       outline: none; }
  4485.   .link-black-week:visited {
  4486.     text-decoration: none; }
  4487.   .link-black-week:focus {
  4488.     outline: none p;
  4489.       outline-text-decoration: none !important;
  4490.       outline-outline: none; }
  4491.  
  4492. .hexagon {
  4493.   width: 65px;
  4494.   height: 38px;
  4495.   background: red;
  4496.   position: absolute;
  4497.   left: 0;
  4498.   right: 0;
  4499.   bottom: 152px;
  4500.   margin: auto;
  4501.   z-index: 2;
  4502.   box-shadow: 2px 15px 29px -3px; }
  4503.   .hexagon:before {
  4504.     content: "";
  4505.     position: absolute;
  4506.     top: -20px;
  4507.     left: 0;
  4508.     width: 0;
  4509.     height: 0px;
  4510.     border-left: 32px solid transparent;
  4511.     border-right: 32px solid transparent;
  4512.     border-bottom: 20px solid red; }
  4513.   .hexagon:after {
  4514.     content: "";
  4515.     position: absolute;
  4516.     bottom: -20px;
  4517.     left: 0;
  4518.     width: 0;
  4519.     height: 0;
  4520.     border-left: 32px solid transparent;
  4521.     border-right: 32px solid transparent;
  4522.     border-top: 20px solid #fff; }
  4523.  
  4524. _:-ms-input-placeholder, :root .cube-pre-black {
  4525.   bottom: 121px; }
  4526.  
  4527. .ajuste-footer-prime tfoot {
  4528.   display: table-footer-group; }
  4529.   .ajuste-footer-prime tfoot td {
  4530.     white-space: nowrap;
  4531.     padding-right: 10px !important; }
  4532.  
  4533. .topoSemMenu .topo .btnSair a {
  4534.   float: right; }
  4535. .topoSemMenu h4 {
  4536.   display: inline-block;
  4537.   margin-right: 50px;
  4538.   font-size: 24px; }
  4539.  
  4540. .ui-icon-bullet-gray {
  4541.   background-size: 10px 10px;
  4542.   width: 10px;
  4543.   height: 10px;
  4544.   position: absolute;
  4545.   top: 3px;
  4546.   right: 3px;
  4547.   display: inline-block;
  4548.   background: gray;
  4549.   border-radius: 15px; }
  4550.  
  4551. .img-bullet-gray {
  4552.   height: 10px;
  4553.   position: absolute;
  4554.   top: 3px;
  4555.   right: 3px;
  4556.   display: inline-block; }
  4557.  
  4558. .msgMobileToken {
  4559.   position: absolute;
  4560.   width: 97%;
  4561.   top: 50%;
  4562.   background: #fff;
  4563.   z-index: 9;
  4564.   font-size: 18px;
  4565.   text-align: center;
  4566.   transform: translate(0, -50%); }
  4567.   .msgMobileToken .btn-toggle, .msgMobileToken .btn-tokenfisico {
  4568.     min-width: 90px;
  4569.     padding: 8px !important;
  4570.     font-size: 14px !important;
  4571.     height: 34px;
  4572.     background: #AAAAAA !important;
  4573.     margin: 0;
  4574.     border-radius: 3px;
  4575.     border: 0;
  4576.     color: white; }
  4577.  
  4578. .trocaConta table a {
  4579.   padding: 0px; }
  4580.  
  4581. .panelTrocaConta {
  4582.   display: inline-block;
  4583.   display: -moz-inline-box;
  4584.   position: relative;
  4585.   margin-right: 0px; }
  4586.   .panelTrocaConta a {
  4587.     color: #1BB3BC; }
  4588.   .panelTrocaConta .btnTrocarConta i {
  4589.     font-size: 12px !important; }
  4590.  
  4591. .banner-no-header .topo {
  4592.   display: none; }
  4593. .banner-no-header .rodape {
  4594.   display: none; }
  4595. .banner-no-header .banner-security {
  4596.   padding: 0px; }
  4597.  
  4598. .banner-security {
  4599.   width: 100%;
  4600.   height: 100%;
  4601.   position: absolute;
  4602.   min-width: 1024px;
  4603.   padding: 79px 0px 40px 0px; }
  4604.  
  4605. .banner-button {
  4606.   text-align: center;
  4607.   position: absolute;
  4608.   bottom: 70px;
  4609.   width: 100%;
  4610.   padding: 0 100px; }
  4611.   .banner-button.right {
  4612.     text-align: right; }
  4613.   .banner-button.left {
  4614.     text-align: left; }
  4615.  
  4616. .daterangepicker {
  4617.   position: absolute;
  4618.   color: inherit;
  4619.   background-color: #fff;
  4620.   border-radius: 4px;
  4621.   width: 278px;
  4622.   padding: 4px;
  4623.   margin-top: 1px;
  4624.   top: 100px;
  4625.   left: 20px;
  4626.   /* Calendars */ }
  4627.   .daterangepicker:before, .daterangepicker:after {
  4628.     position: absolute;
  4629.     display: inline-block;
  4630.     border-bottom-color: rgba(0, 0, 0, 0.2);
  4631.     content: ''; }
  4632.   .daterangepicker:before {
  4633.     top: -7px;
  4634.     border-right: 7px solid transparent;
  4635.     border-left: 7px solid transparent;
  4636.     border-bottom: 7px solid #ccc; }
  4637.   .daterangepicker:after {
  4638.     top: -6px;
  4639.     border-right: 6px solid transparent;
  4640.     border-bottom: 6px solid #fff;
  4641.     border-left: 6px solid transparent; }
  4642.   .daterangepicker.opensleft:before {
  4643.     right: 9px; }
  4644.   .daterangepicker.opensleft:after {
  4645.     right: 10px; }
  4646.   .daterangepicker.openscenter:before, .daterangepicker.openscenter:after {
  4647.     left: 0;
  4648.     right: 0;
  4649.     width: 0;
  4650.     margin-left: auto;
  4651.     margin-right: auto; }
  4652.   .daterangepicker.opensright:before {
  4653.     left: 9px; }
  4654.   .daterangepicker.opensright:after {
  4655.     left: 10px; }
  4656.   .daterangepicker.dropup {
  4657.     margin-top: -5px; }
  4658.     .daterangepicker.dropup:before {
  4659.       top: initial;
  4660.       bottom: -7px;
  4661.       border-bottom: initial;
  4662.       border-top: 7px solid #ccc; }
  4663.     .daterangepicker.dropup:after {
  4664.       top: initial;
  4665.       bottom: -6px;
  4666.       border-bottom: initial;
  4667.       border-top: 6px solid #fff; }
  4668.   .daterangepicker.dropdown-menu {
  4669.     max-width: none;
  4670.     z-index: 3001; }
  4671.   .daterangepicker.single .ranges, .daterangepicker.single .calendar {
  4672.     float: none; }
  4673.   .daterangepicker.show-calendar .calendar {
  4674.     display: block; }
  4675.   .daterangepicker .calendar {
  4676.     display: none;
  4677.     max-width: 270px;
  4678.     margin: 4px; }
  4679.     .daterangepicker .calendar.single .calendar-table {
  4680.       border: none; }
  4681.     .daterangepicker .calendar th, .daterangepicker .calendar td {
  4682.       white-space: nowrap;
  4683.       text-align: center;
  4684.       min-width: 32px; }
  4685.       .daterangepicker .calendar th i, .daterangepicker .calendar td i {
  4686.         font-size: 16px !important; }
  4687.     .daterangepicker .calendar.left .daterangepicker_input i {
  4688.       right: 20px; }
  4689.   .daterangepicker .calendar-table {
  4690.     border: 1px solid #fff;
  4691.     padding: 4px;
  4692.     border-radius: 4px;
  4693.     background-color: #fff; }
  4694.     .daterangepicker .calendar-table tr {
  4695.       background: #fff !important;
  4696.       height: 30px; }
  4697.   .daterangepicker table {
  4698.     width: 100%;
  4699.     margin: 0; }
  4700.   .daterangepicker td, .daterangepicker th {
  4701.     text-align: center;
  4702.     width: 20px;
  4703.     height: 20px;
  4704.     border-radius: 4px;
  4705.     border: 1px solid transparent;
  4706.     white-space: nowrap;
  4707.     cursor: pointer; }
  4708.   .daterangepicker td.available:hover, .daterangepicker th.available:hover {
  4709.     background-color: #eee;
  4710.     border-color: transparent;
  4711.     color: inherit; }
  4712.   .daterangepicker td.week, .daterangepicker th.week {
  4713.     font-size: 80%;
  4714.     color: #ccc; }
  4715.   .daterangepicker td.off {
  4716.     background-color: #fff;
  4717.     border-color: transparent;
  4718.     color: #999; }
  4719.     .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  4720.       background-color: #fff;
  4721.       border-color: transparent;
  4722.       color: #999; }
  4723.   .daterangepicker td.in-range {
  4724.     background-color: #EFEFEF;
  4725.     border-color: transparent;
  4726.     color: #000;
  4727.     border-radius: 0; }
  4728.   .daterangepicker td.start-date {
  4729.     border-radius: 4px 0 0 4px; }
  4730.   .daterangepicker td.end-date {
  4731.     border-radius: 0 4px 4px 0; }
  4732.   .daterangepicker td.start-date.end-date {
  4733.     border-radius: 4px; }
  4734.   .daterangepicker td.active {
  4735.     background-color: #42555E;
  4736.     border-color: transparent;
  4737.     color: #fff;
  4738.     border-radius: 35px; }
  4739.     .daterangepicker td.active:hover {
  4740.       background-color: #42555E;
  4741.       border-color: transparent;
  4742.       color: #fff; }
  4743.   .daterangepicker th.month {
  4744.     width: auto; }
  4745.   .daterangepicker td.disabled, .daterangepicker option.disabled {
  4746.     color: #999;
  4747.     cursor: not-allowed;
  4748.     text-decoration: line-through; }
  4749.   .daterangepicker select.monthselect, .daterangepicker select.yearselect {
  4750.     font-size: 12px;
  4751.     padding: 1px;
  4752.     height: auto;
  4753.     margin: 0;
  4754.     cursor: default; }
  4755.   .daterangepicker select.monthselect {
  4756.     margin-right: 2%;
  4757.     width: 56%; }
  4758.   .daterangepicker select.yearselect {
  4759.     width: 40%; }
  4760.   .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  4761.     width: 50px;
  4762.     margin-bottom: 0; }
  4763.   .daterangepicker .input-mini {
  4764.     border: 1px solid #ccc;
  4765.     border-radius: 4px;
  4766.     color: #555;
  4767.     height: 30px;
  4768.     line-height: 30px;
  4769.     display: block;
  4770.     vertical-align: middle;
  4771.     margin: 0 0 5px 0;
  4772.     padding: 0 0px 0 6px;
  4773.     width: 100%; }
  4774.     .daterangepicker .input-mini.active {
  4775.       border: 1px solid #08c;
  4776.       border-radius: 4px; }
  4777.   .daterangepicker .daterangepicker_input {
  4778.     position: relative; }
  4779.     .daterangepicker .daterangepicker_input i {
  4780.       position: absolute;
  4781.       right: 8px;
  4782.       top: 6px;
  4783.       font-size: 18px !important; }
  4784.   .daterangepicker.rtl .input-mini {
  4785.     padding-right: 28px;
  4786.     padding-left: 6px; }
  4787.   .daterangepicker.rtl .daterangepicker_input i {
  4788.     left: auto;
  4789.     right: 8px; }
  4790.   .daterangepicker .calendar-time {
  4791.     text-align: center;
  4792.     margin: 5px auto;
  4793.     line-height: 30px;
  4794.     position: relative;
  4795.     padding-left: 28px; }
  4796.     .daterangepicker .calendar-time select.disabled {
  4797.       color: #ccc;
  4798.       cursor: not-allowed; }
  4799.   .daterangepicker .applyBtn {
  4800.     -webkit-border-radius: 3px;
  4801.     -moz-border-radius: 3px;
  4802.     -ms-border-radius: 3px;
  4803.     border-radius: 3px;
  4804.     border: 0;
  4805.     background: #42555E;
  4806.     color: #ffffff !important;
  4807.     margin-left: 5px;
  4808.     line-height: 0; }
  4809.     .daterangepicker .applyBtn i {
  4810.       font-size: 16px; }
  4811.     .daterangepicker .applyBtn:hover, .daterangepicker .applyBtn:focus {
  4812.       background: #566D78; }
  4813.   .daterangepicker .cancelBtn {
  4814.     -webkit-border-radius: 3px;
  4815.     -moz-border-radius: 3px;
  4816.     -ms-border-radius: 3px;
  4817.     border-radius: 3px;
  4818.     border: 0;
  4819.     background: #AAAAAA;
  4820.     color: #ffffff !important;
  4821.     line-height: 0; }
  4822.     .daterangepicker .cancelBtn:hover, .daterangepicker .cancelBtn:focus {
  4823.       background: #8A8A8A !important; }
  4824.   .daterangepicker .range_inputs {
  4825.     margin-top: 24px; }
  4826.   .daterangepicker .start-date:before {
  4827.     content: ''; }
  4828.  
  4829. .ranges {
  4830.   font-size: 11px;
  4831.   float: right;
  4832.   margin: 4px;
  4833.   text-align: left;
  4834.   float: right;
  4835.   width: auto; }
  4836.   .ranges ul {
  4837.     list-style: none;
  4838.     margin: 0 auto;
  4839.     padding: 0;
  4840.     width: 100%; }
  4841.   .ranges li {
  4842.     font-size: 13px;
  4843.     background-color: #f5f5f5;
  4844.     border: 1px solid #f5f5f5;
  4845.     border-radius: 4px;
  4846.     color: #42555E;
  4847.     padding: 3px 12px;
  4848.     margin-bottom: 8px;
  4849.     cursor: pointer; }
  4850.     .ranges li:hover, .ranges li.active {
  4851.       background-color: #42555E;
  4852.       border: 1px solid #42555E;
  4853.       color: #fff; }
  4854.  
  4855. /*  Larger Screen Styling */
  4856. @media (min-width: 564px) {
  4857.   .daterangepicker {
  4858.     width: auto; }
  4859.     .daterangepicker .ranges ul {
  4860.       width: 160px; }
  4861.     .daterangepicker.single .ranges ul {
  4862.       width: 100%; }
  4863.     .daterangepicker.single .calendar.left {
  4864.       clear: none; }
  4865.     .daterangepicker.single.ltr .calendar {
  4866.       float: left; }
  4867.     .daterangepicker.single.rtl .calendar {
  4868.       float: right; }
  4869.     .daterangepicker.ltr {
  4870.       direction: ltr;
  4871.       text-align: left; }
  4872.       .daterangepicker.ltr .calendar.left {
  4873.         clear: left;
  4874.         margin-right: 0; }
  4875.         .daterangepicker.ltr .calendar.left .calendar-table {
  4876.           border-right: none;
  4877.           border-top-right-radius: 0;
  4878.           border-bottom-right-radius: 0; }
  4879.       .daterangepicker.ltr .calendar.right {
  4880.         margin-left: 0; }
  4881.         .daterangepicker.ltr .calendar.right .calendar-table {
  4882.           border-left: none;
  4883.           border-top-left-radius: 0;
  4884.           border-bottom-left-radius: 0; }
  4885.       .daterangepicker.ltr .left .daterangepicker_input, .daterangepicker.ltr .calendar.left .calendar-table {
  4886.         padding-right: 12px; }
  4887.       .daterangepicker.ltr .calendar {
  4888.         float: left; }
  4889.     .daterangepicker.rtl {
  4890.       direction: rtl;
  4891.       text-align: right; }
  4892.       .daterangepicker.rtl .calendar.left {
  4893.         clear: right;
  4894.         margin-left: 0; }
  4895.         .daterangepicker.rtl .calendar.left .calendar-table {
  4896.           border-left: none;
  4897.           border-top-left-radius: 0;
  4898.           border-bottom-left-radius: 0; }
  4899.       .daterangepicker.rtl .calendar.right {
  4900.         margin-right: 0; }
  4901.         .daterangepicker.rtl .calendar.right .calendar-table {
  4902.           border-right: none;
  4903.           border-top-right-radius: 0;
  4904.           border-bottom-right-radius: 0; }
  4905.       .daterangepicker.rtl .left .daterangepicker_input, .daterangepicker.rtl .calendar.left .calendar-table {
  4906.         padding-left: 12px; }
  4907.       .daterangepicker.rtl .calendar {
  4908.         text-align: right;
  4909.         float: right; } }
  4910. @media (min-width: 730px) {
  4911.   .daterangepicker .ranges {
  4912.     width: auto; }
  4913.   .daterangepicker.ltr .ranges {
  4914.     float: left; }
  4915.   .daterangepicker.rtl .ranges {
  4916.     float: right; }
  4917.   .daterangepicker .calendar.left {
  4918.     clear: none !important; } }
  4919. .autorizacao-pendencia table.table-hover thead tr:hover {
  4920.   background: #787878 !important; }
  4921.  
  4922. table.analitico tfoot, table.modalidade tfoot, table.posModalidade tfoot {
  4923.   display: none !important; }
  4924.  
  4925. .default-color {
  4926.   color: #41555E; }
  4927.  
  4928. #formGeral\:statusLoading {
  4929.   z-index: 999999999999 !important; }
  4930.   #formGeral\:statusLoading .btn-loading-text {
  4931.     color: #fff;
  4932.     font-size: 20px;
  4933.     margin-bottom: 20px; }
  4934.   #formGeral\:statusLoading.loading {
  4935.     text-align: center; }
  4936.  
  4937. #formGeral\:statusLoading_modal {
  4938.   z-index: 999999999 !important; }
  4939.  
  4940. .frase-crm {
  4941.   position: absolute;
  4942.   bottom: 10px;
  4943.   padding: 0px 20px;
  4944.   height: 40px; }
  4945.   .frase-crm span {
  4946.     line-height: 40px; }
  4947.   .frase-crm .crm-container {
  4948.     padding-left: 15px;
  4949.     padding-top: 0px;
  4950.     height: 100%; }
  4951.   .frase-crm i {
  4952.     font-size: 24px !important;
  4953.     color: #59B200;
  4954.     position: relative;
  4955.     top: 3px;
  4956.     margin-left: 5px; }
  4957.  
  4958. .crm-banner-msg {
  4959.   height: 35px;
  4960.   display: inline-block;
  4961.   background: #fff; }
  4962.   .crm-banner-msg span {
  4963.     line-height: 40px; }
  4964.   .crm-banner-msg i {
  4965.     font-size: 24px !important;
  4966.     color: #59B200;
  4967.     position: relative;
  4968.     top: 4px; }
  4969.  
  4970. .crm-floater-msg {
  4971.   position: absolute;
  4972.   bottom: 0px;
  4973.   padding: 0px 20px;
  4974.   height: 40px;
  4975.   display: inline-block; }
  4976.   .crm-floater-msg span {
  4977.     line-height: 40px; }
  4978.   .crm-floater-msg i {
  4979.     font-size: 24px !important;
  4980.     color: #59B200;
  4981.     position: relative;
  4982.     top: 4px; }
  4983.  
  4984. .optic-arrow {
  4985.   width: 75px;
  4986.   height: 5px;
  4987.   box-shadow: 3px -2px 6px 0px;
  4988.   background: #fff;
  4989.   display: block;
  4990.   position: absolute;
  4991.   top: 60px;
  4992.   left: 115px;
  4993.   transform: rotate(150deg);
  4994.   border-bottom-left-radius: 15px;
  4995.   border-top-left-radius: 15px; }
  4996.  
  4997. .imgZoom {
  4998.   position: absolute;
  4999.   left: 9px;
  5000.   bottom: 20px;
  5001.   z-index: 9; }
  5002.  
  5003. .numberEx .helper-numbers {
  5004.   float: left;
  5005.   font-size: 26px;
  5006.   letter-spacing: 10px; }
  5007. .numberEx input {
  5008.   width: 400px;
  5009.   display: inline-block;
  5010.   float: left; }
  5011. .numberEx button {
  5012.   float: left;
  5013.   margin-left: 15px; }
  5014.  
  5015. .info-optic {
  5016.   width: 350px;
  5017.   margin-bottom: 20px; }
  5018.   .info-optic.first {
  5019.     margin-bottom: 10px; }
  5020.   .info-optic:last-of-type {
  5021.     margin-bottom: 0px; }
  5022.   .info-optic img {
  5023.     float: left;
  5024.     margin-right: 20px; }
  5025.   .info-optic h4 {
  5026.     font-weight: bold;