@charset "UTF-8"; @import url("prodigentia.css"); /* ========================================================================== Memo: Rose: #e40f48 Jaune: #fbbb11 vert: #9ec324 bleu: #009cd8 Orange validation : #fe7f14 ========================================================================== */ /* CLEARFIX http://nicolasgallagher.com/micro-clearfix-hack/ */ /* For modern browsers */ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { *zoom:1; } /* BASE ===================================================================== */ /* fix para Chrome (melhor antialiasing) */ html{font-size: 62.5%;} body { font-size: 13px; /* IE8- */ font-size: 1.3rem; background: #FFF; font-family: 'Oxygen', sans-serif; color: #000000; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::-moz-selection { background: #000; color: #fff;} ::selection { background: #000; color: #fff;} .bodyLogin { background: #F4F4F4; } a {text-decoration: none; color: #000; font-family: 'Oxygen', sans-serif; } a:link { } a:visited {} a:hover {} a, a:focus, :focus {} img {vertical-align: middle;} /*Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ h1 {font-size:1.8em} h2 {font-size:1.6em} h3 {font-size:1.4em} h4 {font-size:1em; font-weight: bold; margin-bottom: 5px;} h1,h2,h3 {margin:1em 0;} h1,h2,h3,h4,h5,h6 {font-family: 'Oxygen', sans-serif; font-weight: normal; color: #005A8A;} abbr,acronym { border-bottom:1px dotted #000; cursor:help;} em {font-style: italic;} strong { font-weight: bold;} blockquote,ul,ol,dl {} ol,ul,dl {} ol li {list-style: decimal inside;} ul li {list-style: disc inside;} dl dd {margin-left:1em;} th,td {border:0; padding:.5em;} th {font-weight:bold; text-align:center;} caption { margin-bottom:.5em; text-align:center;} p,fieldset,table {margin-bottom:1em;} textarea { resize: vertical;}/* Allow only vertical resizing of textareas.*/ hr { height: 1px; margin: 20px 0; padding: 0; color: #F00; background-color: #e8e8e8; border: 0; clear: both; } .floatLeft{float:left} .floatRight{float:right} .alignLeft {text-align: left;} .alignRight {text-align: right;} .posBottom {position: absolute; bottom: 0;} .posRight {position: absolute; right: 0;} .underline {text-decoration: underline;} .alignCenter{text-align: center;} img.autoscale { max-width:100%; max-height:100%;} .wrapLogin { display: block; margin: 30px 10px 0 10px; width: calc(100% - 20px); } .logoTopoLogin { display: block; margin: 10px auto 10px auto; padding: 0; width: 98px; height: 35px; background: url(../images/logo-topo-login-mobile.png) no-repeat 0 0; text-indent: -5000px; } .tabsLogin { background: url(../images/bg-ul-tabs.png) repeat-x left bottom; margin: 10px 0 0 0; padding: 0; display: table; table-layout: auto; width: 100%;} .tabsLogin li { list-style:none; display:table-cell; width: 50%; text-align: center; vertical-align: middle;} .tabsLogin a { padding:15px 20px 0 20px; display:inline-block; text-decoration:none; color: #67747E; font:400 14px 'Oxygen', sans-serif; height: 50px; } .tabsLogin a.active { background:#fff; box-shadow: 0px -2px 2px #ECEDF0; color:#67747E; font:700 14px 'Oxygen', sans-serif; width: calc(100% - 40px); } .contentTabsLogin { background: #FFFFFF; margin: 0; padding: 15px 0; box-shadow: 0px 0px 2px #ECEDF0; text-align: center; } .contentTabsLogin > h2 { margin: 20px 0; color:#e14339; font:700 20px 'Oxygen', sans-serif; } .divSelectCountry { margin: 0px 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #ECEDF0; } .divRemember { max-width: 280px; width:100%; display: inline-block; text-align: left; color: #66737E; font:400 11px 'Oxygen', sans-serif; } .divButtonLogin { margin: 20px 0 10px 0; } .divButtonLogin > a { background: #e14339; padding: 10px; width: calc(100% - 20px); color: #FFF; text-transform: uppercase; font:700 15px 'Oxygen', sans-serif; max-width: 260px; display: inline-block; border-radius: 3px; } .divButtonLogin > a:hover, .divButtonLogin > a:active, .divButtonLogin > a:focus { color: white; } footer { margin: 12px 0; display: block; } footer > div.list { background: #FFF; margin: 0 0 12px 0; box-shadow: 0px 0px 2px #ECECEC; display: block; padding: 8px 8px 7px 8px; } footer > div.list > ul { margin: 0; padding: 0; } footer > div.list > ul > li { margin: 0; padding: 0; list-style: none; } footer > div.list > ul > li > a { margin: 0 0 1px 0; padding: 0; list-style: none; background: #F5F7FA url(../images/arrow-menu-footer.png) no-repeat 12px center; display: block; padding: 12px 12px 12px 32px; color: #454C52; font: 400 11px 'Oxygen', sans-serif; } footer > div.list > ul > li > a:hover { background: #FBFCFF url(../images/arrow-menu-footer.png) no-repeat 12px center; } .linkBackToSite { display: block; text-align: center; } .linkBackToSite > a { display: inline; color: #A0A8AD; text-transform: uppercase; font: 400 11px 'Oxygen', sans-serif; text-decoration: underline; padding: 0 0 0 20px; background: url(../images/icon-globo-back.png) no-repeat 0 0;} .linkBackToSite > a:hover { text-decoration: none; opacity: 0.5; } /*header { width: 100%; margin: 0 auto; color: #FFF; z-index: 3; background: #595F68; }*/ header { width: 100%; margin: 0 auto; color: #FFF; z-index: 3; background: transparent; } .logoTopo { margin: 25px 0 0 22px; padding: 0; display: none; } .logoTopo > a { display: block; width: 137px; height: 49px; background: url(../images/logo-topo.png) no-repeat 0 0; text-indent: -5000px; } .menuTopo { display: none; } .menuTopo > ul { margin: 0; padding: 0; table-layout: auto; display: table; width: 100%; background-color: #E7E7E7;} .menuTopo > ul > li {border-bottom:5px solid #dc3900; padding-left: 0px; padding-right: 0px; list-style: none; display: table-cell; text-align: center; height: 104px; box-sizing: border-box; vertical-align: middle; width: 93px; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } .menuTopo > ul > li > a {outline: none; padding: 25px 25px; display: block; color: #6e6e6e; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; text-decoration: none;} .menuTopo > ul > li:hover, .menuTopo > ul > li:hover > a { background: #dc3900; color: #FFF; text-decoration: none; background-image: linear-gradient(#982700, #dc3900);} .menuTopo > ul > li.declarations > a > span { display: block; background: url(../images/icon-declarations.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; } .menuTopo > ul > li.declarations:hover > a > span { background: url(../images/icon-declarations.png) no-repeat center bottom; } .menuTopo > ul > li.declarationsActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.declarationsActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-declarations.png) no-repeat center bottom; color: #e14339; } .menuTopo > ul > li.declarationsActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.companyprofile > a > span { display: block; background: url(../images/icon-company-profile.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; } .menuTopo > ul > li.companyprofile:hover > a > span { background: url(../images/icon-company-profile.png) no-repeat center bottom; } .menuTopo > ul > li.companyprofileActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.companyprofileActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-company-profile.png) no-repeat center bottom; } .menuTopo > ul > li.companyprofileActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.accounting > a > span { display: block; background: url(../images/icon-accounting.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto } .menuTopo > ul > li.accounting:hover > a > span { background: url(../images/icon-accounting.png) no-repeat center bottom; } .menuTopo > ul > li.accountingActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.accountingActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-accounting.png) no-repeat center bottom; } .menuTopo > ul > li.accountingActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.declarationCertificates > a > span { display: block; background: url(../images/icon-declaration-certificates.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto } .menuTopo > ul > li.declarationCertificates:hover > a > span { background: url(../images/icon-declaration-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.declarationCertificatesActive { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.declarationCertificatesActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-declaration-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.memberCertificates > a > span { display: block; background: url(../images/icon-member-certificates.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto } .menuTopo > ul > li.memberCertificates:hover > a > span { background: url(../images/icon-member-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.memberCertificatesActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.memberCertificatesActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-member-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.memberCertificatesActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.documents_list > a > span { display: block; background: url(../images/icon-declaration-certificates.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto } .menuTopo > ul > li.documents_list:hover > a > span, .menuTopo > ul > li.documents_list.documentsActive > a > span { background: url(../images/icon-declaration-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.documents_list.documentsActive { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.documents_list.documentsActive a {color: white;} .menuTopo > ul > li.documents_list.documentsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-declaration-certificates.png) no-repeat center bottom; } .menuTopo > ul > li.documents_list.documentsActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.news > a > span { display: block; background: url(../images/icon-news.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto } .menuTopo > ul > li.news:hover > a > span { background: url(../images/icon-news.png) no-repeat center bottom; } .menuTopo > ul > li.newsActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.newsActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-news.png) no-repeat center bottom; } .menuTopo > ul > li.newsActive { background-image: linear-gradient(#982700, #dc3900); } .menuTopo > ul > li.subcompanies > a > span { display: block; background: url(../images/icon-company-profile.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; } .menuTopo > ul > li.subcompanies:hover > a > span { background: url(../images/icon-company-profile.png) no-repeat center bottom; } .menuTopo > ul > li.subcompaniesActive > a { background-image: linear-gradient(#982700, #dc3900); color: #FFF; font: 700 11px 'Oxygen', sans-serif; line-height: 100%; } .menuTopo > ul > li.subcompaniesActive > a > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-company-profile.png) no-repeat center bottom; } .menuTopo > ul > li.subcompaniesActive { background-image: linear-gradient(#982700, #dc3900); } .menu-anchor { background: url(../images/btMenuMobile.png) no-repeat 0 0; width: 68px; height: 50px; text-indent: -5000px; cursor: pointer;} .menu-anchor:before { /*content: ""; display: block; margin: 6px auto; width: 55%; height: 0.25em; background: #707070; box-shadow: 0 .45em 0 0 #707070, 0 .9em 0 0 #707070;*/ } .menu-active .menu-anchor { background: url(../images/btCloseMenuMobile.png); } .hiddenmenu { position: fixed; top: 50px; left: 0; z-index: 1; width: 100%; padding-top: 0px; background: #474B52; } .hiddenmenu ul { margin: 0px 0 0 0; padding: 0; } .hiddenmenu ul li { list-style: none; } .hiddenmenu ul li > a { list-style: none; margin: 0; padding: 18px 0 18px 75px; border-bottom: 1px solid #34373C; color: #FFF; font: 700 15px 'Oxygen', sans-serif; line-height: 100%; display: block; } .hiddenmenu > ul > li.declarations > a { display: block; background: url(../images/icon-declarations.png) no-repeat 20px 14px; } .hiddenmenu > ul > li.companyprofile > a { display: block; background: url(../images/icon-company-profile.png) no-repeat 20px 12px;} .hiddenmenu > ul > li.accounting > a { display: block; background: url(../images/icon-accounting.png) no-repeat 20px 14px; } .hiddenmenu > ul > li.declarationCertificates > a { display: block; background: url(../images/icon-declaration-certificates.png) no-repeat 20px 14px; } .hiddenmenu > ul > li.memberCertificates > a { display: block; background: url(../images/icon-member-certificates.png) no-repeat 20px 14px; } .hiddenmenu > ul > li.news > a { display: block; background: url(../images/icon-news.png) no-repeat 20px 14px; } .hiddenmenu { webkit-transform: translateY(-360px); -moz-transform: translateY(-360px); -ms-transform: translateY(-360px); transform: translateY(-360px); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; } header, .main {/* -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; overflow-y: hidden;*/ } .menu-active .hiddenmenu { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .userTopo { position: absolute; right:0px; background: #FFF; height: 50px; padding: 0 5px; width: calc(100% - 102px); border-bottom: 5px solid #999;} .userTopo > div.user { color:#6e6e6e; font: 400 11px 'Oxygen', sans-serif; background: url(../images/icon-user.png) no-repeat 0 0; padding: 0 0 0px 35px; line-height: 100%; margin: 10px 0 0 0; float: left; } .userTopo > div.user > span { display: block; font: 700 11px 'Oxygen', sans-serif; } .userTopo > div.btnUser { float: right; display: block; margin: 20px 0 0 0; } .userTopo > div.btnUser > a { background: url(../images/downArrow.svg) no-repeat 0 0; text-indent: -5000px; display: block; width: 11px; height: 7px; } .userTopo > div.btnUserActive > a { background: url(../images/downArrow.svg) no-repeat 0 0; text-indent: -5000px; display: block; width: 11px; height: 7px; } .main { width: 100%; margin: 0 auto; height: calc(100% - 104px); } .topoMain { display: table; width: 100%; table-layout: auto; height: 47px; } .topoMain > div.left { display:table-cell; padding: 0 0 0 18px; vertical-align: middle; } .topoMain > div.left > h2 { color: #202549; font: 700 12px 'Oxygen', sans-serif; line-height: 100%; } .topoMain > div.left > div.back { display: block; float: left; margin: 5px 20px 0 0; } .topoMain > div.left > div.back > a { display: block; background: url(../images/bg-back.png) no-repeat 0 0; width: 60px; height: 21px; padding: 7px 0 0 6px; text-align: center; color: #525D64; font:400 11px 'Oxygen', sans-serif; text-transform: uppercase; } .topoMain > div.right { display: none; padding: 0 18px 0 0px; } .colLeftMain { background: white; margin: 0; padding: 0; border-top: 1px solid #E4E5E8; height: 100%; } .titleTabs { display: block; padding: 20px; color: #959EA4; font: 700 16px 'Oxygen', sans-serif; } .tabs { margin: 0 15px; padding: 0; background: url(../images/bg-tabs-left.png) repeat-x bottom left; } .tabs li { list-style:none; display:table-cell; margin: 0; } .tabs a { padding:15px 20px 15px 20px; display:inline-block; background:#fff; text-decoration:none; color: #dc3900; font:700 16px 'Oxygen', sans-serif; border: 1px solid #ECEDF0; /* height: 35px; */ margin: 0; } .tabs a.active { background:#F7F7F7; color:#dc3900; border: 1px solid #ECEDF0; border-bottom: 1px solid #F5F7FA; } .contentTab { background: #F7F7F7; border: 1px solid #ECEDF0; border-top: 0px solid #ECEDF0; padding: 15px 25px; color: #999999; font:400 15px 'Oxygen', sans-serif; margin: 0 15px 0 15px; } h3.colunas { font:700 14px 'Oxygen', sans-serif; color: #929CA3; margin: 5px 0 20px 0; padding: 0; } .blocoOpenDeclarations { display: block; } .blocoOpenDeclarations > div.head { display: block; border: 1px solid #E3E3E3; border-bottom: 0px; background: #fdfdfd; padding: 24px 0 0 0; height: 70px; text-align: center; color: #757575; font:700 20px 'Oxygen', sans-serif; position: relative; } .blocoOpenDeclarations > div.head > span.data { display: block; color: #9a9a9a; font:700 13px 'Oxygen', sans-serif; } .blocoOpenDeclarations > div.head > span.draft { display: block; color: #fff; font:700 11px 'Oxygen', sans-serif; position: absolute; top: 5px; right: -5px; width: 46px; height: 23px; padding: 2px 0 0 0; background: url(../images/bg-draft.png); } .blocoOpenDeclarations > div.head > span.rejected { display: block; color: #fff; font:700 11px 'Oxygen', sans-serif; position: absolute; top: 5px; right: -5px; width: 90px; height: 23px; padding: 2px 0 0 0; background: url(../images/bg-rejected.png); } .blocoOpenDeclarations > div.subhead { display: block; background: #585858; padding: 7px 0 9px 0; text-align: center; color: #fff; font:700 11px 'Oxygen', sans-serif; } .blocoOpenDeclarations > div.buttons { } .blocoOpenDeclarations > div.buttons > ul { margin: 0; padding: 0; } .blocoOpenDeclarations > div.buttons > ul > li { width: 50%; margin: 0; padding: 0; list-style: none; } .blocoOpenDeclarations > div.buttons > ul > li > a { display: block; background: #FFF; text-align: center; border: 1px solid #E9EAEE; text-transform: uppercase; font:400 11px 'Oxygen', sans-serif; color: #8D949A; min-height: 65px; padding: 18px 0 0 0; margin-top: -1px; margin-right: -1px; -webkit-transition: background-color 200ms, color 200ms; -moz-transition: background-color 200ms, color 200ms; -o-transition: background-color 200ms, color 200ms; transition: background-color 200ms, color 200ms; text-decoration: none;} .blocoOpenDeclarations > div.buttons > ul > li > a:hover { background: #e14339; color: #fff; } .blocoOpenDeclarations > div.buttons > ul > li > a > span { display: block; width: 21px; height: 21px; margin: 0 auto 5px auto; background-repeat: no-repeat; background-position: top center; } .blocoOpenDeclarations > div.buttons > ul > li > a:hover > span { background-position: bottom center; } .blocoOpenDeclarations > div.buttons > ul > li.edit > a > span { background-image: url(../images/icon-edit.png); } .blocoOpenDeclarations > div.buttons > ul > li.view > a > span { background-image: url(../images/icon-view.png); } .blocoOpenDeclarations > div.buttons > ul > li.brands > a > span { background-image: url(../images/icon-brands.png); } .blocoOpenDeclarations > div.buttons > ul > li.customize > a > span { background-image: url(../images/icon-customize.png); } .blocoOpenDeclarations > div.buttons > ul > li.importcsv > a > span { background-image: url(../images/icon-import-csv.png); } .blocoOpenDeclarations > div.buttons > ul > li > a.not_editable { background: #c6cbce; pointer-events: none; cursor: default;} .openDeclarationsFailMessage { display: block; margin: 22px 0 0 0; text-align: center; border: 1px solid #FF8000; color: #FF8000; font:700 11px 'Oxygen', sans-serif; padding: 10px 0 12px 30px; background: url(../images/icon-fail.png) no-repeat 5% center; } .colCenterMain { } .colRightMain { } .contentRightMainHome { background: #FBFCFF; padding: 15px 25px; margin: 7px 0 0 0; border: 1px solid #ECEDF0; border-top: 0px solid #ECEDF0; margin: 0 15px 0 15px; } .dataPreviousDeclarations { display: block; color: #68757E; font:700 18px 'Oxygen', sans-serif; margin: 15px 0 0 0; } .blocoPreviousDeclarations { display: block; margin: 10px 0 0 0; } .blocoPreviousDeclarations > div.left { display: block; border: 1px solid #E3E3E3; border-bottom: 0px; height: 68px; background: #EFF0F3; padding: 0 15px 0 15px; } .blocoPreviousDeclarations > div.left > div.title { display: block; float: left; color: #67747E; font:700 15px 'Oxygen', sans-serif; margin: 20px 0 0 0; } .blocoPreviousDeclarations > div.left > div.subtitle { display: block; color: #8D949A;; font:700 12px 'Oxygen', sans-serif; margin: 20px 0 0 0; } .blocoPreviousDeclarations > div.left > div.tons { display: block; float: right; color: #fff; font:700 9px 'Oxygen', sans-serif; border-radius: 100%; background: #91C75E; width: 35px; height: 35px; text-align: center; line-height: 30%; margin: 16px 0 0 0; } .blocoPreviousDeclarations > div.left > div.tons > span { display: block; font:700 13px 'Oxygen', sans-serif; margin: 4px 0 0 0; } .blocoPreviousDeclarations > div.right { display: block; } .blocoPreviousDeclarations > div.right > ul { display: table; table-layout: auto; width: 100%; margin: 0; padding: 0; height: 70px; } .blocoPreviousDeclarations > div.right > ul > li { display: table-cell; width: 33%; background: #FFF; border: 1px solid #EEEEEE; list-style: none; margin: 0; padding: 0; text-align: center; vertical-align: middle; border-left: 0px solid #EEEEEE; } .blocoPreviousDeclarations > div.right > ul > li:first-child { border-left: 1px solid #EEEEEE; } /*.blocoPreviousDeclarations > div.right > ul > li:hover { background: #e14339; -webkit-transition: background-color 200ms, color 200ms; -moz-transition: background-color 200ms, color 200ms; -o-transition: background-color 200ms, color 200ms; transition: background-color 200ms, color 200ms;}*/ .blocoPreviousDeclarations > div.right > ul > li > a { display: block; text-transform: uppercase; font:700 9px 'Oxygen', sans-serif; color: #8D949A; min-width: 74px; line-height: 100%; } /*.blocoPreviousDeclarations > div.right > ul > li:hover > a { color: #FFF; }*/ .blocoPreviousDeclarations > div.right > ul > li > a > span { display: block; width: 16px; height: 16px; margin: 0 auto 5px auto; background-repeat: no-repeat; background-position: top center; } /*.blocoPreviousDeclarations > div.right > ul > li:hover > a > span { background-position: bottom center; }*/ .blocoPreviousDeclarations > div.right > ul > li.exportExcel > a > span { background-image: url(../images/icon-export-excel.png); } .blocoPreviousDeclarations > div.right > ul > li.downloadPdf > a > span { background-image: url(../images/icon-download-pdf.png); } .blocoPreviousDeclarations > div.right > ul > li.view > a > span { background-image: url(../images/icon-view.png); } .blocoPreviousDeclarations > div.right > ul > li.importCsv > a > span { background-image: url(../images/icon-import-csv.png); } .blocoPreviousDeclarations > div.right > ul > li.reedit > a > span { background-image: url(../images/icon-reedit.png); } /******** WEEE EDIT **********/ .changeViewFunction { display: block; float: right; height: 50px; position: relative; margin: 0 20px 0 0; width: 150px; } .changeViewFunction > div.label { display: block; color: #66737E; font:700 12px 'Oxygen', sans-serif; position: absolute; width: auto; right: 75px; top: 20px; } .changeViewFunction > div.coluna { display: block; height: 41px; width: 31px; position: absolute; bottom: -8px; right: 33px; border: 1px solid #FFF; border-bottom: 1px solid #ECEDF0; background: #FFF url(../images/icon-coluna.png) no-repeat center 5px; } .changeViewFunction > div.coluna > a { display: block; height: 41px; width: 31px; } .changeViewFunction > div.colunaActive { display: block; height: 41px; width: 31px; position: absolute; bottom: -8px; right: 33px; border: 1px solid #ECEDF0; border-bottom: 1px solid #FBFCFF; background: #FBFCFF url(../images/icon-coluna.png) no-repeat center 5px; } .changeViewFunction > div.misto { display: block; height: 41px; width: 31px; position: absolute; bottom: -8px; right: 0; border: 1px solid #FFF; border-bottom: 1px solid #ECEDF0; background: #FFF url(../images/icon-misto.png) no-repeat center 5px; } .changeViewFunction > div.misto > a { display: block; height: 41px; width: 31px; } .changeViewFunction > div.mistoActive { display: block; height: 41px; width: 31px; position: absolute; bottom: -8px; right: 0; border: 1px solid #ECEDF0; border-bottom: 1px solid #FBFCFF; background: #FBFCFF url(../images/icon-misto.png) no-repeat center 5px; } .totalTonsTopo { display: table; table-layout: auto; float: right; height: 47px; margin: 0 15px 0 0; } .totalTonsTopo > div { display: table-cell; height: 47px; vertical-align: middle; color: #595F66; font:700 11px 'Oxygen', sans-serif; } .totalTonsTopo > div > span.total { display: block; color: #8DCA4E; font:700 17px 'Oxygen', sans-serif; line-height: 70%; } .totalTonsTopo > div > span.total > span { font:700 10px 'Oxygen', sans-serif; } .subTotalTonsTopo {float: right; font:700 17px 'Oxygen', sans-serif; color: #6A933F; text-align: center; } .subTotalTonsTopo > span { display: block; font:700 10px 'Oxygen', sans-serif; line-height: 70%; } .subTotalTonsTopo {float: right; font:700 17px 'Oxygen', sans-serif; color: #6A933F; text-align: center; padding: 5px 0 0 0; } .subTotalTonsTopo > span { display: block; font:700 10px 'Oxygen', sans-serif; line-height: 70%; } .kgsTopo {float: right; font:700 17px 'Oxygen', sans-serif; color: #DF3000; text-align: center; padding: 5px 0 0 0; } .kgsTopo > span { display: block; font:700 10px 'Oxygen', sans-serif; line-height: 70%; } .menuWeeeEdit { margin: 0 0px; padding: 0; display: none; } .menuWeeeEdit li { list-style:none; display:block; margin: 0; } .menuWeeeEdit a { padding:15px 20px 15px 20px; display:block; background:#fff; text-decoration:none; color: #66737E; font:700 14px 'Oxygen', sans-serif; border-bottom: 1px solid #ECEDF0; margin: 0; } .menuWeeeEdit a:hover { color: #e14339; } .menuWeeeEdit a.active { background:#F5F7FA; color:#e14339; border-bottom: 1px solid #ECEDF0; } /*.contentTabEdit { background: #F5F7FA; border: 1px solid #ECEDF0; border-top: 0px solid #ECEDF0; padding: 0px 25px 0px 2px; color: #999999; font:400 15px 'Oxygen', sans-serif; margin: 0 15px 0 15px; }*/ .contentTabEdit { margin: -46px 0 0 0; padding: 0; height: 100%; } .subMenuEdit { display: none; margin: 0 20px 0 5px; } .subMenuEdit > ul { margin: 0; padding: 0; } .subMenuEdit > ul > li { list-style:none; display:block; margin: 0; } .subMenuEdit > ul > li > a { padding:15px 20px 15px 20px; display:block; text-decoration:none; color: #999999; font:700 13px 'Oxygen', sans-serif; border-bottom: 1px solid #ECEDF0; margin: 0; line-height: 100%; -webkit-transition: color 100ms; color 100ms; -o-transition: color 100ms; transition: color 100ms;} .subMenuEdit > ul > li > a:hover { color:#e14339; } .subMenuEdit > ul > li > a.active { color:#e14339; } .subMenuEditMobile { display: block; margin: 15px 15px 30px 15px; } .colRightMainEdit { margin: 20px 0 0 0; } .contentRightMainEdit { background: #FBFCFF; padding: 15px 25px; border: 1px solid #ECEDF0; border-top: 1px solid #ECEDF0; margin: 0; } .contentRightMainEdit > h3 { margin: 0 0 20px 0; color: #e14339; font:700 20px 'Oxygen', sans-serif; } .blocoEditInputs { display: block; margin: 10px 0 0 0; } .blocoEditInputs > div.head { display: table; table-layout: auto; width: 100%; background: #EFF0F3; border: 1px solid #E3E3E3; border-bottom: 0px solid #E3E3E3; height: 47px; } .blocoEditInputs > div.head > div.left { display: table-cell; vertical-align: middle; padding: 0 0 0 15px; color: #e14339; font:700 17px 'Oxygen', sans-serif; } .blocoEditInputs > div.head > div.right { display: table-cell; vertical-align: middle; padding: 0 15px 0 0; text-align: right; } .blocoEditInputs > div.head > div.right > a.remove { display: block; background: url(../images/icon-remove.png) no-repeat right center; height: 27px; padding: 8px 35px 0 0; font: 400 12px 'Oxygen', sans-serif; color: #AAAAAA; } .blocoEditInputs > div.body { display: block; background: #fff; border: 1px solid #E3E3E3; width: calc(100% - 28px); padding: 20px 14px; font: 700 11px 'Oxygen', sans-serif; color: #66737E; } .blocoEditInputs > div.body > div.label { display: block; } .blocoEditInputs > div.body > div.inputs { display: block; } .blocoEditInputs > div.body > div.inputs > div { display: block; margin: 18px 0 0 0; } .blocoEditInputs > div.body > div.inputs > div > span { display: inline; margin: 0 0 0 6px; font: 700 14px 'Oxygen', sans-serif; } .blocoEditInputs > div.body > div.inputs > div > span.kgs { color: #8ECA4F; } .blocoEditInputs > div.body > div.inputs > div > input.units { display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; text-align: right; font: 700 22px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px 8px 0; width: 75%; } .blocoEditInputs > div.body > div.inputs > div > input.kgs { display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; text-align: right; font: 700 22px 'Oxygen', sans-serif; color: #8ECA4F; padding: 8px 12px 8px 0; width: 75%; } .blocoAddInputs { display: block; margin: 10px 0 0 0; } .blocoAddInputs > div.head { display: table; table-layout: auto; width: 100%; background: #EFF0F3; border: 1px solid #E3E3E3; } .blocoAddInputs > div.head > div.left { display: block; padding: 15px 0 0 15px; color: #e14339; font:700 17px 'Oxygen', sans-serif; } .blocoAddInputs > div.head > div.right { display: block; padding: 15px 0px 0 15px; text-align: center; } .blocoAddInputs > div.head > div.right > a.add { display: inline-block; background: url(../images/icon-add.png) no-repeat right center; height: 27px; padding: 8px 35px 0 0; font: 400 12px 'Oxygen', sans-serif; color: #92C664; } .divTotaisBottom { position: fixed; bottom:0; width:100%; display: none; z-index: 1000; left:0; } .divTotaisBottom.backoffice { position: relative; } .divTotaisBottom > div > div.left { max-width: 250px; background: #474B52; color: #FFF; font:700 13px 'Oxygen', sans-serif; padding: 8px 0 8px 0px; } .divTotaisBottom > div > div.left > div { margin: 0px 0 0px 20px; } .divTotaisBottom > div > div.left > div > span { margin: 0px 0 0px 5px; color: #8DCA4E; font:700 17px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.left > div > span > span { font:700 10px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.center { width: calc(40% - 125px); background: #474B52 url(../images/shadow-divs-totias.png) repeat-y; color: #CCCCCC; font:700 13px 'Oxygen', sans-serif; padding: 8px 0 8px 0px; } .divTotaisBottom > div > div.center > div { margin: 0px 0 0px 20px; } .divTotaisBottom > div > div.center > div > span { margin: 0px 0 0px 5px; color: #6A943F; font:700 17px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.center > div > span > span { font:700 10px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.right { width: calc(60% - 125px); background: #474B52 url(../images/shadow-divs-totias.png) repeat-y; color: #FFF; font:700 13px 'Oxygen', sans-serif; padding: 8px 0 8px 0px; } .divTotaisBottom > div > div.right > div { margin: 0px 0 0px 20px; } .divTotaisBottom > div > div.right > div > span { margin: 0px 0 0px 5px; color: #FF4600; font:700 17px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.right > div > span > span { font:700 10px 'Oxygen', sans-serif; } .divToolsBottom { display: none; background: #565C65; } .divToolsBottom > div.leftTools { background: #565C65; max-width: 250px; /*padding: 15px;*/ } .divToolsBottom > div.leftTools > a { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; height: 42px; display: inline-block; border-right: 1px solid #474B52; height: 28px; display: inline-block; padding: 14px 30px 0 50px; background: url(../images/icon-savesubmit-edit.png) no-repeat 30px center #e14339; } .divToolsBottom > div.leftTools > a:hover { background: #e14339 url(../images/icon-customize-edit.png) no-repeat 20px center } .divToolsBottom > div.centerTools { display: none; width: calc(40% - 125px); background: #565C65; text-indent: -5000px; /*padding: 15px;*/ } .divToolsBottom > div.rightTools { background: #ccc; width: 100%; background: #565C65 url(../images/shadow-divs-totias.png) repeat-y; /*padding: 15px;*/ text-align: right; } .divToolsBottom > div.rightTools > a.draft { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-left: 1px solid #474B52; height: 28px; display: inline-block; padding: 14px 30px 0 60px; background: url(../images/icon-savedraft-edit.png) no-repeat 30px center #e14339; text-decoration: none; margin: -2px;} .divToolsBottom > div.rightTools > a:hover.draft { background:url(../images/icon-savedraft-edit.png) no-repeat 30px center #e14339; transition: all 150ms; -webkit-transition: all 150ms;} .divToolsBottom > div.rightTools > a.submit { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-left: 1px solid #474B52; height: 28px; display: inline-block; padding: 14px 30px 0 60px; background: url(../images/icon-savesubmit-edit.png) no-repeat 30px center #e14339; -webkit-transition: background-color 150ms, color 150ms; -moz-transition: background-color 150ms, color 150ms; -o-transition: background-color 150ms, color 150ms; transition: background-color 150ms, color 150ms; text-decoration: none; margin-left: -3px;} .divToolsBottom > div.rightTools > a:hover.submit { background:url(../images/icon-savesubmit-edit.png) no-repeat 30px center #e14339; text-decoration: none;} .divToolsBottom > div.rightTools > a.footerReport { color: #FFF; font:700 10px 'Oxygen', sans-serif; border-left: 1px solid #AAAAAA; height: 28px; display: inline-block; padding: 14px 30px 0 60px; background: url(../images/icon_bug_report.png) no-repeat 30px center; -webkit-transition: background-color 150ms, color 150ms; -moz-transition: background-color 150ms, color 150ms; -o-transition: background-color 150ms, color 150ms; transition: background-color 150ms, color 150ms; text-decoration: none; margin-left: -3px;} .divToolsBottom > div.rightTools > a.submit.back { background-image: url(../images/icon-savesubmit-edit-back.png); background-repeat: no-repeat; padding: 14px 30px 00px 65px; } } .divToolsBottom > div.rightTools > a:hover { text-decoration: none; } .divToolsBottom.pf-modal-custom-buttons > div.rightTools { width: 100%; } .divTotaisBottom.pf-modal-custom-buttons { position: relative; } .divToolsBottom.pf-modal-custom-buttons > div.rightTools > input[type="button"].submit {border:0; color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-left: 1px solid #FFF; height: 42px; display: table-cell; padding: 14px 30px 14px 60px; background: url(../images/icon-savesubmit-edit.png) no-repeat 30px center; } .divToolsBottom.pf-modal-custom-buttons > div.rightTools > input[type="button"]:hover.submit { background: #e14339 url(../images/icon-savesubmit-edit.png) no-repeat 30px center; } .divToolsBottom > div.rightToolsSave { width: 100%; background: #565C65; text-align: right;} .divToolsBottom > div.rightToolsSave > a.save { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-left: 1px solid #474B52; height: 28px; display: inline-block; padding: 14px 30px 0 60px; background: url(../images/icon-save-edit.png) no-repeat 30px center; transition: all 150ms; -webkit-transition: all 150ms; } .divToolsBottom > div.rightToolsSave > a:hover.save { background: #e14339 url(../images/icon-save-edit.png) no-repeat 30px center; text-decoration: none;} .divToolsBottomMobile { display: table; table-layout: auto; background: #565C65; margin: 20px; text-align: center; width: calc(100% - 40px); } .divToolsBottomMobile > div { display: table-cell; background: #565C65; margin: 20px; text-align: center; vertical-align: middle; } .divToolsBottomMobile > div.customize > a { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-right: 1px solid #474B52; padding: 14px; display: block; line-height: 100%; } .divToolsBottomMobile > div.customize > a > span { height: 21px; width: 21px; display: block; background: url(../images/icon-customize-edit.png) no-repeat; margin: 0 auto 7px auto; } .divToolsBottomMobile > div.draft > a { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-right: 1px solid #474B52; padding: 14px; display: block; line-height: 100%; } .divToolsBottomMobile > div.draft > a > span { height: 20px; width: 27px; display: block; background: url(../images/icon-savedraft-edit.png) no-repeat; margin: 0 auto 7px auto; } .divToolsBottomMobile > div.submit > a { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; padding: 14px; display: block; line-height: 100%; } .divToolsBottomMobile > div.submit > a > span { height: 21px; width: 28px; display: block; background: url(../images/icon-savesubmit-edit.png) no-repeat; margin: 0 auto 7px auto; } .divToolsBottomMobile > div.save > a { color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; padding: 14px; display: block; line-height: 100%; } .divToolsBottomMobile > div.save > a > span { height: 18px; width: 16px; display: block; background: url(../images/icon-save-edit.png) no-repeat; margin: 0 auto 7px auto; } .divTotaisBottom > div > div.footerRight { color: #aaaaaa; font:700 13px 'Oxygen', sans-serif; padding: 8px 0 8px 0px; border: 1px solid #aaaaaa;} .divTotaisBottom > div > div.footerRight > div { margin: 0px 0 0px 20px; color: #aaaaaa; } /*.divTotaisBottom > div > div.footerRight > div > span { margin: 0px 5px 0px 0px; color: #8DCA4E; font:700 17px 'Oxygen', sans-serif; } .divTotaisBottom > div > div.footerRight > div > span > span { font:700 10px 'Oxygen', sans-serif; }*/ /********** WEEE CUSTOMIZE **********/ .labelCheckUncheck { display:block; padding: 15px; font:700 13px 'Oxygen', sans-serif; color: #8494A2; } .tabelaCustomize { display: table; table-layout: auto; width: 100%; border: 1px solid #EEEEEE; border-bottom: 0px; background: #FFF; } .tabelaCustomize > ul { display: table-row-group; } .tabelaCustomize > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; padding: 15px; font:700 13px 'Oxygen', sans-serif; color: #8494A2; } .tabelaCustomize > ul > li:first-child { width: 1%; } /********** WEEE VIEW 2 **********/ .tabelaLinksView2 { display: block; border: 1px solid #ECEDF0; border-bottom: 0px solid #ECEDF0; } .closedLink { display: block; } .closedLink > a { display: block; padding: 15px 15px 15px 45px; background: #F5F7FA url(../images/icon-mais.png) no-repeat 15px center; border-bottom: 1px solid #ECEDF0; font:700 17px 'Oxygen', sans-serif; color: #8494A2; } .openLinkView2 { background: #FFF; padding:15px; } .openLinkView2 > a { display: block; padding: 0px 15px 0px 30px; background: url(../images/icon-menos.png) no-repeat 0 center; font:700 17px 'Oxygen', sans-serif; color: #E63F00; margin-bottom: 20px;} /********** WEEE ERROR **********/ .divError { display: none; border: 1px solid #FF8000; margin: 8px 0 0 0; width: calc(100% - 2px); } .divError > div.head { display: block; border-bottom: 1px solid #FF8000; padding: 20px 20px 20px 60px; background: #FBEEE2 url(../images/icon-alert.png) no-repeat 20px center; font:700 15px 'Oxygen', sans-serif; color: #FF7F00; } .divError > div.head > span { display: inline-block; font:700 13px 'Oxygen', sans-serif; color: #66727E; margin: 0 0 0 10px; } .divError > div.body { display: block; background: #FDF8F3; padding: 10px 20px; height:70px; overflow-x: auto; } .divError > div.body > ul { padding: 0px; margin: 0; } .divError > div.body > ul > li { list-style: none; margin: 7px 0; } .divError > div.body > ul > li > a { font:400 13px 'Oxygen', sans-serif; color: #66727E; text-decoration: underline; } .divError > div.body > ul > li > a:hover { opacity: 0.5; text-decoration: none; } .divError > div.body > ul > li > a > span { font:700 12px 'Oxygen', sans-serif; color: #FF7F00; display: inline-block; margin: 0 0 0 10px; } .divErrorMobile { display: block; margin: 0 15px; width: calc(100% - 30px); border: 1px solid #FF8000; } .divErrorMobile > div.head { display: block; padding: 20px 60px 20px 60px; background: #FBEEE2 url(../images/icon-alert.png) no-repeat 20px 20px; font:700 12px 'Oxygen', sans-serif; color: #FF7F00; position: relative; } .divErrorMobile > div.head > span { display: inline-block; font:700 11px 'Oxygen', sans-serif; color: #66727E; } .divErrorMobile > div.head > a { display: inline-block; background: url(../images/arrow-down-error.png); width: 14px; height: 8px; text-indent: -5000px; position: absolute; right: 20px; bottom: 20px; } .divErrorMobile > div.body { display: none; background: #FDF8F3; } .divErrorMobile > div.body > ul { padding: 0px; margin: 0; } .divErrorMobile > div.body > ul > li { list-style: none; margin: px 0; } .divErrorMobile > div.body > ul > li > a { font:400 13px 'Oxygen', sans-serif; color: #66727E; text-decoration: none; border-top: 1px solid #FF8000; padding: 20px; display: block; } .divErrorMobile > div.body > ul > li > a:hover { opacity: 0.5; text-decoration: none; } .divErrorMobile > div.body > ul > li > a > span { font:700 12px 'Oxygen', sans-serif; color: #FF7F00; display: block; margin: 0 0 0 0px; } /********** COMPANY PROFILE **********/ .menuLeft { display: none; } .menuLeft > ul { margin: 0; padding: 0; } .menuLeft > ul > li { list-style:none; display:block; margin: 0; } .menuLeft > ul > li { padding:15px 20px 0 20px; display:block; background:#fff; text-decoration:none; color: #202549; font:700 14px 'Oxygen', sans-serif; border-bottom: 1px solid #ECEDF0; height: 35px; margin: 0; } .menuLeft > ul > li:hover { cursor: pointer; color:#202549; } .menuLeft > ul > li.active { background:#F5F7FA; color:#202549; } .menuLeftMobile { display: block; margin: 15px 15px 30px 15px; } .divSendEmailTopo { display: block; float: right; } .divSendEmailTopo > div.labelSendEmail { float: left; color: #66727E; font:700 13px 'Oxygen', sans-serif; margin: 20px 10px 0 0; } .divSendEmailTopo > div.buttonSendEmail { float: left; margin: 14px 0 0 0; } .divSendEmailTopo > div.buttonSendEmail > a { display: block; border-radius: 2px; color: #FFF; text-transform: uppercase; font:700 10px 'Oxygen', sans-serif; background: #e14339 url(../images/icon-email.png) no-repeat 10px center; padding: 7px 10px 7px 35px; } .divSendEmailMobile { display: table; table-layout: auto; width: calc(100% - 30px); margin: 0 15px 15px 15px; } .divSendEmailMobile > div.labelSendEmail { display: table-cell; color: #66727E; font:700 13px 'Oxygen', sans-serif; vertical-align: middle; padding: 0 10px 0 0; } .divSendEmailMobile > div.buttonSendEmail { display: table-cell; vertical-align: middle; } .divSendEmailMobile > div.buttonSendEmail > a { display: block; border-radius: 2px; color: #FFF; text-transform: uppercase; font:700 10px 'Oxygen', sans-serif; background: #e14339 url(../images/icon-email.png) no-repeat 10px center; padding: 7px 10px 7px 35px; min-width: 91px; } .caixaSendEmail {display: none; position: absolute; top: 55px; right: 18px;} .caixaSendEmail > div.caixa { display: block; border: 2px solid #EA3E00; background: #FFF; border-radius:3px; position: relative; padding: 15px 25px 25px 25px; } .caixaSendEmail > div.caixa > div.arrow { display: block; background: url(../images/arrow-caixa-login.png); width:15px; height: 7px; position: absolute; top: -8px; right: 30px; } .caixaSendEmail > div.caixa > div.close { display: block; position: absolute; top: 10px; right: 10px; } .caixaSendEmail > div.caixa > div.close > a { display: block; background: url(../images/btn-close-caixa-login.png); width:10px; height: 10px; text-indent: -5000px; } .caixaSendEmail > div.caixa > div.label { display: block; color: #66737E; font:700 20px 'Oxygen', sans-serif; text-align: left; margin: 15px 0 15px 0; } .caixaSendEmail > div.caixa > div.label > span { display: block; color: #66737E; font:400 13px 'Oxygen', sans-serif; } .caixaSendEmail > div.caixa > div.texto > textarea { display: block; color: #66737E; font:400 13px 'Oxygen', sans-serif; width: calc(100% - 30px); padding: 15px; background: #FBFCFF; border: 1px solid #EEEEEE; } .caixaSendEmail > div.caixa > div.sendRequest { display: block; margin: 15px 0 0 0; } .caixaSendEmail > div.caixa > div.sendRequest > a { display: block; color: #ffffff; font:700 15px 'Oxygen', sans-serif; width: 100%; padding: 15px 0; background: #e14339; border-radius: 3px; text-align: center; text-transform: uppercase; } .caixaSendEmailMobile {display: none; position: absolute; top: 186px; right: 18px; } .caixaSendEmailMobile > div.caixa { display: block; border: 2px solid #EA3E00; background: #FFF; border-radius:3px; position: relative; padding: 15px 25px 25px 25px; } .caixaSendEmailMobile > div.caixa > div.arrow { display: block; background: url(../images/arrow-caixa-login.png); width:15px; height: 7px; position: absolute; top: -8px; right: 30px; } .caixaSendEmailMobile > div.caixa > div.close { display: block; position: absolute; top: 10px; right: 10px; } .caixaSendEmailMobile > div.caixa > div.close > a { display: block; background: url(../images/btn-close-caixa-login.png); width:10px; height: 10px; text-indent: -5000px; } .caixaSendEmailMobile > div.caixa > div.label { display: block; color: #66737E; font:700 20px 'Oxygen', sans-serif; text-align: left; margin: 15px 0 15px 0; } .caixaSendEmailMobile > div.caixa > div.label > span { display: block; color: #66737E; font:400 13px 'Oxygen', sans-serif; } .caixaSendEmailMobile > div.caixa > div.texto > textarea { display: block; color: #66737E; font:400 13px 'Oxygen', sans-serif; width: calc(100% - 30px); padding: 15px; background: #FBFCFF; border: 1px solid #EEEEEE; } .caixaSendEmailMobile > div.caixa > div.sendRequest { display: block; margin: 15px 0 0 0; } .caixaSendEmailMobile > div.caixa > div.sendRequest > a { display: block; color: #ffffff; font:700 15px 'Oxygen', sans-serif; width: 100%; padding: 15px 0; background: #e14339; border-radius: 3px; text-align: center; text-transform: uppercase; } .contentTabRight { background: #F5F7FA; border: 1px solid #ECEDF0; border-top: 1px solid #ECEDF0; padding: 15px 25px; color: #999999; font:400 15px 'Oxygen', sans-serif; margin: 0 15px 0 15px; } .contentTabRightFull { background: #FBFCFF; border: 1px solid #ECEDF0; border-top: 1px solid #ECEDF0; padding: 15px 25px; color: #999999; font:400 15px 'Oxygen', sans-serif; margin: 0 0px 0 0px; } .tabelaCompany { table-layout: auto; width: 100%; border: 1px solid #EEEEEE; border-bottom: 0px; } .tabelaCompany > ul:nth-child(odd) { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaCompany > ul:nth-child(even) { display: table-row-group; margin: 0; padding: 0; background: #FBFCFF; } .tabelaCompany > ul { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaCompany > ul > li:first-child { color: #67747E; font:700 13px 'Oxygen', sans-serif; width: 50%; vertical-align: middle;} .tabelaCompany > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; color: #67747E; font:400 13px 'Oxygen', sans-serif; padding: 10px; } .tabelaCompany input[type="text"], .tabelaCompany input[type="password"], .tabelaCompany select { display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 500 15px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px 8px 12px; width: 100%; box-sizing: border-box;} .tabelaCompany textarea { resize: none; display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 500 15px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px 8px 12px; width: 100%; box-sizing: border-box; } .tabelaCompany > div#db_content {display: block;} .tabelaCompany > ul > li.company_profile_costume_field { padding-left: 23px; } /********** NEWS **********/ .menuNews { display: none; } .menuNews > ul { margin: 0; padding: 0;} .menuNews > ul > li { list-style:none; display:block; margin: 0; } .menuNews > ul > li > a { display: table; table-layout: auto; width: calc(100% - 20px); padding:20px 10px; display:block; background:#fff; border-bottom: 1px solid #ECEDF0; margin: 0; } .menuNews > ul > li > a > span.img { display: table-cell; margin: 0; padding: 0; border: 1px solid #ECEDF0; vertical-align: top; } .menuNews > ul > li > a > span.texto { color: #999999; font:700 13px 'Oxygen', sans-serif; display: table-cell; vertical-align: top; line-height: 100%; padding: 0 0 0 5px; } .menuNews > ul > li > a > span.texto > span { display: block; color: #e14339; font:400 11px 'Oxygen', sans-serif; } .menuNews > ul > li > a:hover { color:#e14339; } .menuNews > ul > li > a.active { background:#F5F7FA; color:#e14339; } .colRight.menuNewsNoBorderLeft{ background: none; !important} .menuNewsBoxShadow{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .menuNewsMobile { display: block; margin: 15px 15px 30px 15px; } h3.titleNews { font:700 19px 'Oxygen', sans-serif; color: #66727D; } .blocoNews { display: block; margin: 0 0 40px 0; font:400 15px 'Oxygen', sans-serif; color: #66727D; line-height: 150%; } .blocoNews > span.img { display: block; margin: 0 0px 20px 0; width: 100%; background: #FFF; text-align: center; border: 1px solid #ECEDF0; } .blocoNews > span.data { display: none; margin: 0 0 10px 0; font:400 12px 'Oxygen', sans-serif; color: #e14339; } .form_p {display: inline-block; width: 28%} .form_p button { padding: 0 20px;} .form_b button { margin-left: 20px;} .form_p label {display: inline-block; padding-right: 10px;} .form_p input {width: 50%; display: inline-block; padding-left: 5px; padding-right: 5px;} .form_c {padding: 20px;width: 100%; display: block; background-color: lightgrey; box-sizing: border-box;} .form_b { padding-top: 0px;} /*michel*/ .tabelaDownloadNews { display: table; table-layout: auto; width: 100%; border: 1px solid #EEEEEE; border-bottom: 0px; } .tabelaDownloadNews > ul:nth-child(odd) { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaDownloadNews > ul:nth-child(even) { display: table-row-group; margin: 0; padding: 0; background: #FBFCFF; } .tabelaDownloadNews > ul { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaDownloadNews > ul > li:first-child { color: #67747E; font:400 13px 'Oxygen', sans-serif; width: 70%; border-right: 1px solid #EEEEEE; vertical-align: middle; } .tabelaDownloadNews > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; color: #67747E; font:400 9px 'Oxygen', sans-serif; padding: 10px; vertical-align: middle; } .tabelaDownloadNews > ul > li > a { color: #67747E; font:400 9px 'Oxygen', sans-serif; text-transform: uppercase; background: url(../images/icon-download-pdf.png) no-repeat top left; padding: 0 0 0 20px; } /********* USER PROFILE **********/ .tabelaUser { display: table; table-layout: auto; width: 100%; border: 1px solid #EEEEEE; border-bottom: 0px; } .tabelaUser > ul:nth-child(odd) { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaUser > ul:nth-child(even) { display: table-row-group; margin: 0; padding: 0; background: #FBFCFF; } .tabelaUser > ul { display: table-row-group; margin: 0; padding: 0; background: #FFF; } .tabelaUser > ul > li:first-child { color: #67747E; font:700 13px 'Oxygen', sans-serif; width: 40%; vertical-align: middle; } .tabelaUser > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; color: #67747E; font:400 13px 'Oxygen', sans-serif; padding: 10px; vertical-align: middle; } .divAlignCenter { text-align: center; } .labelChangePassword { display: block; color: #66727E; font:700 13px 'Oxygen', sans-serif; margin: 30px 0 30px 0; } .divInputs { display: block; margin: 0 0 10px 0; text-align: center; } .inputLogin { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-login.png) no-repeat 15px center; color: #66737E; font:400 14px 'Oxygen', sans-serif; max-width: 230px; } .inputEmail { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-emailedit.png) no-repeat 15px 12px; color: #66737E; font:400 14px 'Oxygen', sans-serif; max-width: 230px; } .inputPassword { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-password.png) no-repeat 15px center; color: #66737E; font:400 14px 'Oxygen', sans-serif; max-width: 230px; } .divButtonChangePassword { margin: 40px 0 40px 0; } .divButtonChangePassword > a { background: #e14339; padding: 10px; width: calc(100% - 20px); color: #FFF; text-transform: uppercase; font:400 15px 'Oxygen', sans-serif; max-width: 260px; display: inline-block; border-radius: 3px; } /********** ACCOUNTING **********/ .contentTabFull { background: #FBFCFF; border: 1px solid #ECEDF0; border-top: 1px solid #ECEDF0; padding: 15px 25px; color: #999999; font:400 15px 'Oxygen', sans-serif; margin: 0 15px 0 15px; } .divExportBalanceTopo { display: block; float: right; } .divExportBalanceTopo > div.labelExportBalanceMobile { float: left; color: #66727E; font:700 13px 'Oxygen', sans-serif; margin: 20px 10px 0 0; } .divExportBalanceTopo > div.buttonExportBalanceMobile { float: left; margin: 14px 0 0 0; } .divExportBalanceTopo > div.buttonExportBalanceMobile > a { display: block; border-radius: 2px; color: #FFF; text-transform: uppercase; font:700 10px 'Oxygen', sans-serif; background: #e14339 url(../images/icon-export-excel2.png) no-repeat 10px center; padding: 7px 10px 7px 35px; } .divExportBalanceTopo > div.buttonExportStampedMobile { float: left; margin: 14px 0 0 0; } .divExportBalanceTopo > div.buttonExportStampedMobile > a { display: block; border-radius: 2px; color: #FFF; text-transform: uppercase; font:700 10px 'Oxygen', sans-serif; background: #e14339 url(../images/icon-download-on.png) no-repeat 10px center; padding: 7px 10px 7px 35px; } .divExportBalanceMobile { display: table; table-layout: auto; width: calc(100% - 30px); margin: 0 15px 15px 15px; } .divExportBalanceMobile > div.labelExportBalanceMobile { display: table-cell; color: #66727E; font:700 13px 'Oxygen', sans-serif; vertical-align: middle; padding: 0 10px 0 0; } .divExportBalanceMobile > div.buttonExportBalanceMobile { display: table-cell; vertical-align: middle; } .divExportBalanceMobile > div.buttonExportBalanceMobile > a { display: block; border-radius: 2px; color: #FFF; text-transform: uppercase; font:700 10px 'Oxygen', sans-serif; background: #e14339 url(../images/icon-export-excel2.png) no-repeat 10px center; padding: 7px 10px 7px 35px; min-width: 91px; } .graficosResultadosAccounting { display: block; margin: 30px 0; } .graficosResultadosAccounting > div { display: block; text-align: center; padding: 10px 0; } .wheelDebits { display: inline-block; background: -webkit-linear-gradient(#FFAB46, #E87500); background: -o-linear-gradient(#FFAB46, #E87500); background: -moz-linear-gradient(#FFAB46, #E87500); background: linear-gradient(#FFAB46, #E87500); max-width: 162px; width: calc(100% - 32px); height: 162px; border-radius: 100%; padding: 16px; } .wheelDebits > div { display: table-cell; background: -webkit-linear-gradient(#EEEEEE, #FFFFFF); background: -o-linear-gradient(#EEEEEE, #FFFFFF); background: -moz-linear-gradient(#EEEEEE, #FFFFFF); background: linear-gradient(#EEEEEE, #FFFFFF); border-radius: 100%; width: 162px; height: 162px; vertical-align: middle; color: #FFA324; font:400 19px 'Oxygen', sans-serif; line-height: 100%; } .wheelDebits > div > span { display: block; color: #FF7F00; font:700 20px 'Oxygen', sans-serif; line-height: 100%; } .wheelCredits { display: inline-block; background: -webkit-linear-gradient(#A0E357, #6EA236); background: -o-linear-gradient(#A0E357, #6EA236); background: -moz-linear-gradient(#A0E357, #6EA236); background: linear-gradient(#A0E357, #6EA236); max-width: 162px; width: calc(100% - 32px); height: 162px; border-radius: 100%; padding: 16px; } .wheelCredits > div { display: table-cell; background: -webkit-linear-gradient(#EEEEEE, #FFFFFF); background: -o-linear-gradient(#EEEEEE, #FFFFFF); background: -moz-linear-gradient(#EEEEEE, #FFFFFF); background: linear-gradient(#EEEEEE, #FFFFFF); border-radius: 100%; width: 162px; height: 162px; vertical-align: middle; color: #92D643; font:400 19px 'Oxygen', sans-serif; line-height: 100%; } .wheelCredits > div > span { display: block; color: #90C857; font:700 20px 'Oxygen', sans-serif; line-height: 100%; } .wheelBalance { display: inline-block; background: -webkit-linear-gradient(#FF8000, #A0E357); background: -o-linear-gradient(#FF8000, #A0E357); background: -moz-linear-gradient(#FF8000, #A0E357); background: linear-gradient(#FF8000, #A0E357); max-width: 162px; width: calc(100% - 32px); height: 162px; border-radius: 100%; padding: 16px; } .wheelBalance > div { display: table-cell; background: -webkit-linear-gradient(#EEEEEE, #FFFFFF); background: -o-linear-gradient(#EEEEEE, #FFFFFF); background: -moz-linear-gradient(#EEEEEE, #FFFFFF); background: linear-gradient(#EEEEEE, #FFFFFF); border-radius: 100%; width: 162px; height: 131px; vertical-align: middle; color: #888888; font:400 19px 'Oxygen', sans-serif; line-height: 100%; } .wheelBalance > div > span { display: block; color: #595F68; font:700 20px 'Oxygen', sans-serif; line-height: 100%; } .tabelaAccounting { display: none; table-layout: auto; width: 100%; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; margin: 40px 0; } .tabelaAccounting > ul.head { display: table-row-group; margin: 0; padding: 0; background: #F5F7FA; } .tabelaAccounting > ul.head > li { display: table-cell; /*border-bottom: 1px solid #EEEEEE;*/ color: #67747E; text-transform: uppercase; font:700 14px 'Oxygen', sans-serif; padding: 0px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 15px; } .tabelaAccounting > ul.body:nth-child(even) { display: table-row-group; margin: 0; padding: 0; background: #fff; } .tabelaAccounting > ul.body:nth-child(odd) { display: table-row-group; margin: 0; padding: 0; background: #FBFCFF; } .tabelaAccounting > ul.body > li { display: table-cell; margin: 0; padding: 0px; border-bottom: 1px solid #EEEEEE; padding: 0 15px; font:400 13px 'Oxygen', sans-serif; color: #67747E; } .tabelaAccounting > ul.body > li:last-child { padding: 0px; } .tabelaAccounting > ul.body > li > a { display: block; margin: 0; padding: 15px 15px 15px 30px; border-left: 1px solid #EEEEEE; background: url(../images/icon-download-off.png) no-repeat 10px center; color: #67747E; text-transform: uppercase; font:700 9px 'Oxygen', sans-serif; -webkit-transition: background-color 130ms, color 130ms; -moz-transition: background-color 130ms, color 130ms; -o-transition: background-color 130ms, color 130ms; transition: background-color 130ms, color 130ms;} .tabelaAccounting > ul.body > li > a:hover { background: #e14339 url(../images/icon-download-on.png) no-repeat 10px center; color: #fff; } .tabelaAccountingMobile { display: table; width: 100%; border-top: 1px solid #EEEEEE; margin: 0 0 10px 0; } .tabelaAccountingMobile > ul:nth-child(even) { display: table-row-group; background: #FBFCFF; } .tabelaAccountingMobile > ul:nth-child(odd) { display: table-row-group; background: #fff; } .tabelaAccountingMobile > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; padding: 15px; } .tabelaAccountingMobile > ul > li:first-child { border-left: 1px solid #EEEEEE; text-transform: uppercase; font: 700 12px 'Oxygen', sans-serif; color: #66727E; } .tabelaAccountingMobile > ul > li:last-child { border-right: 1px solid #EEEEEE; font: 400 12px 'Oxygen', sans-serif; color: #66727E; text-align: right; } .tabelaAccountingMobile > ul:last-child > li { display: block; width: 136%; text-align: center; border: 0; } .tabelaAccountingMobile > ul:last-child > li > a { display: inline; width: 176%; background: #e14339 url(../images/icon-download-on.png) no-repeat 10px center; padding: 10px 20px 10px 30px; margin: 20px 0 0 0; color: #FFF; font: 700 11px 'Oxygen', sans-serif; border-radius: 2px; } .pfTableList {letter-spacing:0; display: none; table-layout: auto; width: 100%; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; margin: 40px 0; } .pfTableList > ul.head { display: table-row-group; margin: 0; padding: 0; background: #e14339; } .pfTableList > ul.head > li { display: table-cell; /*border-bottom: 1px solid #EEEEEE;*/ color: white; text-transform: uppercase; font:700 14px 'Oxygen', sans-serif; padding: 0px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 15px; } .pfTableList > ul.body:nth-child(even) { display: table-row-group; margin: 0; padding: 0; background: #fff; } .pfTableList > ul.body:nth-child(odd) { display: table-row-group; margin: 0; padding: 0; background: #FBFCFF; } .pfTableList > ul.body > li { display: table-cell; margin: 0; padding: 0px; border-bottom: 1px solid #EEEEEE; padding: 0 15px; font:400 13px 'Oxygen', sans-serif; color: #67747E; } .pfTableList > ul.body > li:last-child { padding: 0px; } .pfTableList > ul.body > li > a { display: block; margin: 0; padding: 15px 15px 15px 30px; border-left: 1px solid #EEEEEE; /*background: url(../images/icon-download-off.png) no-repeat 10px center;*/ color: #67747E; text-transform: uppercase; font:700 9px 'Oxygen', sans-serif; } .pfTableList > ul.body > li > a:hover { /*background: #e14339 url(../images/icon-download-on.png) no-repeat 10px center;*/ color: #fff; } .pfTableListMobile {letter-spacing:0; display: table; width: 100%; border-top: 1px solid #EEEEEE; margin: 0 0 10px 0; } .pfTableListMobile > ul:nth-child(even) { display: table-row-group; background: #FBFCFF; } .pfTableListMobile > ul:nth-child(odd) { display: table-row-group; background: #fff; } .pfTableListMobile > ul > li { display: table-cell; border-bottom: 1px solid #EEEEEE; padding: 15px; } .pfTableListMobile > ul > li:first-child { border-left: 1px solid #EEEEEE; text-transform: uppercase; font: 700 12px 'Oxygen', sans-serif; color: #66727E; } .pfTableListMobile > ul > li:last-child { border-right: 1px solid #EEEEEE; font: 400 12px 'Oxygen', sans-serif; color: #66727E; text-align: right; } .pfTableListMobile > ul:last-child > li { display: block; width: 136%; text-align: center; border: 0; } .pfTableListMobile > ul:last-child > li > a { display: inline; width: 176%; background: #e14339 url(../images/icon-download-on.png) no-repeat 10px center; padding: 10px 20px 10px 30px; margin: 20px 0 0 0; color: #FFF; font: 700 11px 'Oxygen', sans-serif; border-radius: 2px; } .checkboxnewlayoutdefault input[type=checkbox] { display:none; } .checkboxnewlayoutdefault input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; font-size: 20px; cursor: pointer; } .checkboxnewlayoutdefault input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */ .checkboxnewlayoutdefault input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */ .checkboxnewlayoutdefault input[type=checkbox]:checked + label:before { content: "\f046"; color: #e14339;} /* checked icon */ .checkboxnewlayoutdefault input[type=checkbox]:checked + label:before { letter-spacing: 7px; } .draft_wrap, .rejected_wrap { position: absolute; right: -8px; top: 5px; font: 700 11px "Oxygen",sans-serif; color:#FFF; } .draft_right-inside { background: transparent url("../images/draft_right_short.png") no-repeat scroll ; float:right; width:10px; height:25px; } .draft_right-outside { background: transparent url("../images/draft_right_long.png") no-repeat scroll ; float:right; height:25px; line-height:19px !important; padding:0 5px 0 10px; } .rejected_right-inside { background: transparent url("../images/reject_right_short.png") no-repeat scroll ; float:right; width:10px; height:25px; } .rejected_right-outside { background: transparent url("../images/reject_right_long.png") no-repeat scroll ; float:right; height:25px; line-height:19px !important; padding:0 5px 0 10px; } #packaging_activity_primary_fields { text-align: center; } #packaging_activity_secondary_fields { text-align: center; } #data_consultant_check, #trade_association_check, #other_method_check, #accept_declaration{ width: auto; } input.packaging_input.formpackaging, .table_packaging input{ width: 80%; padding: 0 5px; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. ========================================================================== */ @media screen and ( max-width: 850px ) { /* até 479px, aplica-se os estilos acima */ .form_c { height: 95px; } .form_b { padding-top: 10px;} .form_p {width: 100%;} .pfTableList{display: block;} } @media screen and ( max-width: 479px ) { /* até 479px, aplica-se os estilos acima */ .form_c { height: 130px; width: 90%;} .form_b { width: 100%;padding-top: 10px;} .form_p {width: 100%;} .form_p label {width: 100%; float: left;} .form_p input {width: 100%;} } /* a partir de 480px */ @media screen and (min-width: 480px) { .wrapLogin { margin: 30px auto 0 auto; width: 100%; max-width: 360px; } .logoTopoLogin { margin: 25px auto 25px auto; padding: 0; width: 100%; height: auto; background: url(../images/logo-topo.png) no-repeat center center; padding-top: 15px; padding-bottom: 20px} .contentTab { margin: 0 0px 0 15px; border-right: 0px; } .contentRightMainHome { margin: 0 15px 0 0px; } .blocoEditInputs > div.body > div.inputs { display: table; table-layout: auto; width: 100%; margin: 18px 0 0 0; } .blocoEditInputs > div.body > div.inputs > div { display: table-cell; } .blocoEditInputs > div.body > div.inputs > div > input.units { width: 60%; } .blocoEditInputs > div.body > div.inputs > div > input.kgs { width: 60%; } .blocoAddInputs > div.head { height: 56px; } .blocoAddInputs > div.head > div.left { display: table-cell; vertical-align: middle; padding: 0 0 0 15px; color: #e14339; font:700 17px 'Oxygen', sans-serif; } .blocoAddInputs > div.head > div.right { display: table-cell; vertical-align: middle; padding: 0 15px 0 0; text-align: right; } /********** WEEEE EDIT **********/ .contentTabEdit { background: white; margin: 0; padding: 0; border-top: 1px solid #E4E5E8; height: 100%; } /********** COMPANY PROFILE **********/ .contentTabRight { margin: 0 0px 0 0px; border-right: 0px; } .tabelaCompany > ul > li { padding: 15px; } .tabelaCompany > ul > li:first-child { width: 30%; } /********** COMPANY PROFILE **********/ .tabelaDownloadNews > ul > li { padding: 15px; } .tabelaDownloadNews > ul > li:first-child { width: 85%; } /********** USER PROFILE **********/ .tabelaUser > ul > li { padding: 15px; } .tabelaUser > ul > li:first-child { width: 20%; } /********** ACCOUNTING **********/ .tabelaAccounting { display: table; } .tabelaAccountingMobile { display: none; } .pfTableList { display: table; } .pfTableListMobile { display: none; } } /* a partir de 769px */ @media only screen and ( min-width: 769px ) { html { height:100%; } body { max-height: 100%; } /*header { background: #474B52; }*/ header { background: transparent; } header.pure-g { background: #E7E7E7; } .logoTopo { display: inline-block; width: calc(20% - 22px); } .menuTopo { width: 65%; display: inline-block; } .menu-anchor { display: none;} .userTopo { /*width: 237px;*/ width: 253px; height: 104px; float: none; box-sizing: border-box; display: inline-block; } .userTopo > div.user { padding: 0 0 10px 35px; line-height: 100%; margin: 15px 0 0 0; float: none; } .userTopo > div.btnUser { float: right; border-top: 1px solid #4D525A; display: block; width: 100%; margin: 0 0 0 0; } .userTopo > div.btnUser > a { background: url(../images/downArrow.svg) no-repeat 0 0; text-indent: -5000px; display: block; width: 11px; height: 7px; margin: 10px auto 0 auto; } .titleTabs { font: 700 14px 'Oxygen', sans-serif; } .topoMain > div.left > div.back { margin: 10px 20px 0 0; } .topoMain > div.right { display: table-cell; vertical-align: middle; text-align: right; } .colLeftMain { max-width: 250px; } .tabs { background: none; border-bottom: 1px solid #ECEDF0; margin: 0 0 0 0; } .tabs li { list-style:none; display:block; margin: 0; } .tabs a { display:block; border: 1px solid #ECEDF0; border-left: 0; border-right: 0; border-bottom: 0; } .tabs a.active { border: 1px solid #ECEDF0; border-left: 0; border-right: 0; border-bottom: 0; text-decoration: none;} .colCenterMain { width: calc(40% - 125px); background: url(../images/outer-bg-colCenter.png); height: 100%; } .contentTab { background: #f7f7f7 url(../images/inner-bg-colCenter.png) repeat-y; margin: 6px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .colRightMain { width: calc(60% - 125px); height: 100%; background: #fdfdfd url(../images/inner-bg-colCenter.png) repeat-y left 7px; } .contentRightMainHome { background: #FBFCFF url(../images/inner-bg-colCenter.png) repeat-y; margin: 7px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .openDeclarationsFailMessage { padding: 10px 0 12px 30px; background: url(../images/icon-fail.png) no-repeat 5% center; } .blocoPreviousDeclarations { display: table; table-layout: auto; width: 100%; } .blocoPreviousDeclarations > div.left { display: table-cell; border-right: 0px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; vertical-align: middle; } .blocoPreviousDeclarations > div.left > div.title { margin: 6px 0 0 0; } .blocoPreviousDeclarations > div.left > div.tons { margin: 0px 0 0 0; } /******** WEEE EDIT **********/ .totalTonsTopo { display: none; } .menuWeeeEdit { display: block; } .contentTabEdit { background: #F5F7FA url(../images/inner-bg-colCenter.png) repeat-y; margin: 6px 0px 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .subMenuEdit { display: block; } .subMenuEditMobile { display: none; } .colRightMainEdit { width: calc(60% - 125px); height: 100%; margin: 0 0 0 0;} .contentRightMainEdit { background: #FBFCFF url(../images/inner-bg-colCenter.png) repeat-y; margin: 7px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .blocoEditInputs > div.head { height: 56px; } .divTotaisBottom { display: block; } .divToolsBottom { display: block; } .divToolsBottomMobile { display: none; } /********** ERROR **********/ .divError { display: block; } .divErrorMobile { display: none; } /******** COMPANY PROFILE **********/ .colRight { width: calc(100% - 250px); background: url(../images/outer-bg-colCenter.png) no-repeat; height: 100%; padding-bottom:40px; } .menuLeft { display: block; } .menuLeftMobile { display: none; } .menuNews { display: block; } .menuNewsMobile { display: none; } .divSendEmailMobile { display: none; } .contentTabRight { background: #F5F7FA url(../images/inner-bg-colCenter.png) repeat-y; margin: 6px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .contentTabRightFull { background: #FBFCFF url(../images/inner-bg-colCenter.png) repeat-y; margin: 6px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } /********** NEWS **********/ .blocoNews { font:400 13px 'Oxygen', sans-serif; line-height: 170%; } .blocoNews > span.img { display: inline; margin: 0 20px 20px 0; float: left; width: auto; } .blocoNews > span.data { display: block; } /********** ACCOUNTING **********/ .contentTabFull { background: #FBFCFF; margin: 6px 0 0 0; border: 0px solid #ECEDF0; border-top: 1px solid #ECEDF0; height: 100%; } .divExportBalanceMobile { display: none; } .graficosResultadosAccounting { display: table; table-layout: auto; width: 100%; } .graficosResultadosAccounting > div { display: table-cell; padding: 10px 0; } } /* tablet (iPad portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* tablet (iPad landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* a partir de 1024px */ @media only screen and (min-width : 1024px) { .logoTopo { width: calc(20% - 22px); } .menuTopo { width: calc(100% - 472px); display: inline-block; } .userTopo > div.user {height: 51px; padding: 0 0 0px 35px; margin: 25px 0 0 0; } .topoMain { display: table; width: 100%; table-layout: auto; height: 50px; } .topoMain > div.left { display:table-cell; vertical-align: middle; text-align: left; } .topoMain > div.left > h2 { font: 700 15px 'Oxygen', sans-serif; } .topoMain > div.right { display: table-cell; vertical-align: middle; text-align: right; } .contentTab { padding: 15px 25px; } .contentRightMainHome { padding: 15px 25px; } /******** WEEE EDIT **********/ .contentRightMainEdit { padding: 15px 25px 110px 25px; } .blocoEditInputs > div.body { padding: 25px; width: calc(100% - 50px); font: 400 13px 'Oxygen', sans-serif; } /********** COMPANY PROFILE **********/ .contentTabRight { padding: 15px 25px; } .contentTabFull { padding: 15px 25px; } .contentTabRightFull { padding: 15px 25px; } } /* a partir de 1280px */ @media only screen and (min-width : 1280px) { .menuTopo { } .menuTopo > ul > li { width: 106px; } .colCenterMain { width: calc(45% - 125px); } .colRightMain { width: calc(55% - 125px); } .colRightMainEdit { width: calc(55% - 125px); } .contentTab { padding: 15px 35px; } .contentRightMainHome { padding: 15px 35px; } .divTotaisBottom > div > div.center { width: calc(45% - 125px); } .divTotaisBottom > div > div.right { width: calc(55% - 125px); } /*.divToolsBottom > div.centerTools { width: calc(45% - 155px); }*/ .divToolsBottom > div.centerTools { width: calc(45% - 125px); } /*.divToolsBottom > div.rightTools { width: calc(55% - 155px); }*/ /*.divToolsBottom > div.rightTools { width: calc(56% - 176px); }*/ .divToolsBottom > div.rightTools { margin-top: -19px; } .divToolsBottom > div.leftTools, .divToolsBottom > div.centerTools { display: inline-block; } /********** COMPANY PROFILE **********/ .contentTabRight { padding: 15px 35px; } .contentTabFull { padding: 15px 35px; } .contentTabRightFull { padding: 15px 35px 60px 35px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /* Estilos para ecrãs de alta resolução */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .messageTopo { display:table-caption;width:60%;margin:0 auto;padding:20px; } .pf-readonly{background-color:#c6c6c6 !important;} .contentTabRight { background:none !important; border:none !important; } .divToolsBottom > div.rightTools > input[type="submit"].submit {border:0; color: #FFF; font:700 10px 'Oxygen', sans-serif; text-transform: uppercase; border-left: 1px solid #474B52; height: 42px; display: table-cell; padding: 14px 30px 14px 60px; /*background: url(../images/icon-savesubmit-edit.png) no-repeat 30px center; */ background: #e14339 url(../images/icon-savesubmit-edit.png) no-repeat 30px center; -webkit-transition: background-color 120ms, color 120ms; -moz-transition: background-color 120ms, color 120ms; -o-transition: background-color 120ms, color 120ms; transition: background-color 120ms, color 120ms;} .divToolsBottom > div.rightTools > input[type="submit"]:hover.submit { background: #e14339 url(../images/icon-savesubmit-edit.png) no-repeat 30px center; } .pf-page-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:100%; } .pf-cols { /*-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; */ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:inherit !important; } .pf-cols-2 { height:inherit !important; } .colRightMain.pf-cols > .contentRightMainHome { background:none; margin:0; } .pf-notification-wrap { /*width:100%;background-color:#f9f965;display:block;overflow:hidden;margin:20px 0;float:left; border-radius:4px;*/ display:none; margin:10px 0 20px 0; } .pf-notification-wrap h3 { /*margin: 0 0 0 20px; color: #e14339; font-weight:bold;*/ } .pf-notification-wrap ul.notification-list { /* list-style-type: none !important; */ } .pf-notification-wrap ul.notification-list li { /* list-style-type: none !important; cursor:pointer; */ } .pf-notifications { display:none; /*color:#FFA500; font-weight:bold;*/ } .section[roles] { /*display:none ;*/ /*visibility: hidden;*/ } .section[roles] { width:100; } .pf-roles-wrap { border-right:1px solid #EEEEEE; border-left:1px solid #EEEEEE; display: table; table-layout: auto; width: 100%; border-bottom:none; padding:20px 0; } .pf-roles-wrap .pf-roles { float:left; margin-left:30px; } .menuWeeeEdit li.pf-tons-wrap, .subMenuEdit ul li.pf-tons-wrap { list-style: none; display: table; margin: 0; width: 100%; position: relative; border-bottom: 1px solid #ECEDF0; cursor:pointer; } .menuWeeeEdit li.pf-tons-wrap:hover a, .subMenuEdit ul li.pf-tons-wrap:hover a { color:#e14339; } .menuWeeeEdit li.pf-tons-wrap a, .subMenuEdit ul li.pf-tons-wrap a { border:none; outline:none; } .menuWeeeEdit li.pf-tons-wrap.active { background: #F5F7FA; } .pf-tons{display: table-cell;position:relative;vertical-align: middle;} .pf-tons div.tons { display: table-cell; float: right; color: #fff; font:700 9px 'Oxygen', sans-serif; border-radius: 100%; background: #91C75E; width: 40px; height: 40px; text-align: center; line-height: 0.5; margin:0 10px 0px 0px; } .pf-tons div.tons > span { display: block; font:700 13px 'Oxygen', sans-serif; margin: 8px 0 0 0; } .pf-tons div.tonsCategories { display: table-cell; float: right; color: #fff; font:700 9px 'Oxygen', sans-serif; border-radius: 100%; background: #91C75E; width: 38px; height: 38px; text-align: center; line-height: 0.5; margin:0 10px 0px 0px; } .pf-tons div.tonsCategories > span { display: block; font:700 13px 'Oxygen', sans-serif; margin: 8px 0 0 0; } .blocoEditInputs > div.body.pf-scroll{max-height:400px;overflow-y:auto;} .pf-cols-maxheight {max-height:800px;overflow-y:auto;} .divToolsBottom.declaration-show > div.rightTools { } .blocoEditInputs > div.body.pf-scroll.no-scroll{overflow-y:hidden;max-height: none;} .pf-tons-wrap a { margin-right: 60px; } .pf-tons { position: absolute; right: 27px; top: 11px; } .declarationCategoriesIcon { position: absolute; right: 0px; top: 7px; } .pf-tons div.tonsCategories { top: -9px; position: relative; } .pf-declaration-message { background-color: #F5F7FA; border: 1px solid #E4E5E8; padding: 5px; padding-left: 20px; padding-right: 20px; float: right; line-height: 28px; margin-top: 10px; margin-bottom:10px; } .news_readmore { display: none; } .news_readmore.active_news { display: block; } .pf-hide { display: none; } .pf-logo-wrap { background-color: #FFF; } .pf-logo { margin-left: 5px; margin-right:5px; float: left; } img.declarationCategoriesWarningIcon { top: 7px; position: absolute !important; right: 0px !important; } .colLeftMain img.declarationCategoriesWarningIcon { right: 7px !important; width: 20px; } /* 29/09/2016 */ .pfCostumContextMenu { margin: 10px 0px 10px 20px; letter-spacing: normal; } #acc_tmp_page{ padding : 0px 0px 0px 5px !important; } #accelerator td{ padding:0; } #acc_tmp_page{ height:35px; border: 1px solid #5b9acb; border-radius: 2px; box-sizing: border-box; padding-left: 5px; padding-right: 5px; } #acc_tmp_page:focus { outline: none; } .accelerator{ margin-left:5px; color:#e14339; } .pfTableList{ width:96%; margin:40px auto; } .pfTableList > ul.body > li{ border-bottom:none; padding : 10px 15px; color:#202549; } @media only screen and (min-width:769px) and (max-width: 1279px) { .divToolsBottom > div.leftTools { display: none; } } /*@media (max-width:1108px) and (min-width:769px) {*/ @media only screen and (min-width:769px) and (max-width: 1108px) { .divToolsBottom > div.rightTools { text-align:right; } .divToolsBottom > div.rightTools > a.submit { background: none; border-left: 1px solid #474b52; color: #fff; display: inline-block; font: 700 10px "Oxygen",sans-serif; height: 40px; padding: 0; text-transform: uppercase; } .divToolsBottom > div.rightTools > a.draft { background: none; border-left: 1px solid #474b52; color: #fff; font: 700 10px "Oxygen",sans-serif; height: 40px; padding: 14px; text-transform: uppercase; float:right; } .divToolsBottom > div.rightTools > a.submit { color: #fff; display: block; font: 700 10px/100% "Oxygen",sans-serif; padding: 14px; text-transform: uppercase; float:right; } .divToolsBottom > div.rightTools > a.submit > span { background: rgba(0, 0, 0, 0) url("../images/icon-savesubmit-edit.png") no-repeat scroll 0 0; display: block; height: 21px; margin: 0 auto 7px; width: 28px; } .divToolsBottom > div.rightTools > a.submit.back { background-image: none; padding: 14px; } .divToolsBottom > div.rightTools > a.draft > span { background: rgba(0, 0, 0, 0) url("../images/icon-savedraft-edit.png") no-repeat scroll 0 0; display: block; height: 20px; margin: 0 auto 7px; width: 27px; } .divToolsBottom > div.rightTools > a.submit:hover, .divToolsBottom > div.rightTools > a.draft:hover { background:none; background-color:#e14339; } } /* one item */ .blocoOpenDeclarations > div.buttons > ul > li:first-child:nth-last-child(1) { width: 100% !important; } /* two items */ .blocoOpenDeclarations > div.buttons > ul > li:first-child:nth-last-child(2), .blocoOpenDeclarations > div.buttons > ul > li:first-child:nth-last-child(2) ~ li { width: 50% !important; } /* three items */ .blocoOpenDeclarations > div.buttons > ul li:first-child:nth-last-child(3), .blocoOpenDeclarations > div.buttons > ul li:first-child:nth-last-child(3) ~ li { width: 33.3333% !important; } /* four items */ .blocoOpenDeclarations > div.buttons > ul li:first-child:nth-last-child(4), .blocoOpenDeclarations > div.buttons > ul li:first-child:nth-last-child(4) ~ li { width: 25% !important; } .blocoOpenDeclarations > div.buttons li:nth-child(1):nth-last-child(1) { width: 100%; } /* two items */ .blocoOpenDeclarations > div.buttons li:nth-child(1):nth-last-child(2), .blocoOpenDeclarations > div.buttons li:nth-child(2):nth-last-child(1) { width: 50%; } /* three items */ .blocoOpenDeclarations > div.buttons li:nth-child(1):nth-last-child(3), .blocoOpenDeclarations > div.buttons li:nth-child(2):nth-last-child(2), .blocoOpenDeclarations > div.buttons li:nth-child(3):nth-last-child(1) { width: 33.3333%; } /* four items */ .blocoOpenDeclarations > div.buttons li:nth-child(1):nth-last-child(4), .blocoOpenDeclarations > div.buttons li:nth-child(2):nth-last-child(3), .blocoOpenDeclarations > div.buttons li:nth-child(3):nth-last-child(2), .blocoOpenDeclarations > div.buttons li:nth-child(4):nth-last-child(1) { width: 25%; } .blocoPreviousDeclarations > div.right > ul > li.editmessage > a > span { background-image: url(../images/icon-reedit.png); } .dhtmlxcalendar_dhx_blue { background: white !important; z-index: 99 !important; height: 187px !important; padding: 14px 10px 14px 8px !important; width: 181px !important; border-bottom: 1px solid #ccc !important; } .dhtmlxcalendar_dhx_blue .entbox { width: 181px !important; } .dhtmlxcalendar_dhx_blue .dxcaldlabel td, .dhtmlxcalendar_dhx_blue .dxcaldays td, .dhtmlxcalendar_dhx_blue .dxcaldays_ie td { height: 22px; } .dhtmlxcalendar_dhx_blue td.thismonth, .dhtmlxcalendar_dhx_blue td.weekend, .dhtmlxcalendar_dhx_blue td.othermonth { border: 1px solid transparent !important; } .dhtmlxcalendar_dhx_blue .month_btn_left, .dhtmlxcalendar_dhx_blue .month_btn_right { width: 10px !important; cursor: pointer; } .declarationButtons { margin: 20px 0 10px 5px; } #noty_center_layout_container .noty_message { /*padding: 0px 10px !important;*/ } #noty_center_layout_container li { list-style-type: none; border: 1px solid #67747E !important; } .pf-tons-wrap a, .pf-tons-wrap span { display: table-cell; background-color: transparent; } .pf-tons-wrap span.pf-addDI { background-color: transparent; vertical-align: middle; width: 15%; } .pf-tons-wrap.active span.pf-addDI { background-color: #efced9 !important; vertical-align: middle; width: 15%; } .pf-tons-wrap span.pf-addDI a.pf-ico-arrow { background: url('../images/ico_seta.png') no-repeat center center; } .pf-tons-wrap span.pf-addDI a.pf-ico-add { padding-left: 43px; /*background: url('../images/icon-add.png') no-repeat center center;*/ } .pf-tons-wrap span.pf-addDI a.pf-ico-remove { background: url('../images/reciclus/ico_delete.png') no-repeat center center; } .pf-tons-wrap span.pf-addDI a.pf-ico-edit { background: url('../images/reciclus/ico_edit.png') no-repeat center center; } .fa { color: #202549; } .fa:hover { color: #e14339; } .pf-modal-details { display: table-cell; vertical-align: middle; text-align: right; padding-right: 6px; } .subMenuEdit.pf-add-detalis-list { margin-right: 0; } .pf-add-detalis-list > ul { width: 100%; } .pf-modals { margin: 0 0 0 5px; } .subMenuEdit.pf-add-detalis-list > ul > li > a { display: table-cell; } .subMenuEdit.pf-add-detalis-list ul li.pf-tons-wrap span.pf-modals-add { display: table-cell; text-align: right; vertical-align: middle; } .subMenuEdit.pf-add-detalis-list ul li.pf-tons-wrap span.pf-modals-add a { display: initial; margin:0 10px 0 0; } #declaration_step_2_uk_weee { display: none; } #impersonate { margin-top: 5px; height: 18px; font-size: 11px; color: black; overflow: hidden !important; width: 135px; border-radius: 20px; background: #595F68; color: white; border: none; } /*FIX Submit buttons on IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .pf-modal-custom-buttons.divToolsBottom > div.rightTools > input[type='button'].submit { display: inline-block; } .divToolsBottom > div.rightTools > input[type='submit'].submit { display: inline-block; } } .blocoEditInputs > div.body > div.inputs > div > input.declaration_input.invalid_equal { color: #8a6d3b; background-color: #ffec88; } .blocoEditInputs > div.body > div.inputs > div > input.declaration_input.invalid_negative { background: #d9edf7; color: #31708f; } .blocoEditInputs > div.body > div.inputs > div > input.declaration_input.invalid_positive { background: #f2dede; color: #a94442; } .blocoEditInputs .reason_container { clear: both; width: 100%; display: none; } .blocoEditInputs .reason_container.active { display: block; } .blocoEditInputs .reason_container label { margin-bottom: 10px; display: block; } .blocoEditInputs .reason_container > .reason_input { display: block; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 22px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px; width: 100%; box-sizing: border-box; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .blocoEditInputs .reason_container > .reason_input.error { border-color: #a94442; background: #f2dede; } #second_step_form { width: 100%; } #second_step_form .pf-page-wrap { letter-spacing: normal; padding-left: 20px; padding-right: 20px; box-sizing: border-box; color: #66727D; font: normal 13px 'Oxygen', sans-serif; line-height: 18px; } #second_step_form .pf-page-wrap .group_items { width: 100%; } #second_step_form .pf-page-wrap .group_name { margin: 0 0 20px 0; color: #e14339; font: 700 20px 'Oxygen', sans-serif; } #second_step_form .pf-page-wrap .section_subtitle, .declaration_packaging_form .section_subtitle { margin: 0 0 20px 0; color: #e14339; font: 700 16px 'Oxygen', sans-serif; } #second_step_form .data_collection_methods_table td { padding: 7px 5px; } #second_step_form .data_collection_methods_table td label { cursor: pointer; } #second_step_form .data_collection_methods_input { display: inline; width: 100%; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 18px 'Oxygen', sans-serif; padding: 8px 12px; box-sizing: border-box; } #second_step_form .pf-page-wrap textarea { resize: none; height: 90px; } #second_step_form .section { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } .noty_bar.noty_type_information { color: #67747E !important; } #noty_center_layout_container li { border-radius: 0px !important; font-family: Oxygen, sans-serif; background: white !important; } .noty_type_error { background-color: #EFF0F3 !important; } .noty_type_error .noty_message { color: #68757E; } .noty_type_info { background-color: #f6f6f6 !important; } .noty_bar { padding: 7px 10px !important; } .noty_buttons { padding-top: 20px !important; } .noty_buttons .btn { border: 0px; color: white; text-transform: uppercase; font-size: 12px; padding: 7px 10px; } .noty_buttons .btn-primary { background-color: #e14339; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; } .noty_buttons .btn-primary:hover, .noty_buttons .btn-primary:active, .noty_buttons .btn-primary:focus { background-color: #e14339; } .noty_buttons .btn-danger { background-color: #66727D; } .noty_buttons .btn-danger:active, .noty_buttons .btn-danger:hover, .noty_buttons .btn-danger:focus { background-color: #59626b; } .declaration_create_user_container { float: right; } .declaration_create_user_container .lead { font-weight: bold; color: #e14339; margin-top: 10px; margin-bottom: 10px; } .declaration_create_user_container label { font-weight: bold; color: #999999; } .declaration_create_user_container input { font: 700 14px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px; background: #FFF; border: 1px solid #E3E4E7; } .pom_summary { width:100%; font-size:10px; border-top:solid 1px grey; border-bottom:solid 1px grey; border-spacing: 0px; table-layout:fixed; } .pom_summary tr:nth-child(odd) { background-color: white; } .pom_summary tr:nth-child(even) { background-color: lightgray; } .pom_summary th { background-color: #66727D; height: 30px; vertical-align: center; text-align: center; font-weight: bold; color: white !important; font-size: 11px !important; } .pom_summary tr th, .pom_summary tr td { padding: 5px 5px; } .divTotaisBottom.backoffice { position: relative; bottom: auto; left: auto; } .declaration_help_text { float: left; line-height: 50px; margin-left: 19px; cursor: pointer; } .declaration_help_text i{ color: #999999; } #declaration_help_text_modal .modal-dialog .modal-content { border-radius: 0px; } .declaration_form_uk .declaration_help_text { color: #999999; font-size: 14px; } .declaration_form_uk .declaration_help_text i { -webkit-transition: color 100ms; -moz-transition: color 100ms; transition: color 100ms; } #declaration_help_text_modal .modal-dialog .modal-content { color: #999999; font-size: 14px; } #declaration_help_text_modal .modal-dialog .modal-header .modal-title { color: #e14339; font: 700 16px 'Oxygen', sans-serif; text-transform: uppercase; } #declaration_help_text_modal .modal-dialog .modal-footer .btn { background-color: #66727D; border: 0px; color: white; text-transform: uppercase; font-size: 12px; padding: 7px 10px; -webkit-transition: background-color 100ms; -moz-transition: background-color 100ms; transition: background-color 100ms; font-weight: bold; } #declaration_help_text_modal .modal-dialog .modal-footer .btn:hover { background-color: #e14339; } .declaration_form_uk .topoMain > div.left { padding: 0 18px 0 18px; } .declaration_form_uk .container-box, .declaration_packaging_page .container-box { background-color: #F5F7FA; border: 1px solid #E4E5E8; padding: 5px 20px 20px 20px; line-height: 28px; margin-top: 10px; margin-bottom: 5px; box-sizing: border-box; } .declaration_form_uk #zero_declaration_reason_block { width: 100%; } .declaration_form_uk #zero_declaration_reason_block.visible { display: block; } .declaration_form_uk #zero_declaration_reason_block textarea { resize: none; display: inline; width: 100%; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 18px 'Oxygen', sans-serif; padding: 8px 12px; box-sizing: border-box; color: #66727D; } .table_validation { margin: 0 40px; } .table_validation_body_first { padding: 10px; min-width: 150px; } .table_validation_header { color: #e14339; } .table_validation_body{ background-color: #F5F7FA; color: #999999; } .table_validation_body_first { padding: 10px; } .validation_input { border: 1px solid #E3E4E7; } .declaration_packaging_page { width: 100%; } .declaration_packaging_page .main_container { background-color: #F5F7FA; border: 1px solid #E4E5E8; padding: 20px 20px 20px 20px; line-height: 28px; margin-top: 10px; margin-bottom: 5px; box-sizing: border-box; margin-left: auto; margin-right: auto; width: 70%; } .declaration_packaging_page .declaration_packaging_simple_table { width: 100%; } .declaration_packaging_page .declaration_packaging_simple_table td { padding: 5px 7px; } .declaration_packaging_page .declaration_packaging_simple_table .form_label { color: #66727D; font: 700 12px 'Oxygen', sans-serif; } .declaration_packaging_page .declaration_packaging_simple_table input, .declaration_packaging_page .declaration_packaging_simple_table select { display: block; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 16px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px; width: 100%; box-sizing: border-box; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .declaration_packaging_page .declaration_packaging_simple_table input[disabled], .declaration_packaging_page .declaration_packaging_simple_table input[disabled][readonly] { background-color: #eee; opacity: 1; cursor: not-allowed; } .declaration_packaging_page .declaration_packaging_simple_table .error_message { color: #a94442; top: 5px; position: relative; clear: both; font-size: 12px; padding-left: 15px; width: 100%; background: #f2dede; display: block; box-sizing: border-box; } .declaration_packaging_page { padding-left: 20px; padding-right: 20px; box-sizing: border-box; color: #66727D; font-family: 'Oxygen', sans-serif; font-size: 14px; } .declaration_packaging_page .declaration_packaging_form { width: 100%; } .declaration_packaging_page .declaration_packaging_form *{ letter-spacing: normal; } .declaration_packaging_page .declaration_packaging_form .pom_summary { margin-bottom: 30px; font-family: 'Oxygen', sans-serif; font-size: 12px; } .declaration_packaging_page .declaration_packaging_form .pom_summary th, .declaration_packaging_page .declaration_packaging_form .pom_summary td { padding: 10px 10px; } .declaration_packaging_page .declaration_packaging_form .container-box { padding-bottom: 5px; } .declaration_packaging_page .declaration_packaging_form .container-box a { color: #e14339; font-weight: bold; } .declaration_packaging_form { letter-spacing: 0; width: 100%; padding: 0px 20px; margin: 0 auto; } .declaration_packaging_form .table_packaging { margin-top: 30px; width: 100%; font: 700 14px 'Oxygen', sans-serif; border-collapse: collapse; border-spacing: 0; } .declaration_packaging_form .table_packaging.small { width: 60%; } .declaration_packaging_form .table_packaging .first_column_fixed_width { width: 300px; } .declaration_packaging_form .table_packaging th, .declaration_packaging_form .table_packaging td { padding: 10px 12px; font-family: 'Oxygen', sans-serif; border: 1px solid #efefef; } .declaration_packaging_form .table_packaging th { background-color: #e14339; height: 25px; vertical-align: middle; text-align: center; font-weight: normal; color: white !important; font-size: 13px !important; white-space: nowrap; } .declaration_packaging_form .table_packaging .lighter { background-color: #e7e7e7; color: #202549 !important; } .declaration_packaging_form .table_packaging td { /*border-bottom: 1px solid #cccccc;*/ font-size: 13px !important; font-weight: normal; } .declaration_packaging_form .table_packaging .packaging_input_container { display:inline-block; /* width: 40%; */ } .declaration_packaging_form .table_packaging .packaging_input_container label { display: block; margin-bottom: 5px; } .declaration_packaging_form .table_packaging .packaging_input_container .packaging_input { display: inline-block; width: 95px; text-align: right; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 12px 'Oxygen', sans-serif; color: #66737E; padding: 8px 8px; box-sizing: border-box; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .declaration_packaging_form .table_packaging .packaging_input_container input[disabled], .declaration_packaging_form .table_packaging .packaging_input_container input[disabled][readonly], .declaration_packaging_form .table_packaging .packaging_input_container textarea[disabled], .declaration_packaging_form .table_packaging .packaging_input_container textarea[disabled][readonly], .declaration_packaging_form select[disabled], .declaration_packaging_form select[disabled][readonly] { background-color: #eee; opacity: 1; cursor: not-allowed; } .declaration_packaging_page .declaration_packaging_form .section { padding: 10px 12px; } .declaration_packaging_page .declaration_packaging_form td { padding: 7px 5px; } .declaration_packaging_page .declaration_packaging_form td label { cursor: pointer; } .declaration_packaging_page .declaration_packaging_form .data_collection_methods_input { display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 18px 'Oxygen', sans-serif; padding: 8px 12px; box-sizing: border-box; } .declaration_packaging_page .declaration_packaging_form .section textarea, .declaration_packaging_page .declaration_packaging_form .section input[type=text] { width: 100%; resize: none; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 14px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px; box-sizing: border-box; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .declaration_packaging_page .declaration_packaging_form .section label { padding-left: 10px; top: -2px; position: relative; } .declaration_packaging_page .packaging_buttons_container { margin-left: auto; margin-right: auto; padding: 40px 60px; font: 700 14px 'Oxygen', sans-serif; } .declaration_packaging_page .declaration_submitted_container { margin-left: auto; margin-right: auto; width: 60%; padding: 60px; text-align: center; font: 700 14px 'Oxygen', sans-serif; } .declaration_packaging_page .packaging_buttons_container p { margin-top: 0px; } .declaration_packaging_page .packaging_buttons_bottom { text-align: center; margin-top: 20px; font: 700 14px 'Oxygen', sans-serif; } .declaration_packaging_page .packaging_buttons_bottom a.btn { display: inline-block; background-color: #66727D; color: white; padding: 7px 30px; transition: background-color 250ms; -webkit-transition: background-color 250ms; margin-left: 5px; margin-right: 5px; } .declaration_packaging_page .packaging_buttons_bottom a.btn:hover { text-decoration: none; background-color: #e14339; } .declaration_notice { padding: 10px 20px; background: #eeeeee;; border: 1px solid #cac8c8; color: #e14339; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .float-right { float: right !important; } .hidden { display: none; } .margin_top_30 { margin-top: 30px; } input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .declaration_packaging_page .divToolsBottom .rightTools { text-align: right; background: #565C65; } .declaration_packaging_page .divToolsBottom .rightTools a { float: none !important; display: inline-block !important; } @media only screen and (max-width: 1279px) and (min-width: 769px) { .declaration_packaging_page .divToolsBottom > div.leftTools, .declaration_packaging_page .divToolsBottom > div.centerTools { display: none; } } @media only screen and (max-width: 1108px) and (min-width: 769px) { .divToolsBottom > div.leftTools { display: none; } .declaration_packaging_page .divToolsBottom > div.rightTools { width: 100%; box-sizing: border-box; } .declaration_packaging_page .divToolsBottom > div.rightTools > a span { display: none; } .declaration_packaging_page .divToolsBottom > div.rightTools > a { height: auto; padding: 20px 14px !important; } } .company_name { margin-bottom: 10px; font-size: 17px; border-top: 1px solid white; background: #c5c5c5; width: 100%; color: white; } .company_name > span { margin-left: 10px; } .declaration_packaging_form .declaration-box { padding: 15px 20px; background: #eeeeee; border: 1px solid #cac8c8; color: #5b9acb; } .declaration_packaging_form .declaration-box label { font: 700 15px 'Oxygen', sans-serif; display: inline-block; margin-right: 20px; color:#202549; } .declaration_packaging_form .declaration-box select { display: inline-block; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 700 12px 'Oxygen', sans-serif; color: #66737E; padding: 8px 8px; box-sizing: border-box; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .baloontip { display: none; } #pagination_top_wrap { width: 100%; } .pagination_test { float: right; padding: 0px 30px !important; } .simple-pagination li a, .simple-pagination li span { letter-spacing: initial !important; } .topoMain > div.left > h2 { color: #000000; } .topoMain > div.left > h2 .title_company_name { color: #dc3900; } .declaration_packaging_form .table_packaging .fixed_with { width: 200px; } .declaration_packaging_form .table_packaging .fixed_with_small { width: 165px; } .pf-logo-wrap { border-bottom: 5px solid #dc3900; width: 236px; margin-top: -1px; } .pf-logo-wrap .pf-logo { padding: 12px 12px; margin-top: 0px; margin-bottom: 0px; } .pf-logo img { transition: transform .35s ease; transform: scale(0.80); } .pf-logo img:hover { transform: scale(0.90); } .contentTab .dataPreviousDeclarations { line-height: 28px; } .help_text_prodex_erppt ul li span{ font-size: 10px; color: #313235; } .table_packaging .icon-container { padding-left: 5px; cursor: pointer; } .table_packaging .icon-container { position: relative; display: inline-block; top: -11px; } .table_packaging .icon-container .fa { position: absolute; left: 5px; top: 0; } .table_packaging .icon-container .fa-plus-circle { display: none; } .table_packaging .sub-categories-message { font-size: 11px; } .table_packaging .icon-container .fa-minus-circle { display: block; } .table_packaging .icon-container.collapsed .fa-plus-circle { display: block; } .table_packaging .icon-container.collapsed .fa-minus-circle { display: none; } .nv-hidden { display: none; } .declaration_packaging_overview { letter-spacing: 0; width: 100%; padding: 0px 20px; margin: 0 auto; } .declaration_overview label { font-weight: 600; } .declaration_overview .declaration_value { height: 25px; } .blocoPreviousDeclarationsContainer .panel-archive .panel-title, .blocoOpenDeclarations .panel-archive .panel-title { margin-top: 0; margin-bottom: 0; } .blocoPreviousDeclarationsContainer .panel-archive .panel-title .accordion-toggle, .blocoOpenDeclarations .panel-archive .panel-title .accordion-toggle { margin-top: 0; background: #EFF0F3; padding: 7px; box-sizing: border-box; color: #91A4B2; font: 700 11px 'Oxygen', sans-serif; display: block; transition: all 0.3s ease; text-decoration: none; } .blocoPreviousDeclarationsContainer .panel-archive .panel-title .accordion-toggle:hover, .blocoPreviousDeclarationsContainer .panel-archive .panel-title .accordion-toggle:focus, .blocoPreviousDeclarationsContainer .panel-archive .panel-title .accordion-toggle:active, .blocoOpenDeclarations .panel-archive .panel-title .accordion-toggle:hover, .blocoOpenDeclarations .panel-archive .panel-title .accordion-toggle:focus, .blocoOpenDeclarations .panel-archive .panel-title .accordion-toggle:active { text-decoration: none; background: #202549; color: white; } .panel-archive .panel-body .blocoPreviousDeclarations { margin-top: 0; } .panel-archive .panel-body .blocoPreviousDeclarations .title { font: 700 12px 'Oxygen', sans-serif; } .blocoPreviousDeclarations .subtitle { font: 700 10px 'Oxygen', sans-serif !important; } .blocoPreviousDeclarationsContainer { margin-top: 10px; } .blocoPreviousDeclarations {margin: 0px 0 0 0; } .pfCostumContextMenu a.pfCostumContextMenuBtn { background-color: #01b050; -webkit-transition: all 200ms; border: 1px solid #01b050; border-radius: 3px; color: #212549; display: inline-block; font: 700 15px "Oxygen",sans-serif; max-width: 260px; padding: 10px !important; text-transform: uppercase; } .pfCostumContextMenu a.pfCostumContextMenuBtn:hover { background: #E7E7E7; border: 1px solid #212549; text-decoration: none; } .declaration_packaging_form .help_text_prodex_erppt_overview { font-size: 11px; margin-left: 10px; } .po_modal_css { display: table !important; width: 99%; } /*.inputs_filter { display: inline; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; font: 500 15px 'Oxygen', sans-serif; color: #66737E; padding: 8px 12px 8px 12px; box-sizing: border-box; }*/ .datepicker-dropdown { top: 252px; left: 105.563px; z-index: 1000; position: absolute; padding: 5px; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); list-style: none; min-width: 160px; display: block; } .dashboard { margin-top: -80px; } .dashboard .declaration_period_totals { margin-top: 10px; } .dashboard .declaration_period_totals p { margin-top: 5px; margin-left: 20px; } .dashboard .declaration_period_totals a { color: #66727D; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; transition: color 200ms linear; } .dashboard a.pfCustomContextMenuBtn, .dashboard a.pfCustomContextMenuBtn i { color: white !important; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; transition: color 200ms linear; } .dashboard a.pfCustomContextMenuBtn:hover, .dashboard a.pfCustomContextMenuBtn:hover i { color: lightgrey !important; } .dashboard .declaration_period_totals a:hover { color: #337ab7; text-decoration: none; } .dashboard .square { width: 14px; height: 14px; display: inline-block; margin-right: 5px; position: relative; top: 2px; } .dashboard .red { background-color: rgb(255, 99, 132); } .dashboard .red-light { background-color: rgba(255, 99, 132, 0.2); } .dashboard .orange { background-color: rgb(255, 159, 64); } .dashboard .orange-light { background-color: rgba(255, 159, 64, 0.2); } .dashboard .yellow { background-color: rgb(255, 205, 86); } .dashboard .yellow-light { background-color: rgba(255, 205, 86, 0.2); } .dashboard .green { background-color: rgb(75, 192, 192); } .dashboard .green-light { background-color: rgba(75, 192, 192, 0.2); } .dashboard .blue { background-color: rgb(54, 162, 235); } .dashboard .blue-light { background-color: rgba(54, 162, 235, 0.2); } .dashboard .purple { background-color: rgb(153, 102, 255); } .dashboard .purple-light { background-color: rgba(153, 102, 255, 0.2); } .dashboard .grey { background-color: rgb(201, 203, 207); } .dashboard .grey-light { background-color: rgba(201, 203, 207, 0.2); } table.invoice_payments .year { padding-left: 60px; padding-right: 60px; } table.invoice_payments td, table.invoice_payments th { padding: 10px 15px; bordeR: 1px solid lightgray; } table.invoice_payments td.number { text-align: center; } table.invoice_payments td.money { text-align: right; } table.invoice_payments_label td { padding: 7px 15px; bordeR: 1px solid lightgray; } table.invoice_payments_label .color { width: 50px; } .accounting_new { width: 100%; margin: auto; min-height: 133px !important; } .accounting_new .form-group .label{ float: left; padding-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(93,93,93); font-weight: normal; } .accounting_new .form-group input, .accounting_new .form-group select { border: 1px solid #d0d0d0; padding: 9px 8px; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); width: 100%; color: rgb(93,93,93); } .accounting_new .buttons-container div { display: inline-block; margin-right: 10px; } .accounting_new .buttons-container button { background-color: rgb(93,93,93); padding: 9px 8px; width: 100%; color: rgb(255, 255, 255); margin-top: 23px; } .accounting_new .selectize-control { border:0px; } .accounting_new #form-group-company-name { width: 100%; float: initial !important; } .accounting_new .date_filter { width: 110px !important; float: initial !important; } .accounting_new #form_dates { width: 40% !important; } .accounting_new_table.pfTableList > ul.body > li > a { font-size: 13px; font-weight: normal; white-space: nowrap; padding: 15px 0px; color: #e14339; } .accounting_new_table.pfTableList > ul.body > li > a:hover { color: #e14339; text-decoration: none; } .overview_table_container { border: 1px solid lightgray; padding: 10px 20px; margin-bottom: 20px; margin-top: 20px; overflow-y: auto; } .declaration_table { font-size: 12px; padding-left: 20px; padding-right: 20px; } .declaration_table .form-control { width: 125px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: 30px; text-align: right; } .declaration_table .error-container td { /*padding: 0;*/ } .text-tab{ padding-left: 30px!important; width: 80%; font-size: 15px; } /* .hiddenmenu{ display: none!important; } */ @media (min-width: 768px) and (orientation: landscape) { .hiddenmenu{ display: none!important; } } .resume { overflow: hidden; } .iframe-resume { width: 99%; /*height: 500px;*/ overflow: hidden; border: 0; } #declarationButtonsContext { /*margin: -10px 0px 30px 300px !important;*/ margin: -10px 0px 30px 62em !important; padding: 5px; } .chatButtonLeft { width: 150px; height: 45px; float: left; background-color: #eeeeee; padding: 10px; border-bottom-left-radius: 12px; } .chatButtonRight { margin-left: 150px; width: 120px; height: 45px; background-color: #eeeeee; color: #37374a; font: bold 75% Verdana,sans-serif; padding: 10px; border-bottom-right-radius: 12px; } .chatButton { clear: both; width: 275px; background-color:#5da727; border-top-left-radius: 12px; border-top-right-radius: 12px; color: #ffffff; font: bold 80% Verdana,sans-serif; padding: 7px; } .chatButtonText { text-align: right; float:right; padding-top:5px; }