From css_sty, 1 Year ago, written in CSS.
This paste will kick the bucket in 1 Second.
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.  
  39. .bodyTeclado {
  40.   height: 100%;
  41.   margin-top: 79px;
  42.   margin-bottom: 32px; }
  43.  
  44. html {
  45.   -ms-overflow-style: scrollbar;
  46.   -ms-overflow-y: scroll;
  47.   -ms-overflow-x: hidden; }
  48.  
  49. .navbar {
  50.   margin-bottom: 0; }
  51.  
  52. ul {
  53.   visibility: hidden;
  54.   padding: 0;
  55.   margin-bottom: 0 !important; }
  56.   ul li {
  57.     list-style: none; }
  58.  
  59. a {
  60.   color: #1BB3BC; }
  61.  
  62. hr {
  63.   border-color: #D6D6D6;
  64.   margin-top: 10px;
  65.   margin-bottom: 10px; }
  66.  
  67. p {
  68.   margin-bottom: 0; }
  69.  
  70. h1, h2, h3, h4, h5 {
  71.   margin: 0; }
  72.  
  73. .quebra {
  74.   clear: both; }
  75.  
  76. .btn {
  77.   font-weight: 400;
  78.   color: #fff; }
  79.  
  80. select::-ms-expand {
  81.   display: none; }
  82.  
  83. select {
  84.   z-index: 1; }
  85.  
  86. i {
  87.   font-size: 32px !important; }
  88.  
  89. label {
  90.   font-weight: 600;
  91.   font-size: 12px; }
  92.  
  93. .form-group label {
  94.   font-weight: 300 !important; }
  95.  
  96. /*Etapas*/
  97. /* Datepicker */
  98. /*media queries */
  99. /*1367px;*/
  100. /*1024px;*/
  101. /*1023px;*/
  102. /*770px;*/
  103. .menu-lateral-internas {
  104.   width: 69px !important;
  105.   -webkit-transition: width 0.3s ease-in-out;
  106.   -moz-transition: width 0.3s ease-in-out;
  107.   -ms-transition: width 0.3s ease-in-out;
  108.   -o-transition: width 0.3s ease-in-out;
  109.   transition: width 0.3s ease-in-out; }
  110.   .menu-lateral-internas .ui-menuitem-text {
  111.     display: none; }
  112.   .menu-lateral-internas:hover {
  113.     width: 225px !important;
  114.     -webkit-transition: width 0.3s ease-in-out;
  115.     -moz-transition: width 0.3s ease-in-out;
  116.     -ms-transition: width 0.3s ease-in-out;
  117.     -o-transition: width 0.3s ease-in-out;
  118.     transition: width 0.3s ease-in-out; }
  119.     .menu-lateral-internas:hover .ui-menuitem-text {
  120.       display: block; }
  121.   .menu-lateral-internas a {
  122.     width: 225px !important; }
  123.  
  124. /*media queries*/
  125. @media screen and (max-width: 1024px) {
  126.   .img-getnet {
  127.     padding-top: 50px !important; }
  128.  
  129.   .menu-lateral .hamburguer {
  130.     display: block !important; }
  131.  
  132.   .miolo .form-page .col-md-4 {
  133.     width: 33.3333333% !important; }
  134.  
  135.   body {
  136.     -ms-overflow-x: auto; }
  137.  
  138.   .modalPage {
  139.     overflow-x: scroll !important;
  140.     height: 85% !important;
  141.     width: 800px !important; }
  142.     .modalPage .ui-dialog-content {
  143.       overflow: hidden;
  144.       display: inline-block; }
  145.       .modalPage .ui-dialog-content .closeModal {
  146.         position: fixed;
  147.         left: 855px;
  148.         text-align: initial !important; }
  149.       .modalPage .ui-dialog-content .titulo {
  150.         margin-top: 30px; } }
  151. @media screen and (min-width: 1367px) {
  152.   .homeNova .container.home {
  153.     min-width: 1335px !important;
  154.     margin: auto !important;
  155.     width: 85%; }
  156.   .homeNova .menu-lateral {
  157.     left: initial; }
  158.   .homeNova .miolo.home {
  159.     width: 1124px;
  160.     margin-left: 226px; }
  161.   .homeNova .sub-menu-header {
  162.     min-width: 1335px !important;
  163.     margin: auto !important;
  164.     width: 85%;
  165.     padding-left: 230px;
  166.     padding-right: 13px; }
  167.  
  168.   .titulo-painel.box-getnet {
  169.     padding: 8px 16px 3px 16px !important; } }
  170. @media screen and (max-width: 1023px) {
  171.   .border-right {
  172.     border-right: 0px solid #CCCCCC; }
  173.  
  174.   .border-left {
  175.     border-left: 0px solid #CCCCCC; } }
  176. @media only screen and (max-width: 770px) {
  177.   .sub-menu-links {
  178.     display: none; }
  179.  
  180.   .date-separator {
  181.     padding: 0 15px !important; } }
  182. @media all\0 {
  183.   select {
  184.     padding: 0 !important;
  185.     height: 34px !important; } }
  186. /*styles*/
  187. .topo {
  188.   min-width: 1007px !important;
  189.   padding: 22px 0px;
  190.   background: #685743;
  191.   color: #fff;
  192.   box-shadow: 0px 3px 10px -5px;
  193.   -webkit-box-shadow: 0px 3px 10px -5px;
  194.   -moz-box-shadow: 0px 3px 10px -5px;
  195.   height: 79px;
  196.   position: fixed;
  197.   top: 0;
  198.   right: 0;
  199.   left: 0;
  200.   z-index: 1030; }
  201.   .topo.red {
  202.     background: #ec0000; }
  203.   .topo .logo {
  204.     float: left; }
  205.     .topo .logo img {
  206.       vertical-align: inherit; }
  207.   .topo p {
  208.     color: #fff; }
  209.   .topo .container-fluid {
  210.     padding-left: 22px;
  211.     padding-right: 22px; }
  212.   .topo .iconsHeader {
  213.     display: inline-block;
  214.     position: relative;
  215.     bottom: 8px; }
  216.     .topo .iconsHeader a {
  217.       color: #fff;
  218.       text-decoration: none; }
  219.       .topo .iconsHeader a:focus {
  220.         outline: none; }
  221.     .topo .iconsHeader i {
  222.       margin-right: 20px;
  223.       cursor: pointer;
  224.       font-size: 25px !important; }
  225.     .topo .iconsHeader .notification {
  226.       font-size: 12px;
  227.       background: #1BB3BC;
  228.       border-radius: 20px;
  229.       margin-left: -10px;
  230.       position: absolute;
  231.       bottom: 19px;
  232.       width: 21px;
  233.       line-height: 21px;
  234.       height: 21px;
  235.       display: inline-block;
  236.       text-align: center;
  237.       z-index: 9;
  238.       cursor: pointer; }
  239.   .topo .userInfo {
  240.     display: inline-block;
  241.     margin-right: 5px;
  242.     font-size: 16px;
  243.     margin-top: -5px; }
  244.     .topo .userInfo .lastAcess {
  245.       font-size: 12px;
  246.       text-align: left; }
  247.   .topo .btnSair {
  248.     display: inline-block;
  249.     display: -moz-inline-box;
  250.     position: relative;
  251.     bottom: 20px;
  252.     left: 20px;
  253.     margin-right: 10px; }
  254.     .topo .btnSair.btnSairInterna {
  255.       display: inline-block !important; }
  256.     .topo .btnSair a {
  257.       font-size: 12px;
  258.       color: #fff;
  259.       border: 1px solid;
  260.       border-radius: 15px;
  261.       padding: 5px 13px;
  262.       text-decoration: none;
  263.       width: 48px;
  264.       height: 26px;
  265.       display: block;
  266.       line-height: 15px; }
  267.       .topo .btnSair a:hover {
  268.         background: #7c6750; }
  269.     .topo .btnSair.semMenu {
  270.       top: 10px; }
  271.  
  272. .menu-lateral {
  273.   background: #f6f6f6  !important;
  274.   bottom: 0;
  275.   display: block;
  276.   left: 0;
  277.   overflow: hidden !important;
  278.   position: fixed;
  279.   top: 79px;
  280.   z-index: 9999;
  281.   padding: 0 !important;
  282.   width: 225px;
  283.   box-shadow: 2px 3px 10px -5px; }
  284.   .menu-lateral ul {
  285.     width: 225px; }
  286.   .menu-lateral a {
  287.     color: #41555E !important;
  288.     display: inline-block !important;
  289.     padding: 0px 0px 0px 23px !important;
  290.     font-size: 16px;
  291.     align-items: center;
  292.     border: 0 !important;
  293.     height: 100%;
  294.     width: 100% !important; }
  295.     .menu-lateral a .ui-menuitem-icon {
  296.       display: initial !important; }
  297.     .menu-lateral a .ui-icon {
  298.       display: initial;
  299.       text-indent: 1px !important;
  300.       overflow: initial;
  301.       background-repeat: initial; }
  302.     .menu-lateral a .ui-menuitem-text {
  303.       font-size: 12px;
  304.       padding-top: 7px; }
  305.     .menu-lateral a i {
  306.       float: left !important;
  307.       font-size: 28px !important;
  308.       margin-right: 10px; }
  309.     .menu-lateral a span.ic {
  310.       float: left !important;
  311.       font-size: 21px !important;
  312.       margin-right: 10px;
  313.       margin-top: 3px; }
  314.     .menu-lateral a:hover {
  315.       color: #1BB3BC !important;
  316.       background: #f6f6f6 !important; }
  317.     .menu-lateral a.promocaoOferta {
  318.       color: #EE1D23 !important; }
  319.       .menu-lateral a.promocaoOferta:hover {
  320.         color: #EE1D23 !important; }
  321.   .menu-lateral .ui-state-disabled {
  322.     background: transparent; }
  323.   .menu-lateral .ui-menuitem {
  324.     height: 25px;
  325.     align-items: center; }
  326.  
  327. h4 {
  328.   font-size: 16px; }
  329.  
  330. .drop-usuario {
  331.   padding: 13px 16px 12px 16px;
  332.   width: 360px;
  333.   background: #F7F7F7;
  334.   text-align: left; }
  335.   .drop-usuario h1 {
  336.     font-size: 18px; }
  337.   .drop-usuario a.alterar-conta {
  338.     background: none !important;
  339.     text-decoration: underline !important;
  340.     padding: 0 !important; }
  341.  
  342. .titulo-painel {
  343.   padding: 15px 15px 15px 15px;
  344.   background: #fff;
  345.   box-shadow: 0px 2px 6px -2px;
  346.   color: #41555E;
  347.   border-bottom: 1px solid #CACACA;
  348.   line-height: 15px; }
  349.   .titulo-painel h4 {
  350.     font-size: 16px;
  351.     line-height: 15px; }
  352.   .titulo-painel .fa {
  353.     font-size: 30px !important;
  354.     margin-right: 16px;
  355.     float: left;
  356.     bottom: 6px;
  357.     position: relative; }
  358.     .titulo-painel .fa.fa-exclamation-circle {
  359.       color: #FFD24D; }
  360.     .titulo-painel .fa.fa-times-circle {
  361.       color: #EE1D23; }
  362.     .titulo-painel .fa.fa-check-circle {
  363.       color: #59B200; }
  364.  
  365. .conteudo-painel {
  366.   background: #ffffff;
  367.   padding: 16px;
  368.   min-height: 223px; }
  369.   .conteudo-painel.internas {
  370.     display: inline-table; }
  371.  
  372. .abas .conteudo-painel {
  373.   background: #ffffff;
  374.   padding: 16px;
  375.   min-height: 223px;
  376.   min-height: 303px !important; }
  377.   .abas .conteudo-painel.internas {
  378.     display: inline-table; }
  379.  
  380. .rodape-painel {
  381.   background: #F7F7F7;
  382.   padding: 8px; }
  383.  
  384. .btn-default {
  385.   -webkit-border-radius: 3px;
  386.   -moz-border-radius: 3px;
  387.   -ms-border-radius: 3px;
  388.   border-radius: 3px;
  389.   border: 0;
  390.   background: #42555E;
  391.   color: #ffffff !important;
  392.   margin-left: 5px; }
  393.   .btn-default i {
  394.     font-size: 16px; }
  395.   .btn-default:hover, .btn-default:focus {
  396.     background: #566D78; }
  397.   .btn-default span {
  398.     padding: 0; }
  399.  
  400. .btn-secundario {
  401.   -webkit-border-radius: 3px;
  402.   -moz-border-radius: 3px;
  403.   -ms-border-radius: 3px;
  404.   border-radius: 3px;
  405.   border: 0;
  406.   background: #AAAAAA;
  407.   color: #ffffff !important; }
  408.   .btn-secundario:hover, .btn-secundario:focus {
  409.     background: #8A8A8A !important; }
  410.  
  411. .btn-editar {
  412.   background: #1EB2BB !important; }
  413.   .btn-editar:hover, .btn-editar:focus {
  414.     background: #1CA3AA !important; }
  415.  
  416. .btn-100 {
  417.   width: 100%; }
  418.  
  419. .filtro-tabela {
  420.   -webkit-border-radius: 3px;
  421.   -moz-border-radius: 3px;
  422.   -ms-border-radius: 3px;
  423.   border-radius: 3px;
  424.   border: 0;
  425.   background: #ffffff;
  426.   padding: 16px 0px;
  427.   margin-bottom: 16px; }
  428.   .filtro-tabela .col-xs-4 {
  429.     padding-bottom: 16px; }
  430.   .filtro-tabela button {
  431.     margin: 0; }
  432.  
  433. .texto-leitura {
  434.   -webkit-border-radius: 3px;
  435.   -moz-border-radius: 3px;
  436.   -ms-border-radius: 3px;
  437.   border-radius: 3px;
  438.   border: 0;
  439.   margin-bottom: 16px; }
  440.  
  441. .alerta {
  442.   -webkit-border-radius: 3px;
  443.   -moz-border-radius: 3px;
  444.   -ms-border-radius: 3px;
  445.   border-radius: 3px;
  446.   border: 0;
  447.   background: #ffffff; }
  448.  
  449. ol.breadcrumb {
  450.   background: #ffffff;
  451.   display: inline-block; }
  452.   ol.breadcrumb li a {
  453.     color: #818181; }
  454.   ol.breadcrumb .active {
  455.     color: #EE1D23; }
  456.  
  457. .filtro-avancado {
  458.   display: none; }
  459.  
  460. .box-shadow {
  461.   box-shadow: 0px 3px 10px -5px;
  462.   margin-bottom: 16px;
  463.   background: #ffffff;
  464.   padding: 15px; }
  465.   .box-shadow.homeBlock {
  466.     padding: 0px; }
  467.   .box-shadow.no-padding-bottom {
  468.     padding-bottom: 0px; }
  469.  
  470. .horario-brasilia {
  471.   margin: 0 0 8px; }
  472.  
  473. .titulo-sistema {
  474.   font-size: 21px;
  475.   padding: 23px; }
  476.  
  477. .conteudo-painel-altura-total {
  478.   height: auto !important; }
  479.  
  480. .container-fluid {
  481.   min-width: 1007px !important;
  482.   padding-left: 30px;
  483.   padding-right: 30px; }
  484.  
  485. .container {
  486.   width: auto;
  487.   margin-left: 70px;
  488.   margin-right: 10px;
  489.   min-width: 937px !important; }
  490.   .container a {
  491.     color: #1BB3BC;
  492.     font-size: 12px; }
  493.   .container.home {
  494.     margin-left: 226px;
  495.     min-width: 781px !important; }
  496.  
  497. .containerHome {
  498.   min-width: 832px !important; }
  499.  
  500. .time-date {
  501.   padding-left: 65px; }
  502.  
  503. .alerta {
  504.   background: #FFA64D;
  505.   box-shadow: 0px 3px 10px -5px;
  506.   margin-bottom: 16px;
  507.   padding: 8px 44px 8px 16px;
  508.   position: relative; }
  509.   .alerta span {
  510.     color: #ffffff; }
  511.   .alerta i {
  512.     color: #ffffff;
  513.     font-size: 32px !important;
  514.     float: left;
  515.     margin-right: 16px; }
  516.  
  517. .fechar-alerta a {
  518.   font-size: 21px !important;
  519.   color: #ffffff;
  520.   position: absolute;
  521.   right: 16px;
  522.   top: 8px; }
  523.  
  524. .edicao-coluna .col-xs-offset-2 {
  525.   margin-left: 18.25%; }
  526. .edicao-coluna .col-xs-10 {
  527.   width: 80.333%; }
  528.  
  529. .rodape {
  530.   min-width: 1007px !important;
  531.   background: #EEEEEE;
  532.   padding: 5px 16px 0px 16px;
  533.   position: fixed;
  534.   bottom: 0;
  535.   right: 0;
  536.   left: 0;
  537.   width: 100%;
  538.   text-align: center;
  539.   z-index: 99; }
  540.   .rodape.home {
  541.     padding: 5px 16px 0px 230px; }
  542.  
  543. .rodape label {
  544.   font-weight: normal;
  545.   margin-bottom: 0;
  546.   font-size: 13px; }
  547.  
  548. .miolo {
  549.   position: relative;
  550.   margin-top: 30px;
  551.   margin-bottom: 50px; }
  552.   .miolo h1 {
  553.     font-size: 21px;
  554.     color: #41545E; }
  555.   .miolo.home {
  556.     margin-top: 35px;
  557.     margin-bottom: 0px;
  558.     max-width: 1124px;
  559.     padding: 0 5px; }
  560.     .miolo.home .titulo-painel {
  561.       padding: 8px 16px 8px 16px;
  562.       display: table;
  563.       width: 100%; }
  564.     .miolo.home .box-shadow {
  565.       padding: 12px 16px 11px 16px;
  566.       margin-bottom: 10px; }
  567.  
  568. .titulo-submenu {
  569.   visibility: hidden;
  570.   border-bottom: 1px solid #E3E6E7;
  571.   padding-bottom: 8px;
  572.   font-size: 21px;
  573.   text-transform: uppercase;
  574.   display: inline-block;
  575.   width: 100%; }
  576.  
  577. ul li.fa {
  578.   color: #ffffff;
  579.   position: relative; }
  580.  
  581. ul li.fa:hover {
  582.   background: #3f5058; }
  583.  
  584. /*globais*/
  585. .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  586.   vertical-align: middle !important; }
  587.  
  588. table.table-no-border-bottom tbody tr:last-child {
  589.   border-bottom: none !important; }
  590. table thead {
  591.   display: table-row-group; }
  592. table .width22 {
  593.   width: 22%; }
  594. table .ui-selection-column {
  595.   width: 45px; }
  596.   table .ui-selection-column .ui-chkbox {
  597.     margin: 0 !important;
  598.     margin-left: 10px !important; }
  599. table th.ui-selection-column {
  600.   position: relative;
  601.   bottom: 8px; }
  602. table.no-border tr {
  603.   border: none !important; }
  604. table.border-column-dotted td {
  605.   border-bottom: 1px dotted #DDDDDD !important; }
  606. table .ui-widget-content {
  607.   border: initial; }
  608. table.table thead tr {
  609.   background: #787878;
  610.   height: 42px;
  611.   color: #fff; }
  612.   table.table thead tr:hover {
  613.     background: #787878 !important; }
  614. table tr {
  615.   border-bottom: 1px solid #DDDDDD !important;
  616.   page-break-inside: avoid;
  617.   page-break-after: auto;
  618.   height: 40px; }
  619. table tbody tr:hover {
  620.   background: #f0f0f0 !important; }
  621. table tbody .ui-chkbox-box {
  622.   top: 0px !important; }
  623. table td {
  624.   border-top: none !important; }
  625.   table td.no-border {
  626.     border: none !important; }
  627. table.table-checkbox tr.checked {
  628.   background: #DDDDDD; }
  629. table thead tr + tr {
  630.   background: #999999 !important; }
  631. table th.text-right, table td.text-right {
  632.   text-align: right !important; }
  633. table th.text-left, table td.text-left {
  634.   text-align: left !important; }
  635. table th.text-center, table td.text-center {
  636.   text-align: center !important; }
  637. table img {
  638.   cursor: pointer; }
  639.  
  640. .site-map span strong {
  641.   color: #EE1D23;
  642.   padding: 0 3px; }
  643. .site-map h1 {
  644.   font-size: 18px; }
  645.  
  646. .checkbox-inline {
  647.   padding-left: 0; }
  648.   .checkbox-inline label {
  649.     width: auto !important;
  650.     padding-left: 10px !important; }
  651.  
  652. input[type="checkbox"]:checked + label:after {
  653.   content: "\00a0";
  654.   display: inline-block;
  655.   width: 7px;
  656.   height: 12px;
  657.   border: solid #00D15F;
  658.   border-width: 0 3px 3px 0;
  659.   -ms-transform: rotate(40deg);
  660.   -webkit-transform: rotate(40deg);
  661.   -moz-transform: rotate(40deg);
  662.   -o-transform: rotate(40deg);
  663.   transform: rotate(40deg);
  664.   /*  position: relative;
  665.    left: -105px;
  666.    top: 2px; */
  667.   position: absolute;
  668.   left: 5px;
  669.   top: 5px; }
  670. input[type="checkbox"]:checked + label.checkbox-inline:after {
  671.   top: 2px; }
  672. input[type="checkbox"] + label::before {
  673.   content: '';
  674.   position: absolute;
  675.   left: 0px;
  676.   width: 18px;
  677.   height: 18px;
  678.   color: #00D15F;
  679.   border: 1px solid #cccccc;
  680.   background: #ffffff;
  681.   background-image: none;
  682.   box-shadow: none;
  683.   display: inline-block;
  684.   border-radius: 15%; }
  685.  
  686. input[type="checkbox"] {
  687.   -webkit-appearance: none;
  688.   -moz-appearance: none;
  689.   appearance: none;
  690.   opacity: 0;
  691.   z-index: 1; }
  692.   input[type="checkbox"] + label {
  693.     align-items: center;
  694.     position: relative;
  695.     width: 300px;
  696.     min-width: 300px;
  697.     display: table-caption; }
  698.   input[type="checkbox"]:focus {
  699.     outline: 0 !important;
  700.     -moz-appearance: none;
  701.     outline-style: none;
  702.     outline-width: 0; }
  703.  
  704. .radioMax label {
  705.   width: 380px !important; }
  706.  
  707. input[type="radio"] {
  708.   border-radius: 50%;
  709.   webkit-appearance: none;
  710.   -moz-appearance: none;
  711.   appearance: none;
  712.   opacity: 0;
  713.   z-index: 1; }
  714.   input[type="radio"] + label {
  715.     align-items: center;
  716.     position: relative;
  717.     width: 300px;
  718.     min-width: 300px; }
  719.   input[type="radio"]:focus {
  720.     outline: 0 !important;
  721.     -moz-appearance: none;
  722.     outline-style: none;
  723.     outline-width: 0; }
  724.   input[type="radio"]:checked + label:after {
  725.     content: "";
  726.     display: block;
  727.     width: 10px;
  728.     height: 10px;
  729.     border-radius: 50%;
  730.     background: #00D15F;
  731.     position: absolute;
  732.     top: 4px;
  733.     right: 276px;
  734.     margin-bottom: -10px; }
  735.   input[type="radio"] + label::before {
  736.     content: '';
  737.     position: relative;
  738.     left: 0px;
  739.     width: 18px;
  740.     height: 18px;
  741.     color: #00D15F;
  742.     border: 1px solid #cccccc;
  743.     background: #ffffff;
  744.     background-image: none;
  745.     box-shadow: none;
  746.     display: inline-block;
  747.     border-radius: 50%; }
  748.  
  749. .space-b {
  750.   margin-bottom: 15px !important; }
  751.  
  752. .space-bb {
  753.   margin-bottom: 30px !important; }
  754.  
  755. .space-mb {
  756.   margin-top: -10px; }
  757.  
  758. .space-t {
  759.   margin-top: 15px !important; }
  760.  
  761. .space-tt {
  762.   margin-top: 30px !important; }
  763.  
  764. .space-r {
  765.   margin-right: 15px !important; }
  766.  
  767. .space-rr {
  768.   margin-right: 30px !important; }
  769.  
  770. .space-l {
  771.   margin-left: 15px !important; }
  772.  
  773. .space-ll {
  774.   margin-left: 30px !important; }
  775.  
  776. textarea {
  777.   resize: none; }
  778.  
  779. .border-right {
  780.   border-right: 1px solid #CCCCCC; }
  781.  
  782. .border-left {
  783.   border-left: 1px solid #CCCCCC; }
  784.  
  785. .border-top {
  786.   border-top: 1px solid #CCCCCC; }
  787.  
  788. .border-bottom {
  789.   border-bottom: 1px solid #CCCCCC; }
  790.  
  791. .miolo-home {
  792.   padding-left: 210px; }
  793.  
  794. .sub-menu-header {
  795.   min-width: 1007px !important;
  796.   background: #f0f0f0;
  797.   position: fixed;
  798.   width: 100%;
  799.   z-index: 999;
  800.   left: 0;
  801.   right: 0;
  802.   padding: 10px 7px 8px 85px; }
  803.   .sub-menu-header.home {
  804.     padding: 10px 25px 8px 240px; }
  805.   .sub-menu-header .sub-data {
  806.     line-height: 42px; }
  807.   .sub-menu-header .sub-menu-links a {
  808.     background: #EE1D23;
  809.     border-right: 1px solid #C00E12;
  810.     padding: 8px; }
  811.     .sub-menu-header .sub-menu-links a:hover {
  812.       background: #C00E12 !important; }
  813.   .sub-menu-header ul li {
  814.     float: left;
  815.     background: #EE1D23;
  816.     text-align: center;
  817.     cursor: pointer; }
  818.     .sub-menu-header ul li .last-child-menu {
  819.       background: #f0f0f0 !important;
  820.       padding-right: 10px;
  821.       color: #ffffff;
  822.       border-right: 0; }
  823.       .sub-menu-header ul li .last-child-menu img {
  824.         margin-right: 8px; }
  825.       .sub-menu-header ul li .last-child-menu:hover {
  826.         background: #2F3B42 !important; }
  827.  
  828. .sub-home {
  829.   padding-left: 125px; }
  830.  
  831. .exclam-point {
  832.   float: left;
  833.   font-size: 35px !important;
  834.   margin-right: 8px;
  835.   color: #ffbf00; }
  836.  
  837. .qr-code-img {
  838.   margin: 0 15px 30px 0; }
  839.  
  840. .disp-seg {
  841.   min-height: 275px; }
  842.  
  843. .ass-eletronica {
  844.   min-height: 342px; }
  845.  
  846. .btn-off {
  847.   background: #AAAAAA !important; }
  848.  
  849. .nav-tabs-block > li {
  850.   float: left;
  851.   margin-bottom: -1px;
  852.   width: 33%;
  853.   text-align: center; }
  854.   .nav-tabs-block > li > a {
  855.     line-height: 1.42857143;
  856.     background: #F2F2F2; }
  857.     .nav-tabs-block > li > a:hover {
  858.       border-color: #eee #eee #ddd; }
  859.   .nav-tabs-block > li:last-child {
  860.     width: 34%; }
  861.   .nav-tabs-block > li.active > a, .nav-tabs-block > li.active > a:hover, .nav-tabs-block > li.active > a:focus {
  862.     color: #555;
  863.     cursor: default;
  864.     background: #ffffff; }
  865.   .nav-tabs-block > li.aba-dupla {
  866.     width: 50%; }
  867.     .nav-tabs-block > li.aba-dupla:last-child {
  868.       width: 50%; }
  869.  
  870. /*Etapas*/
  871. ul {
  872.   padding: 0;
  873.   list-style: none; }
  874.   ul.etapas {
  875.     padding: 0;
  876.     display: inline-block;
  877.     margin-top: 15px;
  878.     margin-bottom: 35px;
  879.     width: auto;
  880.     margin-right: 20px; }
  881.     ul.etapas li {
  882.       float: left;
  883.       list-style: none; }
  884.       ul.etapas li span i {
  885.         font-size: 9px !important; }
  886.     ul.etapas.double-step li.etapa-1 {
  887.       border-top: 1px dashed #BBBBBB;
  888.       color: #BBBBBB;
  889.       font-size: 12px;
  890.       padding: 0px 120px 0px 0px; }
  891.       ul.etapas.double-step li.etapa-1 .fa-circle {
  892.         display: table; }
  893.       ul.etapas.double-step li.etapa-1 .fa-check-circle {
  894.         display: none; }
  895.       ul.etapas.double-step li.etapa-1 span {
  896.         margin-left: -57px;
  897.         position: absolute;
  898.         width: 120px;
  899.         text-align: center; }
  900.         ul.etapas.double-step li.etapa-1 span i {
  901.           background: #f0f0f0;
  902.           margin: -6px auto 9px;
  903.           text-align: center;
  904.           display: table; }
  905.     ul.etapas.double-step li.etapa-1.active {
  906.       border-top: 1px dashed #BBBBBB;
  907.       color: #43A72B;
  908.       font-size: 12px;
  909.       padding: 0px 120px 0px 0px; }
  910.       ul.etapas.double-step li.etapa-1.active .fa-circle {
  911.         display: table; }
  912.       ul.etapas.double-step li.etapa-1.active .fa-check-circle {
  913.         display: none; }
  914.       ul.etapas.double-step li.etapa-1.active span {
  915.         margin-left: -38px;
  916.         position: absolute; }
  917.         ul.etapas.double-step li.etapa-1.active span i {
  918.           background: #f0f0f0;
  919.           margin: -6px auto 9px;
  920.           text-align: center;
  921.           display: table; }
  922.     ul.etapas.double-step li.etapa-1.checked {
  923.       padding: 0px 120px 0px 0px;
  924.       border-top: 1px dashed #43A72B;
  925.       color: #43A72B; }
  926.       ul.etapas.double-step li.etapa-1.checked .fa-circle {
  927.         display: none; }
  928.       ul.etapas.double-step li.etapa-1.checked .fa-check-circle {
  929.         display: table; }
  930.       ul.etapas.double-step li.etapa-1.checked span i {
  931.         font-size: 20px !important;
  932.         background: #f0f0f0;
  933.         margin: -12px auto 4px;
  934.         text-align: center; }
  935.     ul.etapas.double-step li.etapa-3 {
  936.       border-top: 1px dashed #BBBBBB;
  937.       color: #BBBBBB;
  938.       font-size: 12px;
  939.       padding: 0;
  940.       margin-left: 20px; }
  941.       ul.etapas.double-step li.etapa-3 .fa-circle {
  942.         display: table; }
  943.       ul.etapas.double-step li.etapa-3 .fa-check-circle {
  944.         display: none; }
  945.       ul.etapas.double-step li.etapa-3 span {
  946.         margin-left: -59px;
  947.         position: absolute;
  948.         width: 85px;
  949.         text-align: center; }
  950.         ul.etapas.double-step li.etapa-3 span i {
  951.           background: #f0f0f0;
  952.           margin: -6px auto 9px;
  953.           text-align: center;
  954.           display: table; }
  955.     ul.etapas.double-step li.etapa-3.active {
  956.       border-top: 1px dashed #BBBBBB;
  957.       color: #43A72B;
  958.       font-size: 12px;
  959.       padding: 0;
  960.       margin-left: 20px; }
  961.       ul.etapas.double-step li.etapa-3.active .fa-circle {
  962.         display: table; }
  963.       ul.etapas.double-step li.etapa-3.active .fa-check-circle {
  964.         display: none; }
  965.       ul.etapas.double-step li.etapa-3.active span {
  966.         margin-left: -59px;
  967.         position: absolute; }
  968.         ul.etapas.double-step li.etapa-3.active span i {
  969.           background: #f0f0f0;
  970.           margin: -6px auto 9px;
  971.           text-align: center;
  972.           display: table; }
  973.     ul.etapas.double-step li.etapa-3.checked {
  974.       padding: 0;
  975.       border-top: 2px dashed rgba(51, 51, 51, 0.36);
  976.       color: #43A72B;
  977.       margin-left: 20px; }
  978.       ul.etapas.double-step li.etapa-3.checked .fa-circle {
  979.         display: none; }
  980.       ul.etapas.double-step li.etapa-3.checked .fa-check-circle {
  981.         display: table; }
  982.       ul.etapas.double-step li.etapa-3.checked span i {
  983.         font-size: 20px !important;
  984.         background: #f0f0f0;
  985.         margin: -12px auto 4px;
  986.         text-align: center;
  987.         display: table; }
  988.     ul.etapas.third-step li.etapa-1 {
  989.       border-top: 1px dashed #BBBBBB;
  990.       color: #BBBBBB;
  991.       font-size: 12px;
  992.       padding: 0px 121px 0px 0px; }
  993.       ul.etapas.third-step li.etapa-1 .fa-circle {
  994.         display: table; }
  995.       ul.etapas.third-step li.etapa-1 .fa-check-circle {
  996.         display: none; }
  997.       ul.etapas.third-step li.etapa-1 span {
  998.         margin-left: -60px;
  999.         position: absolute;
  1000.         width: 120px;
  1001.         text-align: center; }
  1002.         ul.etapas.third-step li.etapa-1 span i {
  1003.           background: #f0f0f0;
  1004.           margin: -6px auto 9px;
  1005.           text-align: center;
  1006.           display: table; }
  1007.     ul.etapas.third-step li.etapa-1.active {
  1008.       border-top: 1px dashed #BBBBBB;
  1009.       color: #43A72B;
  1010.       font-size: 12px;
  1011.       padding: 0px 121px 0px 0px; }
  1012.       ul.etapas.third-step li.etapa-1.active .fa-circle {
  1013.         display: table; }
  1014.       ul.etapas.third-step li.etapa-1.active .fa-check-circle {
  1015.         display: none; }
  1016.       ul.etapas.third-step li.etapa-1.active span {
  1017.         margin-left: -60px;
  1018.         position: absolute; }
  1019.         ul.etapas.third-step li.etapa-1.active span i {
  1020.           background: #f0f0f0;
  1021.           margin: -6px auto 9px;
  1022.           text-align: center;
  1023.           display: table; }
  1024.     ul.etapas.third-step li.etapa-1.checked {
  1025.       padding: 0px 121px 0px 0px;
  1026.       border-top: 1px dashed #43A72B;
  1027.       color: #43A72B; }
  1028.       ul.etapas.third-step li.etapa-1.checked .fa-circle {
  1029.         display: none; }
  1030.       ul.etapas.third-step li.etapa-1.checked .fa-check-circle {
  1031.         display: table; }
  1032.       ul.etapas.third-step li.etapa-1.checked span {
  1033.         margin-left: -60px;
  1034.         position: absolute; }
  1035.         ul.etapas.third-step li.etapa-1.checked span i {
  1036.           font-size: 20px !important;
  1037.           background: #f0f0f0;
  1038.           margin: -12px auto 4px;
  1039.           text-align: center; }
  1040.     ul.etapas.third-step li.etapa-2 {
  1041.       border-top: 1px dashed #BBBBBB;
  1042.       color: #BBBBBB;
  1043.       font-size: 12px;
  1044.       padding: 0px 125px 0px 0px; }
  1045.       ul.etapas.third-step li.etapa-2 .fa-circle {
  1046.         display: table; }
  1047.       ul.etapas.third-step li.etapa-2 .fa-check-circle {
  1048.         display: none; }
  1049.       ul.etapas.third-step li.etapa-2 span {
  1050.         margin-left: -63px;
  1051.         position: absolute;
  1052.         width: 130px;
  1053.         text-align: center; }
  1054.         ul.etapas.third-step li.etapa-2 span i {
  1055.           background: #f0f0f0;
  1056.           margin: -6px auto 9px;
  1057.           text-align: center;
  1058.           display: table; }
  1059.     ul.etapas.third-step li.etapa-2.active {
  1060.       border-top: 1px dashed #BBBBBB;
  1061.       color: #43A72B;
  1062.       font-size: 12px;
  1063.       padding: 0px 125px 0px 0px; }
  1064.       ul.etapas.third-step li.etapa-2.active .fa-circle {
  1065.         display: table; }
  1066.       ul.etapas.third-step li.etapa-2.active .fa-check-circle {
  1067.         display: none; }
  1068.       ul.etapas.third-step li.etapa-2.active span {
  1069.         margin-left: -63px;
  1070.         position: absolute; }
  1071.         ul.etapas.third-step li.etapa-2.active span i {
  1072.           background: #f0f0f0;
  1073.           margin: -6px auto 9px;
  1074.           text-align: center;
  1075.           display: table; }
  1076.     ul.etapas.third-step li.etapa-2.checked {
  1077.       padding: 0px 125px 0px 0px;
  1078.       border-top: 1px dashed #43A72B;
  1079.       color: #43A72B; }
  1080.       ul.etapas.third-step li.etapa-2.checked .fa-circle {
  1081.         display: none; }
  1082.       ul.etapas.third-step li.etapa-2.checked .fa-check-circle {
  1083.         display: table; }
  1084.       ul.etapas.third-step li.etapa-2.checked span {
  1085.         margin-left: -63px;
  1086.         position: absolute; }
  1087.         ul.etapas.third-step li.etapa-2.checked span i {
  1088.           font-size: 20px !important;
  1089.           background: #f0f0f0;
  1090.           margin: -12px auto 4px;
  1091.           text-align: center; }
  1092.     ul.etapas.third-step li.etapa-3 {
  1093.       border-top: 1px dashed #BBBBBB;
  1094.       color: #BBBBBB;
  1095.       font-size: 12px;
  1096.       padding: 0;
  1097.       margin-left: 20px; }
  1098.       ul.etapas.third-step li.etapa-3 .fa-circle {
  1099.         display: table; }
  1100.       ul.etapas.third-step li.etapa-3 .fa-check-circle {
  1101.         display: none; }
  1102.       ul.etapas.third-step li.etapa-3 span {
  1103.         margin-left: -59px;
  1104.         position: absolute;
  1105.         width: 85px;
  1106.         text-align: center; }
  1107.         ul.etapas.third-step li.etapa-3 span i {
  1108.           background: #f0f0f0;
  1109.           margin: -6px auto 9px;
  1110.           text-align: center;
  1111.           display: table-caption; }
  1112.     ul.etapas.third-step li.etapa-3.active {
  1113.       border-top: 1px dashed #BBBBBB;
  1114.       color: #43A72B;
  1115.       font-size: 12px;
  1116.       padding: 0;
  1117.       margin-left: 20px; }
  1118.       ul.etapas.third-step li.etapa-3.active .fa-circle {
  1119.         display: table; }
  1120.       ul.etapas.third-step li.etapa-3.active .fa-check-circle {
  1121.         display: none; }
  1122.       ul.etapas.third-step li.etapa-3.active span {
  1123.         margin-left: -59px;
  1124.         position: absolute; }
  1125.         ul.etapas.third-step li.etapa-3.active span i {
  1126.           background: #f0f0f0;
  1127.           margin: -6px auto 9px;
  1128.           text-align: center;
  1129.           display: table-caption; }
  1130.     ul.etapas.third-step li.etapa-3.checked {
  1131.       padding: 0;
  1132.       border-top: 1px dashed #43A72B;
  1133.       color: #43A72B;
  1134.       margin-left: 20px; }
  1135.       ul.etapas.third-step li.etapa-3.checked .fa-circle {
  1136.         display: none; }
  1137.       ul.etapas.third-step li.etapa-3.checked .fa-check-circle {
  1138.         display: table; }
  1139.       ul.etapas.third-step li.etapa-3.checked span {
  1140.         margin-left: -59px;
  1141.         position: absolute; }
  1142.         ul.etapas.third-step li.etapa-3.checked span i {
  1143.           font-size: 20px !important;
  1144.           background: #f0f0f0;
  1145.           margin: -12px auto 4px;
  1146.           text-align: center; }
  1147.   ul.lista-float {
  1148.     float: left;
  1149.     margin-bottom: 10px !important; }
  1150.     ul.lista-float.right {
  1151.       margin-right: 0%;
  1152.       float: right; }
  1153.     ul.lista-float .title {
  1154.       line-height: 50px; }
  1155.     ul.lista-float li {
  1156.       line-height: 25px; }
  1157.     ul.lista-float strong.mark {
  1158.       color: #EE1D23;
  1159.       font-weight: 200;
  1160.       background: none; }
  1161.   ul.autorizacao li {
  1162.     float: left;
  1163.     margin-right: 15px;
  1164.     width: 148px;
  1165.     margin-bottom: 18px; }
  1166.   ul.lista-favoritos {
  1167.     margin-bottom: 16px !important; }
  1168.     ul.lista-favoritos .titulo-favoritos {
  1169.       font-weight: bold; }
  1170.   ul.links-submenu {
  1171.     margin-bottom: 18px !important; }
  1172.     ul.links-submenu li {
  1173.       margin-bottom: 8px; }
  1174.     ul.links-submenu span {
  1175.       color: #EE1D23;
  1176.       font-weight: 700;
  1177.       margin-right: 5px; }
  1178.     ul.links-submenu .menu-title {
  1179.       font-weight: 700;
  1180.       margin-top: 20px; }
  1181.  
  1182. .subtitle-forms {
  1183.   margin: 15px; }
  1184.  
  1185. .total-label {
  1186.   background: #EEEEEE; }
  1187.  
  1188. .total-label-radio {
  1189.   background: #EEEEEE;
  1190.   padding: 5px 10px; }
  1191.  
  1192. .aviso-interno-blocos {
  1193.   font-size: 12px;
  1194.   text-align: left;
  1195.   min-height: 70px; }
  1196.   .aviso-interno-blocos.seal-options {
  1197.     padding: 20px 10px;
  1198.     text-align: right;
  1199.     background: #F7F7F7; }
  1200.     .aviso-interno-blocos.seal-options.opt {
  1201.       padding: 16px; }
  1202.     .aviso-interno-blocos.seal-options i {
  1203.       font-size: 20px;
  1204.       vertical-align: sub; }
  1205.     .aviso-interno-blocos.seal-options .selo table tr:nth-child(1) {
  1206.       color: #000000; }
  1207.   .aviso-interno-blocos.alert-information {
  1208.     padding: 18px 16px;
  1209.     margin-top: 2px;
  1210.     background: #ffffff; }
  1211.     .aviso-interno-blocos.alert-information p {
  1212.       display: table-row; }
  1213.     .aviso-interno-blocos.alert-information .site-map {
  1214.       display: table-row;
  1215.       text-indent: 5px; }
  1216.     .aviso-interno-blocos.alert-information .fa-exclamation-circle {
  1217.       font-size: 30px !important;
  1218.       margin-right: 16px;
  1219.       float: left;
  1220.       color: #FFD24D; }
  1221.     .aviso-interno-blocos.alert-information .fa-check-circle {
  1222.       color: #59B200;
  1223.       font-size: 25px !important; }
  1224.     .aviso-interno-blocos.alert-information span {
  1225.       display: table;
  1226.       font-size: 12px; }
  1227.     .aviso-interno-blocos.alert-information.min-lines {
  1228.       padding: 20px 16px; }
  1229.       .aviso-interno-blocos.alert-information.min-lines span {
  1230.         margin: 7px 0; }
  1231.     .aviso-interno-blocos.alert-information.min-lines-check span {
  1232.       margin: 5px 0; }
  1233.   .aviso-interno-blocos a:hover {
  1234.     text-decoration: underline !important; }
  1235.   .aviso-interno-blocos a.btn, .aviso-interno-blocos a.btn:hover {
  1236.     text-decoration: none !important; }
  1237.   .aviso-interno-blocos p a {
  1238.     margin-left: 0; }
  1239.  
  1240. .min-lines {
  1241.   padding: 20px 16px; }
  1242.   .min-lines span {
  1243.     margin: 7px 0; }
  1244.  
  1245. .sub-menu-links li {
  1246.   float: left; }
  1247.   .sub-menu-links li a {
  1248.     outline: none;
  1249.     color: #ffffff;
  1250.     display: block; }
  1251.     .sub-menu-links li a:hover {
  1252.       text-decoration: none; }
  1253.  
  1254. /* Radio button */
  1255. .ui-radiobutton {
  1256.   border: 1px solid #cccccc !important;
  1257.   margin-right: 5px;
  1258.   vertical-align: middle;
  1259.   background: #ffffff;
  1260.   width: 18px;
  1261.   height: 18px;
  1262.   line-height: 0 !important;
  1263.   -moz-border-radius: 10px;
  1264.   -webkit-border-radius: 10px;
  1265.   border-radius: 10px;
  1266.   position: relative;
  1267.   display: inline-block;
  1268.   bottom: 1px; }
  1269.  
  1270. .ui-icon-bullet {
  1271.   background: url("../images/ui-icon-bullet.png") no-repeat;
  1272.   background-size: 10px 10px;
  1273.   width: 10px;
  1274.   height: 10px;
  1275.   position: absolute;
  1276.   top: 3px;
  1277.   right: 3px;
  1278.   display: inline-block; }
  1279.  
  1280. .modal-content {
  1281.   border-radius: 0; }
  1282.   .modal-content .close {
  1283.     position: absolute;
  1284.     right: 15px;
  1285.     top: 0;
  1286.     font-size: 50px;
  1287.     font-weight: 100;
  1288.     font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  1289.   .modal-content .titulo-painel {
  1290.     padding: 0 !important; }
  1291.  
  1292. .text-center {
  1293.   text-align: center; }
  1294.  
  1295. .block-min-content {
  1296.   min-height: 110px !important; }
  1297.  
  1298. .check-green {
  1299.   color: #59B200;
  1300.   font-size: 25px !important;
  1301.   margin-right: 8px; }
  1302.  
  1303. .block-aviso {
  1304.   min-height: initial; }
  1305.  
  1306. .margin-top-22 {
  1307.   margin-top: 22px; }
  1308.  
  1309. .abas .conteudo-painel {
  1310.   background: #ffffff;
  1311.   padding: 16px;
  1312.   min-height: 223px;
  1313.   min-height: 303px !important; }
  1314.   .abas .conteudo-painel.internas {
  1315.     display: inline-table; }
  1316.  
  1317. .rodape-comprovante {
  1318.   background: #F7F7F7;
  1319.   box-shadow: 0px 3px 10px -5px;
  1320.   margin-bottom: 16px;
  1321.   padding: 16px;
  1322.   text-align: right; }
  1323.   .rodape-comprovante a {
  1324.     margin-left: 8px;
  1325.     color: #41555E;
  1326.     text-decoration: none; }
  1327.     .rodape-comprovante a:hover {
  1328.       text-decoration: none; }
  1329.   .rodape-comprovante i {
  1330.     margin-right: 5px;
  1331.     font-size: 22px !important;
  1332.     position: relative;
  1333.     top: 3px; }
  1334.     .rodape-comprovante i.icon-excel {
  1335.       top: 0px; }
  1336.     .rodape-comprovante i.icon-PDF {
  1337.       top: 0px; }
  1338.  
  1339. .no-margin-bottom {
  1340.   margin-bottom: 0; }
  1341.  
  1342. .container-data-check-list {
  1343.   border-bottom: 1px dashed #CCCCCC; }
  1344.   .container-data-check-list ul {
  1345.     padding: 0 10px; }
  1346.     .container-data-check-list ul li {
  1347.       margin-left: 20px; }
  1348.       .container-data-check-list ul li.title {
  1349.         margin-left: 0px; }
  1350.  
  1351. .tree-checked .panel-heading {
  1352.   padding: 0px 5px;
  1353.   background: transparent;
  1354.   border: none; }
  1355.   .tree-checked .panel-heading .panel-title {
  1356.     display: flex; }
  1357.   .tree-checked .panel-heading a {
  1358.     display: flex;
  1359.     align-items: center; }
  1360.     .tree-checked .panel-heading a:hover, .tree-checked .panel-heading a:focus {
  1361.       text-decoration: none; }
  1362.     .tree-checked .panel-heading a i {
  1363.       margin-right: 20px; }
  1364.     .tree-checked .panel-heading a .fa-plus-square {
  1365.       display: none; }
  1366.     .tree-checked .panel-heading a .fa-minus-square {
  1367.       display: block; }
  1368.     .tree-checked .panel-heading a.collapsed .fa-plus-square {
  1369.       display: block; }
  1370.     .tree-checked .panel-heading a.collapsed .fa-minus-square {
  1371.       display: none; }
  1372.  
  1373. .sub-open {
  1374.   cursor: pointer;
  1375.   padding-bottom: 5px;
  1376.   border-bottom: 1px solid #D6D6D6;
  1377.   margin-bottom: 15px; }
  1378.  
  1379. .ui-chkbox-box.ui-state-default {
  1380.   top: 4px;
  1381.   width: 18px;
  1382.   height: 18px;
  1383.   color: #00D15F;
  1384.   border: 1px solid #cccccc;
  1385.   background: #ffffff;
  1386.   background-image: none;
  1387.   box-shadow: none;
  1388.   border-radius: 15%;
  1389.   position: relative; }
  1390. .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled.ui-state-disabled {
  1391.   background-color: #F2F2F2 !important; }
  1392.  
  1393. .ui-chkbox-icon.ui-icon-check {
  1394.   display: inline-block;
  1395.   width: 7px;
  1396.   height: 12px;
  1397.   border: solid #00D15F;
  1398.   border-width: 0 3px 3px 0;
  1399.   -ms-transform: rotate(40deg);
  1400.   -webkit-transform: rotate(40deg);
  1401.   -moz-transform: rotate(40deg);
  1402.   -o-transform: rotate(40deg);
  1403.   transform: rotate(40deg);
  1404.   position: absolute;
  1405.   left: 5px;
  1406.   top: 1px; }
  1407.  
  1408. .radio {
  1409.   align-items: center;
  1410.   line-height: 35px;
  1411.   display: inline-block;
  1412.   margin: 0;
  1413.   margin-bottom: 0px !important; }
  1414.   .radio label {
  1415.     padding-left: 0px; }
  1416.     .radio label:after {
  1417.       top: 11px !important;
  1418.       right: 286px !important; }
  1419.     .radio label:before {
  1420.       margin-right: 5px !important;
  1421.       top: 4px !important; }
  1422.   .radio.label70 label {
  1423.     width: 70px !important;
  1424.     min-width: 70px !important; }
  1425.     .radio.label70 label:after {
  1426.       top: 11px !important;
  1427.       right: 56px !important; }
  1428.     .radio.label70 label:before {
  1429.       margin-right: 5px !important;
  1430.       top: 4px !important; }
  1431.   .radio.label150 label {
  1432.     width: 150px !important;
  1433.     min-width: 150px !important; }
  1434.     .radio.label150 label:after {
  1435.       right: 136px !important; }
  1436.   .radio.label200 label {
  1437.     width: 200px !important;
  1438.     min-width: 200px !important; }
  1439.     .radio.label200 label:after {
  1440.       right: 186px !important; }
  1441.   .radio.label250 label {
  1442.     width: 250px !important;
  1443.     min-width: 250px !important; }
  1444.     .radio.label250 label:after {
  1445.       right: 236px !important; }
  1446.   .radio.label100 label {
  1447.     width: 100px !important;
  1448.     min-width: 100px !important; }
  1449.     .radio.label100 label:after {
  1450.       right: 86px !important; }
  1451.   .radio.label520 label {
  1452.     width: 100% !important; }
  1453.     .radio.label520 label:after {
  1454.       right: 0px !important;
  1455.       left: 4px; }
  1456.  
  1457. .radio {
  1458.   display: flex;
  1459.   align-items: initial; }
  1460.   .radio table tr {
  1461.     border: none !important; }
  1462.     .radio table tr td {
  1463.       display: table-row;
  1464.       float: left; }
  1465.     .radio table tr:hover {
  1466.       background: transparent !important; }
  1467.  
  1468. .checkbox {
  1469.   line-height: 8px;
  1470.   padding-top: 3px;
  1471.   margin: 0; }
  1472.   .checkbox label {
  1473.     padding-left: 7px;
  1474.     display: inline;
  1475.     line-height: 20px; }
  1476.  
  1477. .btn-cinza {
  1478.   background: #AAAAAA !important;
  1479.   margin: 0; }
  1480.   .btn-cinza:hover {
  1481.     background: #8A8A8A !important; }
  1482.  
  1483. .btn-blue {
  1484.   background: #fff;
  1485.   color: #00b5be !important;
  1486.   margin: 0px;
  1487.   border: 1px solid #00b5be;
  1488.   padding: 2px 9px;
  1489.   line-height: 16px; }
  1490.   .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
  1491.     background: #00b5be;
  1492.     color: #fff !important;
  1493.     border-color: #fff;
  1494.     outline: none; }
  1495.     .btn-blue:hover:active, .btn-blue:focus:active, .btn-blue:active:active {
  1496.       background: #00b5be;
  1497.       color: #fff !important;
  1498.       border-color: #fff;
  1499.       outline: none; }
  1500.  
  1501. .titulo-bloco-home {
  1502.   background: #ffffff;
  1503.   padding: 15px 0px 15px 15px;
  1504.   border-bottom: 1px solid #F3F3F3; }
  1505.  
  1506. .table-striped .ui-datatable tbody tr:nth-of-type(even) {
  1507.   background: #FAFAFA; }
  1508.  
  1509. .ui-datatable .ui-datatable-footer {
  1510.   background: #f0f0f0 !important;
  1511.   min-height: 40px;
  1512.   color: #787878;
  1513.   font-weight: bold;
  1514.   font-size: 14px;
  1515.   margin-top: -20px;
  1516.   padding-top: 9px; }
  1517.   .ui-datatable .ui-datatable-footer span {
  1518.     align-self: center; }
  1519.     .ui-datatable .ui-datatable-footer span:first-child {
  1520.       float: left; }
  1521. .ui-datatable .ui-datatable-header {
  1522.   background: #787878;
  1523.   border-bottom: 1px solid #ddd !important;
  1524.   padding: 11px !important;
  1525.   font-weight: 600;
  1526.   min-height: 50px;
  1527.   line-height: 29px;
  1528.   color: #fff; }
  1529. .ui-datatable table {
  1530.   margin-bottom: 20px;
  1531.   width: 100%; }
  1532.   .ui-datatable table tr {
  1533.     border-bottom: 1px solid #DDDDDD; }
  1534.   .ui-datatable table td {
  1535.     border-top: none !important; }
  1536.   .ui-datatable table tbody tr {
  1537.     height: 40px; }
  1538.     .ui-datatable table tbody tr td {
  1539.       vertical-align: middle !important;
  1540.       padding: 10px;
  1541.       line-height: 1.42857143;
  1542.       vertical-align: top;
  1543.       border-top: 1px solid #ddd;
  1544.       border: none; }
  1545.   .ui-datatable table thead tr {
  1546.     background: #787878;
  1547.     height: 42px;
  1548.     color: #fff;
  1549.     font-weight: 400; }
  1550.     .ui-datatable table thead tr:hover {
  1551.       background: #787878 !important; }
  1552.   .ui-datatable table thead th {
  1553.     border-width: 0 !important;
  1554.     vertical-align: middle !important;
  1555.     padding: 11px 8px 8px 8px !important;
  1556.     line-height: 1.42857143 !important;
  1557.     text-align: left;
  1558.     font-weight: 600; }
  1559.  
  1560. /* Panel Grid */
  1561. .ui-panelgrid {
  1562.   width: 100%; }
  1563.   .ui-panelgrid .ui-panelgrid-header td {
  1564.     padding: 8px !important;
  1565.     text-align: left; }
  1566.   .ui-panelgrid .ui-panelgrid-header tr {
  1567.     background: #787878;
  1568.     height: 42px;
  1569.     color: #fff;
  1570.     font-weight: 600;
  1571.     border: none; }
  1572.   .ui-panelgrid .ui-panelgrid-footer td {
  1573.     border-top: 1px solid #DDDDDD !important; }
  1574.  
  1575. .table-responsive.radio {
  1576.   overflow-y: hidden; }
  1577.   .table-responsive.radio tr:hover {
  1578.     background: transparent !important; }
  1579.   .table-responsive.radio td {
  1580.     display: block;
  1581.     margin-bottom: 5px; }
  1582.  
  1583. .ui-widget-content {
  1584.   background: none;
  1585.   border: none; }
  1586.   .ui-widget-content .ui-tabs .ui-tabs-nav {
  1587.     background: none; }
  1588.     .ui-widget-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  1589.       border: none;
  1590.       background: #ffffff; }
  1591.     .ui-widget-content .ui-tabs .ui-tabs-nav li {
  1592.       background: #F2F2F2;
  1593.       margin: 1px; }
  1594.  
  1595. .ui-tabs-panel {
  1596.   background: #ffffff;
  1597.   margin: auto 4px; }
  1598.  
  1599. .icone-informacao {
  1600.   font-size: 18px !important;
  1601.   float: left;
  1602.   padding: 8px; }
  1603.  
  1604. .largura-88 {
  1605.   width: 88% !important; }
  1606.  
  1607. .largura-87 {
  1608.   width: 87% !important; }
  1609.  
  1610. .largura-80 {
  1611.   width: 80% !important; }
  1612.  
  1613. .col-lg-12 > .form-group > .largura-88 {
  1614.   width: 91% !important; }
  1615.  
  1616. .btn-veja {
  1617.   font-size: 12px !important;
  1618.   margin-top: 4px;
  1619.   text-decoration: underline !important;
  1620.   display: block; }
  1621.  
  1622. .stop-float {
  1623.   clear: both; }
  1624.  
  1625. .link-termos {
  1626.   text-decoration: underline !important; }
  1627.  
  1628. .link-marker {
  1629.   margin-top: 5px; }
  1630.   .link-marker strong {
  1631.     color: #EE1D23;
  1632.     margin-right: 5px; }
  1633.  
  1634. .icon-data-input i {
  1635.   position: absolute;
  1636.   right: 25px;
  1637.   padding: 8px 0;
  1638.   font-size: 17px !important;
  1639.   z-index: 9; }
  1640. .icon-data-input input {
  1641.   z-index: 10;
  1642.   position: relative;
  1643.   background: transparent !important; }
  1644.  
  1645. .icon-data-input i {
  1646.   position: absolute;
  1647.   right: 25px;
  1648.   padding: 8px 0;
  1649.   font-size: 17px !important;
  1650.   z-index: 9; }
  1651. .icon-data-input input {
  1652.   z-index: 10;
  1653.   position: relative;
  1654.   background: transparent !important;
  1655.   display: block;
  1656.   width: 100%;
  1657.   height: 34px;
  1658.   padding: 6px 12px;
  1659.   font-size: 14px;
  1660.   line-height: 1.42857143;
  1661.   color: #555;
  1662.   outline: none;
  1663.   cursor: pointer;
  1664.   background-image: none;
  1665.   border: 1px solid #ccc;
  1666.   border-radius: 4px;
  1667.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1668.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1669.   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  1670.   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  1671.   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
  1672.  
  1673. .ui-datepicker {
  1674.   width: 17em;
  1675.   padding: .2em !important;
  1676.   display: none;
  1677.   position: absolute;
  1678.   top: 100%;
  1679.   left: 0;
  1680.   z-index: 1000;
  1681.   display: none;
  1682.   float: left;
  1683.   min-width: 160px;
  1684.   padding: 5px 0;
  1685.   margin: 2px 0 0;
  1686.   font-size: 14px;
  1687.   text-align: left;
  1688.   list-style: none;
  1689.   color: #41555E;
  1690.   background: #ffffff !important;
  1691.   -webkit-background-clip: padding-box;
  1692.   background-clip: padding-box;
  1693.   border: 1px solid #ccc;
  1694.   border: 1px solid rgba(0, 0, 0, 0.15);
  1695.   border-radius: 4px;
  1696.   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1697.   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1698.   font-family: 'RobotoLight_0', Arial, Helvetica, sans-serif; }
  1699.   .ui-datepicker .ui-datepicker-days-cell-over .ui-state-highlight {
  1700.     background: #41555E;
  1701.     color: #ffffff; }
  1702.     .ui-datepicker .ui-datepicker-days-cell-over .ui-state-highlight:hover {
  1703.       background: #324147; }
  1704.   .ui-datepicker .ui-state-disabled {
  1705.     background: #ffffff !important; }
  1706.   .ui-datepicker .ui-datepicker-other-month a {
  1707.     color: #C9C9C9; }
  1708.   .ui-datepicker table {
  1709.     font-size: 1em !important; }
  1710.   .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  1711.     display: inline-block;
  1712.     font-size: inherit;
  1713.     text-rendering: auto;
  1714.     -webkit-font-smoothing: antialiased;
  1715.     -moz-osx-font-smoothing: grayscale;
  1716.     text-align: center;
  1717.     font-size: 1.3em !important;
  1718.     text-decoration: none !important;
  1719.     z-index: 999999 !important;
  1720.     right: 2px !important; }
  1721.     .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  1722.       content: "\f054";
  1723.       font-family: FontAwesome; }
  1724.   .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  1725.     display: inline-block;
  1726.     font-size: inherit;
  1727.     text-rendering: auto;
  1728.     -webkit-font-smoothing: antialiased;
  1729.     -moz-osx-font-smoothing: grayscale;
  1730.     text-align: center;
  1731.     font-size: 1.3em !important;
  1732.     text-decoration: none !important;
  1733.     z-index: 999999 !important;
  1734.     left: 2px !important; }
  1735.     .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:before {
  1736.       content: "\f053";
  1737.       font-family: FontAwesome; }
  1738.   .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  1739.     top: .5em !important; }
  1740.   .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  1741.     line-height: 2.5em !important;
  1742.     font-weight: bold !important;
  1743.     text-transform: uppercase !important; }
  1744.   .ui-datepicker .ui-datepicker-calendar tr {
  1745.     border: none !important; }
  1746.     .ui-datepicker .ui-datepicker-calendar tr:hover {
  1747.       background: #ffffff !important; }
  1748.   .ui-datepicker td span, .ui-datepicker td a {
  1749.     padding: .55em !important;
  1750.     text-align: center;
  1751.     border-radius: 50px;
  1752.     margin-left: 5px;
  1753.     width: 75%; }
  1754.     .ui-datepicker td span:hover, .ui-datepicker td a:hover {
  1755.       background: #EEEEEE; }
  1756.     .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active {
  1757.       color: #ffffff;
  1758.       background: #42555E; }
  1759.       .ui-datepicker td span.ui-state-active:hover, .ui-datepicker td a.ui-state-active:hover {
  1760.         opacity: 0.9; }
  1761.   .ui-datepicker.ui-widget-content {
  1762.     background: none;
  1763.     border: none;
  1764.     top: 0;
  1765.     left: 0;
  1766.     width: 355px;
  1767.     padding: 4px;
  1768.     margin-top: 1px;
  1769.     z-index: 3000;
  1770.     -webkit-border-radius: 4px;
  1771.     -moz-border-radius: 4px;
  1772.     border-radius: 4px;
  1773.     z-index: 9999999 !important; }
  1774.  
  1775. /* overlay */
  1776. .ui-widget-overlay {
  1777.   background: rgba(0, 0, 0, 0.43);
  1778.   z-index: 9999 !important; }
  1779.  
  1780. .ui-dialog.ui-overlay-visible {
  1781.   background: #ffffff;
  1782.   z-index: 999999 !important; }
  1783.   .ui-dialog.ui-overlay-visible .ui-state-disabled {
  1784.     background: transparent; }
  1785.  
  1786. .ui-dialog .ui-outputpanel.boxMessagePadrao {
  1787.   visibility: hidden;
  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 {