*{ padding: 0; margin: 0; border: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html{ margin-left: inherit !important; float: inherit !important; } body{ font-family: 'Lato', sans-serif; font-size: 14px; line-height: 22px; color: #333; background-color: #FFF; } .container-fluid{ padding-left: 0; padding-right: 0; } .row{ clear: both; margin-bottom: 20px; &:last-of-type{ margin-bottom: 0; } } :first-child{ margin-top: 0; } :last-child{ margin-bottom: 0; } .bold{ font-weight: bold; } select option{ color: #000 !important; } ::-webkit-input-placeholder, select:invalid{ color: #DDD !important; } .breadcrumb.divider{ padding-top: 0; border-top: none; } .line{ width: 100%; float: left; margin-bottom: 15px; } [class*="coluna"]{ margin-left: 1.020408163265306%; float: left; position: relative; } [class*="coluna"]:first-child{ margin-left: 0; clear: left; } .coluna1{ width: 7.397959183673469%; } .coluna1:nth-child(12n-11){ margin-left: 0; clear: left; } .coluna2{ width: 15.81632653061224%; } .coluna2:nth-child(6n-5){ margin-left: 0; clear: left; } .coluna3{ width: 24.23469387755102%; } .coluna3:nth-child(4n-3){ margin-left: 0; clear: left; } .coluna4{ width: 32.6530612244898%; } .coluna4:nth-child(3n-2){ margin-left: 0; clear: left; } .coluna5{ width: 41.07142857142856%; } .coluna6{ width: 49.48979591836735%; } .coluna6:nth-child(2n-1){ margin-left: 0; clear: left; } .coluna7{ width: 57.90816326530613%; } .coluna8{ width: 66.32653061224489%; } .coluna9{ width: 74.74489795918367%; } .coluna10{ width: 83.16326530612245%; } .coluna11{ width: 91.58163265306123%; } .coluna12{ width: 100%; margin-left: 0; clear: left; } .block{ width: 100% !important; float: left; } .cursor-default{ cursor: default !important; } .text-justify{ text-align: justify; } .pointer{ cursor: pointer; } .form-control.error{ box-shadow: 0 0 0 0.2rem rgba(255,0,0,0.25); border-color: #F00; } .divider{ border-top: solid 1px #CCC; padding-top: 15px; } .bt{ background-color: #F5F5F5; color: #000; min-width: 100px; font-size: 14px; display: inline-block; padding: 5px 15px; text-align: center; } .bt:active{ opacity: 0.8; } .bt:hover, .bt:visited{ color: inherit; } .bt.disabled{ opacity: 0.5; cursor: default; } .bt.bt-mini{ font-size: 12px; padding: 2px 5px; } .bt.bt-large{ font-size: 16px; padding: 11px 25px; line-height: 19px; } .bt.bt-none{ background-color: transparent; border: none; color: #000; } .bt.bt-gray{ background-color: #DDD; color: #000; } .bt.bt-red{ background-color: #E73134; color: #FFF; } .bt.bt-green{ background-color: #2BD162; color: #FFF; } .bt.bt-blue{ background-color: #2A7BD1; color: #FFF; } .bt.bt-yellow{ background-color: #e4d308; color: #000; } .bt.disabled{ opacity: 0.5; cursor: default; } /**/ .cover{ @extend .block; margin-bottom: 15px; overflow: auto; } .table{ width: 100%; float: left; list-style: none; font-size: 14px; margin-bottom: 0; color: #333; counter-reset: section; p{ margin-bottom: 0; line-height: 19px; } } .table.no-response{ min-width: 768px; } .table .item{ width: 100%; display: table; position: relative; background-color: #FFF; } .table .item:not(.no-hover):nth-child(odd){ background-color: #F5F5F5; } .table .item:not(.no-hover):hover, .table .item [class*="tb"].cellhover:hover{ transition: all .25s ease-in-out; background-color: #FFC; } .table.posicionamento .item:not(.no-sortable) [class*="tb"]:first-child, .table.numeracao .item [class*="tb"]:first-child{ padding-left: 20px; } .posicionamento .item:not(.no-sortable) [class*="tb"]:first-child::before, .numeracao .item:not(.no-sortable) [class*="tb"]:first-child::before{ counter-increment: section; content: counter(section); position: absolute; left: 0; top: 0; background-color: #DDD; color: #000; width: 15px; height: 100%; text-align: center; font-size: 10px; line-height: 15px; } .posicionamento .item:not(.no-sortable){ cursor: move; } .posicionamento .item:not(.no-sortable){ transition: none !important; } .table.posicionamento .item:not(.no-hover):hover{ transition: none; } .table .item.active{ background-color: #d0e9c6 !important; } .table .header{ border-bottom: solid 2px #DDD; font-weight: bold; } .table .item.bottom{ border-top: solid 2px #DDD; } .table .item [class*="tb"]{ display: table-cell; border: solid 1px #EEE; padding: 5px; position: relative; line-height: 16px; vertical-align: middle; } .table .item [class*="tb"].no-textbreak{ word-break: normal; } .table .item [class*="tb"].textbreak{ word-break: break-all; } .table .item [class*="tb"].no-class{ border: none; } .table .item [class*="tb"] img{ max-width: 100%; } .table .item.no-class{ background-color: transparent; } .table .item [class*="tb"].top{ vertical-align: top; } .table .text16{ font-size: 16px; line-height: 22px; } .table .tb1{ width: 1%; } .table .tb2{ width: 2%; } .table .tb3{ width: 3%; } .table .tb4{ width: 4%; } .table .tb5{ width: 5%; } .table .tb10{ width: 10%; } .table .tb15{ width: 15%; } .table .tb16{ width: 16.66666666666667%; } .table .tb20{ width: 20%; } .table .tb25{ width: 25%; } .table .tb30{ width: 30%; } .table .tb33{ width: 33.3334%; } .table .tb35{ width: 35%; } .table .tb40{ width: 40%; } .table .tb45{ width: 45%; } .table .tb50{ width: 50%; } .table .tb55{ width: 55%; } .table .tb60{ width: 60%; } .table .tb65{ width: 65%; } .table .tb70{ width: 70%; } .table .tb75{ width: 75%; } .table .tb80{ width: 80%; } .table .tb85{ width: 85%; } .table .tb90{ width: 90%; } .table .tb95{ width: 95%; } .table .tb100{ width: 100%; } #geral{ width: 99.98%; float: left; position: relative; overflow: hidden; } .central{ max-width: 1180px; margin: 0 auto; } .texto{ width: 100%; } .texto .img{ float: left; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 1em; -webkit-margin-end: 1em; max-width: 350px; } .texto p{ display: block; -webkit-margin-before: 0; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .texto p:last-child{ -webkit-margin-after: 0; } #mymodal{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 9999; overflow: auto; } #mymodal .mymodal-content{ width: 650px; position: absolute; left: 50%; margin-left: -325px; margin-top: 30px; margin-bottom: 30px; background-color: #FFF; box-shadow: 0 0 10px #888; overflow: hidden; } #mymodal .mymodal-header{ width: 100%; float: left; padding: 20px; background-color: #000; color: #FFF; position: relative; } #mymodal .mymodal-header h3{ float: left; font-weight: 100; color: #FFF; font-family: Arial, Helvetica, sans-serif !important; margin: 0; padding-right: 30px; } #mymodal .mymodal-header span{ position: absolute; right: 15px; top: 50%; margin-top: -15px; height: 30px; line-height: 30px; font-size: 40px; cursor: pointer; } #mymodal .mymodal-body{ width: 100%; float: left; padding: 20px; } @media screen and (max-width: 660px){ #mymodal .mymodal-content{ width: 100% !important; left: 0 !important; top: 0 !important; margin: 0 !important; } } .img-full{ max-width: inherit; width: auto; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); transition: all .25s ease; } .img-cover{ width: 100%; height: 100%; object-fit: cover; } .hide, .hidden{ display: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{ -ms-touch-action: auto; touch-action: auto; } .label{ font-size: 16px; margin-bottom: 5px; font-weight: 600; &.i{ &::after{ content: "*"; color: #F00; margin-left: 5px; } } } #response{ position: fixed; width: 300px; left: 50%; top: 20px; margin-left: -150px; z-index: 99999; background-color: #F60; color: #FFF; text-align: center; padding: 10px; display: none; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); line-height: 22px; } /*icone premiumart*/ #btDesenvolvimento{ background: url(img/a.png) no-repeat; width: 20px; height: 20px; position: fixed; right: 10px; bottom: 10px; z-index: 9999; text-indent: -9999px; overflow: hidden; } #btDesenvolvimento:hover{ background-position: -20px 0; }