PORTARIA SEFAZ Nº 341, DE 11 DE MAIO DE 2022

PORTARIA SEFAZ Nº 341/2022/GABSEC, DE 11/05/2022.Altera o Anexo I da Portaria Sefaz nº 651/2012, de 14de junho de 2012.O SECRETÁRIO DA FAZENDA, no uso da atribuição que lheconfere o art. 42, §1o, inciso II, da Constituição do Estado, e nos termosdo Processo nº 2021/6860/502285;RESOLVE:Art. 1º Fica acrescentado o item 41 ao Anexo I da PortariaSEFAZ Nº 651/2012, de 14 de junho de 2012, com a seguinte redação:Nº INSC. EST. CNPJ RAZÃO SOCIAL NOME DEFANTASIA MUNICÍPIO41 29.510.252-7 48.740.351/0155-10BRASPRESSTRANSPORTESURGENTES LTDA.BRASPRESSTRANSPORTESURGENTES LTDA.GURUPIArt. 2º Esta Portaria entra em vigor na data de sua publicação.JÚLIO EDSTRON SECUNDINO SANTOSSecretário de Fazenda<style>:focus-visible { outline: rgb(0, 102, 255) solid 4px !important; } .sr-only { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } html { font-size: 100% !important; } body.portal { overflow-x: hidden; font-size: 1rem !important; background-color: rgb(249, 249, 249) !important; } [vw] [vw-access-button] .access-button { border: 2px solid white; border-radius: 14px; } html, body, form, button, input, optgroup, select, textarea { -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif !important; } html, body { color: rgb(51, 51, 51); height: 100%; } html h1, body h1 { margin-top: 0px; font-size: 2.488rem; } html h2, body h2 { font-size: 2.074rem; } html h3, body h3 { font-size: 1.728rem; } html h4, body h4 { font-size: 1.44rem; } html h5, body h5 { font-size: 1.2rem; } @media screen and (max-width: 600px) { html h1, body h1 { font-size: 3rem; } html h2, body h2 { font-size: 1.563rem; } html h3, body h3 { font-size: 1.438rem; } html h4, body h4 { font-size: 1.313rem; } html h5, body h5 { font-size: 1.188rem; } html h6, body h6 { font-size: 1.063rem; }} html a, body a { color: rgb(51, 51, 51); } html a:hover, body a:hover { opacity: 0.8; } .btn-ghost { border: 1px solid rgb(51, 51, 51); border-radius: 4px; padding: 10px 15px; font-size: 1.15rem; } header { height: fit-content; color: rgb(255, 255, 255); width: 100%; background: rgb(46, 48, 146); top: 0px; right: 0px; z-index: 2; position: relative; padding: 5px 10px; } header .header-container { width: 100%; margin: 0px auto; height: 100%; position: relative; z-index: 50; max-width: 1640px !important; } header .form-columns { display: inline-flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%; gap: 16px; } header .form-columns::after { content: none !important; } @media screen and (max-width: 600px) { header .form-columns { flex-direction: column; }} header a { color: rgb(255, 255, 255); } header a i { font-size: 3rem !important; } header .logo-gov { height: 70px; } header .logo-gov img { height: 100%; } @media screen and (max-width: 800px) { header .logo-gov { height: 90px; padding: 10px 0px; }} header .site-title { font-size: 2.5rem; font-weight: 500; } @media screen and (max-width: 600px) { header .site-title { font-size: 1.9rem; line-height: 2.2rem; } header .menu-btn { justify-content: center; } header .menu-btn a { border-right: 0px !important; }} @media screen and (max-width: 1060px) { header .govnav { grid-template-rows: 1fr auto; grid-template-columns: 60px auto 120px !important; height: 100% !important; } header .govnav-orgao { grid-area: 1 / 1 / 2 / 4; text-align: center; display: inline-block !important; } header .govnav .search { grid-area: 2 / 1 / 3 / 2; } header .govnav .menu-btn { grid-area: 2 / 3 / 3 / 4; }} header .govnav { display: grid; grid-template-columns: auto 60px 120px; align-items: center; height: 100%; z-index: 3; width: 100%; } header .govnav-orgao { justify-content: flex-start; font-weight: 500; height: 50px; display: inline-flex; align-items: center; width: fit-content; } header .menu-btn, header .search { display: flex; align-items: center; height: 50px; } header .menu-btn a, header .search a { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; text-transform: uppercase; font-size: 12px; } header .menu-btn a i, header .search a i { font-size: 32px !important; } header .search-btn { width: 60px; flex-direction: column; } header .search-btn:hover, header .search-btn:focus-visible { background: rgb(40, 42, 127); } header .search-btn i { padding-top: 8px; line-height: 20px; } header .menu-btn { width: 120px; background: rgb(254, 195, 11); } header .menu-btn.show-menu a::before { transform: translateY(0px); opacity: 1; } header .menu-btn:hover, header .menu-btn:focus-visible { background: rgb(254, 207, 62); } header .menu-btn a { position: relative; transition: all 0.3s ease-in-out 0s; color: rgb(46, 48, 146); } header .menu-btn a:hover, header .menu-btn a:focus-visible { opacity: 1; } header .menu { position: absolute; width: 100vw; max-width: 700px; height: auto; max-height: 0px; top: 55px; right: 0px; background: rgb(34, 35, 107); color: rgb(255, 255, 255); overflow: hidden auto; z-index: 6; display: flex; justify-content: center; pointer-events: none; opacity: 1; transition: all 0.3s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px; visibility: hidden; } header .menu * { user-select: none; } header .menu.show-menu { animation: 0.3s ease 0s 1 normal forwards running showmenu; pointer-events: all; visibility: visible; max-height: calc(100vh - 200px) !important; } @media screen and (max-width: 600px) { header .menu.show-menu { max-height: calc(100vh - 250px); }} header .menu a { text-transform: uppercase; } header .menu a::before, header .menu a:focus-visible { text-transform: initial !important; } header .menu a:hover, header .menu a:focus-visible { opacity: 1 !important; } header .menu #site-menu { width: 100%; max-width: 1364px; height: auto; max-height: calc(100vh - 200px); } @media screen and (max-width: 600px) { header .menu #site-menu { max-height: calc(100vh - 250px); }} header .menu #site-menu a { color: rgb(255, 255, 255); font-size: 1.125rem; border-right: 0px; } header .menu #site-menu .menu-content { float: left; width: 100%; transition: height 0.3s ease-in-out 0s; position: relative; } header .menu #site-menu .banner-menu { width: 100%; } header .menu #site-menu .banner-menu a { float: left; width: 100%; background: rgb(239, 181, 1); } header .menu #site-menu .banner-menu img { float: left; width: 100%; } header .menu #site-menu .banner-menu img:hover { opacity: 0.9; } header .menu #site-menu .main-menu { margin: 0px; float: left; width: 100%; height: 100%; max-width: 1364px; font-size: 18px; } header .menu #site-menu .main-menu li.has-children .submenu-header { color: rgb(51, 51, 51); font-weight: 500; height: 50px; width: 100%; display: grid; grid-template-columns: auto 50px; } header .menu #site-menu .main-menu li.has-children .submenu-header a { height: 50px; } header .menu #site-menu .main-menu li.has-children .submenu-header a.submenu-accordion-switch { display: inline-flex; justify-content: center; align-items: center; color: rgb(254, 195, 11); position: relative; } header .menu #site-menu .main-menu li.has-children .submenu-header a.submenu-accordion-switch:hover { color: rgb(51, 51, 51); } header .menu #site-menu .main-menu li.has-children .submenu-header a.submenu-accordion-switch::before { content: ""; width: 1px; height: 36px; position: absolute; background: rgba(255, 255, 255, 0.2); top: 10px; left: 0px; } header .menu #site-menu .main-menu li.has-children.show-submenu { height: auto !important; } header .menu #site-menu .main-menu li.has-children.show-submenu .children-content { opacity: 1 !important; visibility: visible !important; height: 100% !important; background: rgb(254, 207, 62) !important; } header .menu #site-menu .main-menu li.has-children:hover .children-content, header .menu #site-menu .main-menu li.has-children:focus-visible .children-content { background: rgb(254, 207, 62) !important; } header .menu #site-menu .main-menu li.has-children:hover > a, header .menu #site-menu .main-menu li.has-children:focus-visible > a { color: rgb(51, 51, 51); background: rgb(254, 195, 11); } header .menu #site-menu .main-menu li.has-children:hover > a::before, header .menu #site-menu .main-menu li.has-children:focus-visible > a::before { color: rgb(51, 51, 51); } header .menu #site-menu .main-menu li.has-children > a { position: relative; } header .menu #site-menu .main-menu > li { width: 100%; height: 50px; } header .menu #site-menu .main-menu > li a { float: left; width: 100%; height: 100%; padding: 16px; } header .menu #site-menu .main-menu > li a:hover { color: rgb(51, 51, 51); font-weight: 500; background: rgb(239, 181, 1); } header .menu #site-menu .main-menu > li .children-content { background: rgb(255, 255, 255); width: 100%; float: left; overflow: hidden auto; height: 0px; padding: 0px 15px; opacity: 0; visibility: hidden; z-index: 1; } header .menu #site-menu .main-menu > li .children-content .submenu-title { font-weight: 500; position: relative; font-size: 18px; float: left; width: 100%; background: rgba(255, 255, 255, 0.1); } header .menu #site-menu .main-menu > li .children-content .submenu-title a { color: rgb(51, 51, 51); } header .menu #site-menu .main-menu > li .children-content > ul { column-count: 2; float: left; width: 100%; } header .menu #site-menu .main-menu > li .children-content > ul li { float: left; width: 100%; font-weight: 500; break-inside: avoid-column; } header .menu #site-menu .main-menu > li .children-content > ul li a { color: rgb(51, 51, 51); float: left; } header .menu #site-menu .main-menu > li .children-content > ul li.has-children { padding-bottom: 15px; } header .menu #site-menu .main-menu > li .children-content > ul li.has-children a::before { transform: rotate(90deg); color: rgb(51, 51, 51) !important; } header .menu #site-menu .main-menu > li .children-content > ul li.has-children ul { float: left; width: calc(100% - 10px); background: rgb(254, 220, 113); margin-left: 10px; } header .menu #site-menu .main-menu > li .children-content > ul li.has-children ul li { float: left; width: 100%; font-weight: 400 !important; } header .menu #site-menu .main-menu > li .children-content > ul li.has-children ul li a:hover { background: rgb(255, 232, 163) !important; } @media screen and (max-width: 600px) { header .menu #site-menu .main-menu .show-submenu > a { background: rgb(239, 181, 1) !important; } header .menu #site-menu .main-menu .children-content { background: rgb(255, 255, 255) !important; } header .menu #site-menu .main-menu .children-content ul { column-count: 1 !important; }} @media screen and (max-width: 800px) { header .menu #site-menu .main-menu { width: 100%; border-right: 0px; padding-bottom: 10px; min-height: auto !important; }} header .search { height: 50px; width: 60px; margin-right: 5px; } header .search a { color: rgb(255, 255, 255); width: 100%; justify-content: center; } header .search a:hover, header .search a:focus-visible { opacity: 1; } header .search a:hover i, header .search a:focus-visible i { text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 10px; } header .search-box { position: absolute; width: 100vw; height: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px; background: rgb(255, 255, 255); z-index: 40; visibility: hidden; top: 100%; left: 0px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(-50px); transition: all 0.3s ease-in-out 0s; } header .search-box .search-box-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; width: 100vw; height: 100vh; top: 100%; left: 0px; z-index: 39; } header .search-box .close-search-box { color: rgb(51, 51, 51); position: absolute; right: 22px; top: 20px; cursor: pointer; } header .search-box .close-search-box i { font-size: 30px; } header .search-box.show-search-box { transform: translateY(0%); opacity: 1; visibility: visible; } header .search-box .search-content { width: 100%; max-width: 1170px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; padding: 2rem; } header .search-box .search-content .form-group label { font-weight: 500; } @media screen and (max-width: 600px) { header .search-box .search-content .search-field-box { grid-template-columns: calc(100% - 50px) 50px !important; } header .search-box .search-content h5.search-header { font-size: 3rem !important; } header .search-box .search-content form { width: 95% !important; } header .search-box .search-content form .search-field-box, header .search-box .search-content form .search-submit { height: 46px !important; } header .search-box .search-content form #search-input { font-size: 2rem !important; height: 46px !important; } header .search-box .search-content .close-search-box { top: 20px; right: 10px; }} header .search-box .search-content h5.search-header { float: left; width: 100%; font-size: 5rem; font-weight: 700; margin-bottom: 30px; color: rgb(0, 0, 0); } header .search-box .search-content .search-tabs { justify-content: center; width: 100%; max-width: 800px; display: flex; margin-left: -20px; margin-bottom: 20px; } @media screen and (max-width: 600px) { header .search-box .search-content .search-tabs { flex-direction: column; gap: 16px; padding: 0px 32px; }} header .search-box .search-content .search-tabs label { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); padding: 5px 15px; border-radius: 20px; display: inline-flex; justify-content: center; align-items: center; margin-left: 20px; width: auto; color: rgb(0, 0, 0) !important; } header .search-box .search-content .search-tabs label i { margin-right: 5px; font-size: 1.4rem !important; } header .search-box .search-content .search-tabs label.checked { background: rgb(254, 195, 11) !important; } header .search-box .search-content .search-tabs label input:focus-visible + span { outline: rgb(30, 112, 220) solid 4px; } header .search-box .search-content label { font-size: 16px; float: left; width: 100%; } header .search-box .search-content form { width: 100%; display: grid; grid-template-columns: 100%; grid-template-rows: 70px 70px 46px; gap: 10px 16px; text-align: left !important; max-width: 600px !important; } header .search-box .search-content form input[type="search"] { border: 2px solid rgb(254, 195, 11) !important; } header .search-box .search-content form .btn-wrapper { display: inline-flex; justify-content: center; } header .search-box .search-content form .form-field { width: 100%; } @media screen and (max-width: 600px) { header .search-box .search-content form { grid-template-rows: repeat(3, auto); } header .search-box .search-content form .form-group:nth-of-type(1) { grid-row: 1 / auto !important; } header .search-box .search-content form .form-group:nth-of-type(2) { grid-row: 2 / auto !important; } header .search-box .search-content form .btn-wrapper { grid-row: 3 / auto !important; }} header .search-box .search-content form#formpordocumento { grid-template-columns: 70% 30%; } @media screen and (max-width: 600px) { header .search-box .search-content form#formpordocumento { grid-template-columns: 100% !important; }} header .search-box .search-content form#formpordocumento .btn-wrapper { grid-column: 1 / 3; } header .search-box .search-content form button.search-submit { float: right; background: rgb(254, 195, 11); color: rgb(0, 0, 0); border: 0px; border-radius: 4px; padding: 5px 10px; height: 46px; display: inline-flex; justify-content: center; align-items: center; } header .search-box .search-content form .select-wrapper { background: none !important; } header .search-box .search-content form .select-wrapper input.select-dropdown.dropdown-trigger { background: rgb(255, 255, 255) !important; } .breadcrumbs-to { width: 100%; height: 50px; border-bottom: 1px solid rgb(204, 204, 204); overflow: hidden; } @media screen and (max-width: 600px) { .breadcrumbs-to { padding: 0px 10px; font-size: 13px; height: 30px; border-bottom: 0px; } .breadcrumbs-to ul { height: 30px !important; } .breadcrumbs-to ul li { padding-left: 30px !important; display: none !important; } .breadcrumbs-to ul li:nth-last-of-type(2) { display: flex !important; } .breadcrumbs-to ul li::before { color: rgb(102, 102, 102); height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; font-size: 20px !important; line-height: 30px !important; width: 20px !important; content: "chevron_left" !important; }} .breadcrumbs-to ul { margin: 0px; display: inline-flex; align-items: center; height: 50px; position: relative; width: 100%; overflow: hidden; } .breadcrumbs-to ul::after { position: absolute; content: ""; height: 100%; width: 30px; top: 0px; right: -10px; background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 40%); } .breadcrumbs-to ul li { position: relative; padding-left: 30px; height: 100%; display: flex; align-items: center; white-space: nowrap; } .breadcrumbs-to ul li:not(:first-of-type)::before { content: "chevron_right"; font-family: "Material Icons"; font-size: 24px; color: rgb(102, 102, 102); width: 30px; height: 100%; position: absolute; left: 0px; top: 0px; line-height: 50px; text-align: center; } .breadcrumbs-to ul li:first-of-type { padding-left: 0px; } .breadcrumbs-to ul li a { color: rgb(46, 48, 146); } .breadcrumbs-to ul li a:hover { opacity: 1; text-decoration: underline; } .breadcrumbs-to ul li a[href^="#"] { color: rgb(102, 102, 102); } .breadcrumbs-to ul li a[href^="#"]:hover { text-decoration: none; cursor: text; } .categoria-news { font-weight: 500; display: inline-block; width: 100%; font-size: 1rem; color: rgb(30, 112, 220) !important; text-transform: uppercase !important; } @media only screen and (min-width: 1280px) { body.portal .container { width: 100% !important; max-width: 1364px !important; }} @media screen and (max-width: 600px) { .container { padding: 0px !important; } section.topnews { padding-left: 0px !important; padding-right: 0px !important; }} section.top-news { color: rgb(255, 255, 255); float: left; width: 100%; padding: 25px 10px 40px; position: relative; overflow-x: hidden; z-index: 1; } @media screen and (max-width: 600px) { section.top-news .row .container .col.s12.m6 { padding: 0px !important; } section.top-news .mainnews.news1 { height: auto !important; } section.top-news .mainnews.news1 a { display: flex; flex-direction: column-reverse; height: auto; } section.top-news .mainnews.news1 a::after { opacity: 0 !important; } section.top-news .mainnews.news1 .headline { float: left; width: 100%; margin-bottom: 5px; margin-top: 50px; color: rgb(51, 51, 51) !important; position: relative !important; padding: 0px !important; font-size: 1.9rem !important; line-height: 150% !important; } section.top-news .mainnews.news1 .headline::before { left: 0px !important; } section.top-news .mainnews.news1 .blurb { display: none; } section.top-news .mainnews img { position: relative; height: 200px !important; }} @media screen and (min-width: 600px) and (max-width: 800px) { section.top-news .headline { font-size: 2rem !important; line-height: 150% !important; } section.top-news .headline .blurb { font-size: 1.05rem !important; }} section.top-news h1 { font-size: 2.5rem; font-weight: 500; color: rgb(255, 255, 255) !important; } @media screen and (max-width: 600px) { section.top-news h1 { font-size: 1.5rem; }} section.top-news h2 { font-weight: 300 !important; } section.top-news img { object-fit: cover; width: 100%; float: left; height: 100%; border-radius: 4px; position: relative; } section.top-news .mainnews { position: relative; } section.top-news .mainnews.news1 { margin: 0px auto 30px; max-width: 1245px; width: 100%; height: 570px; border-radius: 4px; } section.top-news .mainnews.news1 a { float: left; width: 100%; height: 100%; } section.top-news .mainnews.news1 a:hover { opacity: 1; } section.top-news .mainnews.news1 a::after { position: absolute; content: ""; height: 60%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 75%, transparent 100%); border-radius: 4px; bottom: 0px; left: 0px; } @media screen and (min-width: 1245px) { section.top-news .mainnews.news1 { max-width: 1500px; } section.top-news .mainnews.news1 .headline { padding: 10px 165px; } section.top-news .mainnews.news1 .headline::before { left: 165px; }} section.top-news .mainnews.news1 .headline { position: absolute; padding: 10px 95px; bottom: 20px; font-weight: 700; z-index: 10; font-size: 3rem; } section.top-news .mainnews.news1 .headline::before { content: ""; position: absolute; width: 50px; height: 7px; background: rgb(254, 195, 11); top: -10px; left: 95px; } section.top-news .mainnews.news1 .headline .blurb { float: left; width: 100%; line-height: 150%; font-size: 0.9rem; font-weight: 300; } section.top-news .mainnews.news2, section.top-news .mainnews.news3 { margin-bottom: 10px; position: relative; float: left; width: 100%; } section.top-news .mainnews.news2 a, section.top-news .mainnews.news3 a { float: left; } @media screen and (max-width: 600px) { section.top-news .mainnews.news2, section.top-news .mainnews.news3 { margin-bottom: 20px; } section.top-news .mainnews.news2 .headline, section.top-news .mainnews.news3 .headline { font-size: 1.15rem !important; line-height: 150% !important; }} section.top-news .mainnews.news2 .headline, section.top-news .mainnews.news3 .headline { font-weight: 500; font-size: 1.4rem; line-height: 33px; } section.top-news .mainnews.news2 .headline:hover, section.top-news .mainnews.news3 .headline:hover { opacity: 0.8; } section.top-news .mainnews.news2 .categoria-news, section.top-news .mainnews.news3 .categoria-news { margin-top: 5px; } section.morenews .morenews-card { font-size: 1.4rem; font-weight: 500; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); margin-bottom: 20px; } section.morenews .morenews-card:last-of-type { border-bottom: 0px; } @media screen and (max-width: 600px) { section.morenews .container { display: flex; flex-direction: column-reverse; } section.morenews .headline, section.morenews .morenews-card { font-size: 1.15rem !important; line-height: 150% !important; } section.morenews .news-with-img { float: left; margin-bottom: 25px !important; } section.morenews .news-with-img img { height: 200px !important; }} @media screen and (min-width: 600px) and (max-width: 800px) { section.morenews .headline, section.morenews .morenews-card { font-size: 2rem !important; line-height: 150% !important; }} section.morenews .morenews-list { background: rgb(238, 242, 243); } section.morenews .news-with-img a { float: left; } section.morenews .news-with-img .headline { font-weight: 500; font-size: 1.4rem; line-height: 33px; } section.morenews .news-with-img .headline:hover { opacity: 0.8; } section.morenews .news-with-img .categoria-news { margin-top: 5px; } section.morenews .news-with-img img { object-fit: cover; width: 100%; float: left; height: 100%; border-radius: 4px; position: relative; } section.lastnews { margin-bottom: 100px; } @media screen and (max-width: 600px) { section.lastnews li a, section.lastnews li span { line-height: 150% !important; } section.lastnews li a { font-size: 1.15rem !important; } section.lastnews li span { font-size: 1.6rem !important; }} @media screen and (min-width: 600px) and (max-width: 800px) { section.lastnews li a, section.lastnews li span { line-height: 150% !important; } section.lastnews li a { font-size: 2rem !important; } section.lastnews li span { font-size: 1.15rem !important; }} section.lastnews .section-title { display: inline-flex; justify-content: center; width: 100%; } section.lastnews h2 { font-size: 30px; text-transform: uppercase; color: rgb(46, 48, 146); text-align: center; font-weight: 700; position: relative; margin: 60px 0px 30px; } section.lastnews h2::before { content: ""; position: absolute; width: 10px; height: 100%; background: rgb(254, 195, 11); top: 0px; left: -15px; } section.lastnews ul li { float: left; width: 100%; font-size: 18px; margin-bottom: 25px; } section.lastnews ul li:last-of-type { margin-bottom: 0px; } section.lastnews ul li a { font-weight: 700; font-size: 1.4rem; float: left; width: 100%; } section.lastnews ul li a:hover { color: rgb(30, 112, 220); } section.news, section.page, section.togallery { margin-top: 20px; } @media screen and (max-width: 600px) { section.news .news_body, section.news .page_body, section.page .news_body, section.page .page_body, section.togallery .news_body, section.togallery .page_body { padding-left: 0px !important; padding-right: 0px !important; } section.news .news_body h4, section.news .page_body h4, section.page .news_body h4, section.page .page_body h4, section.togallery .news_body h4, section.togallery .page_body h4 { font-size: 1.4rem !important; } section.news .news_headline h1, section.news .page_headline h1, section.page .news_headline h1, section.page .page_headline h1, section.togallery .news_headline h1, section.togallery .page_headline h1 { font-size: 3rem !important; } section.news .news_headline .date, section.news .page_headline .date, section.page .news_headline .date, section.page .page_headline .date, section.togallery .news_headline .date, section.togallery .page_headline .date { font-size: 1.4rem !important; } section.news .news_main_image img, section.news .page_main_image img, section.page .news_main_image img, section.page .page_main_image img, section.togallery .news_main_image img, section.togallery .page_main_image img { border-radius: 0px !important; } section.news .news_main_content, section.news .page_main_content, section.page .news_main_content, section.page .page_main_content, section.togallery .news_main_content, section.togallery .page_main_content { padding: 0px 10px !important; font-size: 1.15rem !important; } section.news .social > a, section.page .social > a, section.togallery .social > a { margin: -6px 0px 5px 10px !important; }} section.news .news_headline, section.news .page_headline, section.page .news_headline, section.page .page_headline, section.togallery .news_headline, section.togallery .page_headline { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding-bottom: 5px; } section.news .news_headline h1, section.news .page_headline h1, section.page .news_headline h1, section.page .page_headline h1, section.togallery .news_headline h1, section.togallery .page_headline h1 { font-size: 2.5rem; font-weight: 600; margin-bottom: 20px; } section.news .news_headline .date, section.news .page_headline .date, section.page .news_headline .date, section.page .page_headline .date, section.togallery .news_headline .date, section.togallery .page_headline .date { padding-left: 0px; color: rgb(102, 102, 102); } section.news .news_headline .social, section.news .page_headline .social, section.page .news_headline .social, section.page .page_headline .social, section.togallery .news_headline .social, section.togallery .page_headline .social { padding-right: 0px; } section.news .news_headline .social a, section.news .page_headline .social a, section.page .news_headline .social a, section.page .page_headline .social a, section.togallery .news_headline .social a, section.togallery .page_headline .social a { width: 30px; float: right; margin: -6px 0px 0px 10px; } section.news .news_headline .social a img, section.news .page_headline .social a img, section.page .news_headline .social a img, section.page .page_headline .social a img, section.togallery .news_headline .social a img, section.togallery .page_headline .social a img { width: 100%; opacity: 0.8; float: left; } section.news .news_body .news_main_image, section.news .news_body .news_other_image, section.news .news_body .page_main_image, section.news .news_body .page_other_image, section.news .page_body .news_main_image, section.news .page_body .news_other_image, section.news .page_body .page_main_image, section.news .page_body .page_other_image, section.page .news_body .news_main_image, section.page .news_body .news_other_image, section.page .news_body .page_main_image, section.page .news_body .page_other_image, section.page .page_body .news_main_image, section.page .page_body .news_other_image, section.page .page_body .page_main_image, section.page .page_body .page_other_image, section.togallery .news_body .news_main_image, section.togallery .news_body .news_other_image, section.togallery .news_body .page_main_image, section.togallery .news_body .page_other_image, section.togallery .page_body .news_main_image, section.togallery .page_body .news_other_image, section.togallery .page_body .page_main_image, section.togallery .page_body .page_other_image { float: left; width: 100%; } section.news .news_body .news_main_image img, section.news .news_body .news_other_image img, section.news .news_body .page_main_image img, section.news .news_body .page_other_image img, section.news .page_body .news_main_image img, section.news .page_body .news_other_image img, section.news .page_body .page_main_image img, section.news .page_body .page_other_image img, section.page .news_body .news_main_image img, section.page .news_body .news_other_image img, section.page .news_body .page_main_image img, section.page .news_body .page_other_image img, section.page .page_body .news_main_image img, section.page .page_body .news_other_image img, section.page .page_body .page_main_image img, section.page .page_body .page_other_image img, section.togallery .news_body .news_main_image img, section.togallery .news_body .news_other_image img, section.togallery .news_body .page_main_image img, section.togallery .news_body .page_other_image img, section.togallery .page_body .news_main_image img, section.togallery .page_body .news_other_image img, section.togallery .page_body .page_main_image img, section.togallery .page_body .page_other_image img { width: 100%; border-radius: 4px; } section.news .news_body .news_main_image .caption, section.news .news_body .news_other_image .caption, section.news .news_body .page_main_image .caption, section.news .news_body .page_other_image .caption, section.news .page_body .news_main_image .caption, section.news .page_body .news_other_image .caption, section.news .page_body .page_main_image .caption, section.news .page_body .page_other_image .caption, section.page .news_body .news_main_image .caption, section.page .news_body .news_other_image .caption, section.page .news_body .page_main_image .caption, section.page .news_body .page_other_image .caption, section.page .page_body .news_main_image .caption, section.page .page_body .news_other_image .caption, section.page .page_body .page_main_image .caption, section.page .page_body .page_other_image .caption, section.togallery .news_body .news_main_image .caption, section.togallery .news_body .news_other_image .caption, section.togallery .news_body .page_main_image .caption, section.togallery .news_body .page_other_image .caption, section.togallery .page_body .news_main_image .caption, section.togallery .page_body .news_other_image .caption, section.togallery .page_body .page_main_image .caption, section.togallery .page_body .page_other_image .caption { border-radius: 4px; padding: 4px 10px 7px; margin-bottom: 10px; font-size: 0.875rem; color: rgb(85, 85, 85); } section.news .news_body .news_other_image, section.news .news_body .page_other_image, section.news .page_body .news_other_image, section.news .page_body .page_other_image, section.page .news_body .news_other_image, section.page .news_body .page_other_image, section.page .page_body .news_other_image, section.page .page_body .page_other_image, section.togallery .news_body .news_other_image, section.togallery .news_body .page_other_image, section.togallery .page_body .news_other_image, section.togallery .page_body .page_other_image { padding: 15px 12.5%; } section.news .news_body .news_other_image .caption, section.news .news_body .page_other_image .caption, section.news .page_body .news_other_image .caption, section.news .page_body .page_other_image .caption, section.page .news_body .news_other_image .caption, section.page .news_body .page_other_image .caption, section.page .page_body .news_other_image .caption, section.page .page_body .page_other_image .caption, section.togallery .news_body .news_other_image .caption, section.togallery .news_body .page_other_image .caption, section.togallery .page_body .news_other_image .caption, section.togallery .page_body .page_other_image .caption { padding: 4px 10px 7px 0px; } section.news .news_body .news_main_content, section.news .news_body .page_main_content, section.news .page_body .news_main_content, section.news .page_body .page_main_content, section.page .news_body .news_main_content, section.page .news_body .page_main_content, section.page .page_body .news_main_content, section.page .page_body .page_main_content, section.togallery .news_body .news_main_content, section.togallery .news_body .page_main_content, section.togallery .page_body .news_main_content, section.togallery .page_body .page_main_content { letter-spacing: -0.5px; line-height: 1.6; overflow-wrap: break-word; } section.news .news_body .news_main_content h1, section.news .news_body .news_main_content h2, section.news .news_body .news_main_content h3, section.news .news_body .news_main_content h4, section.news .news_body .news_main_content h5, section.news .news_body .news_main_content h6, section.news .news_body .page_main_content h1, section.news .news_body .page_main_content h2, section.news .news_body .page_main_content h3, section.news .news_body .page_main_content h4, section.news .news_body .page_main_content h5, section.news .news_body .page_main_content h6, section.news .page_body .news_main_content h1, section.news .page_body .news_main_content h2, section.news .page_body .news_main_content h3, section.news .page_body .news_main_content h4, section.news .page_body .news_main_content h5, section.news .page_body .news_main_content h6, section.news .page_body .page_main_content h1, section.news .page_body .page_main_content h2, section.news .page_body .page_main_content h3, section.news .page_body .page_main_content h4, section.news .page_body .page_main_content h5, section.news .page_body .page_main_content h6, section.page .news_body .news_main_content h1, section.page .news_body .news_main_content h2, section.page .news_body .news_main_content h3, section.page .news_body .news_main_content h4, section.page .news_body .news_main_content h5, section.page .news_body .news_main_content h6, section.page .news_body .page_main_content h1, section.page .news_body .page_main_content h2, section.page .news_body .page_main_content h3, section.page .news_body .page_main_content h4, section.page .news_body .page_main_content h5, section.page .news_body .page_main_content h6, section.page .page_body .news_main_content h1, section.page .page_body .news_main_content h2, section.page .page_body .news_main_content h3, section.page .page_body .news_main_content h4, section.page .page_body .news_main_content h5, section.page .page_body .news_main_content h6, section.page .page_body .page_main_content h1, section.page .page_body .page_main_content h2, section.page .page_body .page_main_content h3, section.page .page_body .page_main_content h4, section.page .page_body .page_main_content h5, section.page .page_body .page_main_content h6, section.togallery .news_body .news_main_content h1, section.togallery .news_body .news_main_content h2, section.togallery .news_body .news_main_content h3, section.togallery .news_body .news_main_content h4, section.togallery .news_body .news_main_content h5, section.togallery .news_body .news_main_content h6, section.togallery .news_body .page_main_content h1, section.togallery .news_body .page_main_content h2, section.togallery .news_body .page_main_content h3, section.togallery .news_body .page_main_content h4, section.togallery .news_body .page_main_content h5, section.togallery .news_body .page_main_content h6, section.togallery .page_body .news_main_content h1, section.togallery .page_body .news_main_content h2, section.togallery .page_body .news_main_content h3, section.togallery .page_body .news_main_content h4, section.togallery .page_body .news_main_content h5, section.togallery .page_body .news_main_content h6, section.togallery .page_body .page_main_content h1, section.togallery .page_body .page_main_content h2, section.togallery .page_body .page_main_content h3, section.togallery .page_body .page_main_content h4, section.togallery .page_body .page_main_content h5, section.togallery .page_body .page_main_content h6 { font-weight: 600; } section.news .news_body .news_main_content .page_extra_links, section.news .news_body .news_main_content .page_extra_files, section.news .news_body .page_main_content .page_extra_links, section.news .news_body .page_main_content .page_extra_files, section.news .page_body .news_main_content .page_extra_links, section.news .page_body .news_main_content .page_extra_files, section.news .page_body .page_main_content .page_extra_links, section.news .page_body .page_main_content .page_extra_files, section.page .news_body .news_main_content .page_extra_links, section.page .news_body .news_main_content .page_extra_files, section.page .news_body .page_main_content .page_extra_links, section.page .news_body .page_main_content .page_extra_files, section.page .page_body .news_main_content .page_extra_links, section.page .page_body .news_main_content .page_extra_files, section.page .page_body .page_main_content .page_extra_links, section.page .page_body .page_main_content .page_extra_files, section.togallery .news_body .news_main_content .page_extra_links, section.togallery .news_body .news_main_content .page_extra_files, section.togallery .news_body .page_main_content .page_extra_links, section.togallery .news_body .page_main_content .page_extra_files, section.togallery .page_body .news_main_content .page_extra_links, section.togallery .page_body .news_main_content .page_extra_files, section.togallery .page_body .page_main_content .page_extra_links, section.togallery .page_body .page_main_content .page_extra_files { float: left; width: 100%; font-size: 1.125rem; margin-bottom: 1rem; padding: 1rem 0px; border-top: 4px solid rgb(30, 112, 220); } section.news .news_body .news_main_content .page_extra_links .page_extra--title, section.news .news_body .news_main_content .page_extra_files .page_extra--title, section.news .news_body .page_main_content .page_extra_links .page_extra--title, section.news .news_body .page_main_content .page_extra_files .page_extra--title, section.news .page_body .news_main_content .page_extra_links .page_extra--title, section.news .page_body .news_main_content .page_extra_files .page_extra--title, section.news .page_body .page_main_content .page_extra_links .page_extra--title, section.news .page_body .page_main_content .page_extra_files .page_extra--title, section.page .news_body .news_main_content .page_extra_links .page_extra--title, section.page .news_body .news_main_content .page_extra_files .page_extra--title, section.page .news_body .page_main_content .page_extra_links .page_extra--title, section.page .news_body .page_main_content .page_extra_files .page_extra--title, section.page .page_body .news_main_content .page_extra_links .page_extra--title, section.page .page_body .news_main_content .page_extra_files .page_extra--title, section.page .page_body .page_main_content .page_extra_links .page_extra--title, section.page .page_body .page_main_content .page_extra_files .page_extra--title, section.togallery .news_body .news_main_content .page_extra_links .page_extra--title, section.togallery .news_body .news_main_content .page_extra_files .page_extra--title, section.togallery .news_body .page_main_content .page_extra_links .page_extra--title, section.togallery .news_body .page_main_content .page_extra_files .page_extra--title, section.togallery .page_body .news_main_content .page_extra_links .page_extra--title, section.togallery .page_body .news_main_content .page_extra_files .page_extra--title, section.togallery .page_body .page_main_content .page_extra_links .page_extra--title, section.togallery .page_body .page_main_content .page_extra_files .page_extra--title { font-size: 1.375rem; font-weight: 500; display: inline-flex; } section.news .news_body .news_main_content .page_extra_links .page_extra--title i, section.news .news_body .news_main_content .page_extra_files .page_extra--title i, section.news .news_body .page_main_content .page_extra_links .page_extra--title i, section.news .news_body .page_main_content .page_extra_files .page_extra--title i, section.news .page_body .news_main_content .page_extra_links .page_extra--title i, section.news .page_body .news_main_content .page_extra_files .page_extra--title i, section.news .page_body .page_main_content .page_extra_links .page_extra--title i, section.news .page_body .page_main_content .page_extra_files .page_extra--title i, section.page .news_body .news_main_content .page_extra_links .page_extra--title i, section.page .news_body .news_main_content .page_extra_files .page_extra--title i, section.page .news_body .page_main_content .page_extra_links .page_extra--title i, section.page .news_body .page_main_content .page_extra_files .page_extra--title i, section.page .page_body .news_main_content .page_extra_links .page_extra--title i, section.page .page_body .news_main_content .page_extra_files .page_extra--title i, section.page .page_body .page_main_content .page_extra_links .page_extra--title i, section.page .page_body .page_main_content .page_extra_files .page_extra--title i, section.togallery .news_body .news_main_content .page_extra_links .page_extra--title i, section.togallery .news_body .news_main_content .page_extra_files .page_extra--title i, section.togallery .news_body .page_main_content .page_extra_links .page_extra--title i, section.togallery .news_body .page_main_content .page_extra_files .page_extra--title i, section.togallery .page_body .news_main_content .page_extra_links .page_extra--title i, section.togallery .page_body .news_main_content .page_extra_files .page_extra--title i, section.togallery .page_body .page_main_content .page_extra_links .page_extra--title i, section.togallery .page_body .page_main_content .page_extra_files .page_extra--title i { margin-right: 10px; } section.news .news_body .news_main_content .page_extra_links ul, section.news .news_body .news_main_content .page_extra_files ul, section.news .news_body .page_main_content .page_extra_links ul, section.news .news_body .page_main_content .page_extra_files ul, section.news .page_body .news_main_content .page_extra_links ul, section.news .page_body .news_main_content .page_extra_files ul, section.news .page_body .page_main_content .page_extra_links ul, section.news .page_body .page_main_content .page_extra_files ul, section.page .news_body .news_main_content .page_extra_links ul, section.page .news_body .news_main_content .page_extra_files ul, section.page .news_body .page_main_content .page_extra_links ul, section.page .news_body .page_main_content .page_extra_files ul, section.page .page_body .news_main_content .page_extra_links ul, section.page .page_body .news_main_content .page_extra_files ul, section.page .page_body .page_main_content .page_extra_links ul, section.page .page_body .page_main_content .page_extra_files ul, section.togallery .news_body .news_main_content .page_extra_links ul, section.togallery .news_body .news_main_content .page_extra_files ul, section.togallery .news_body .page_main_content .page_extra_links ul, section.togallery .news_body .page_main_content .page_extra_files ul, section.togallery .page_body .news_main_content .page_extra_links ul, section.togallery .page_body .news_main_content .page_extra_files ul, section.togallery .page_body .page_main_content .page_extra_links ul, section.togallery .page_body .page_main_content .page_extra_files ul { width: 100%; float: left; display: grid; grid-template-columns: calc(50% - 5px) calc(50% - 5px); gap: 10px; } @media screen and (max-width: 700px) { section.news .news_body .news_main_content .page_extra_links ul, section.news .news_body .news_main_content .page_extra_files ul, section.news .news_body .page_main_content .page_extra_links ul, section.news .news_body .page_main_content .page_extra_files ul, section.news .page_body .news_main_content .page_extra_links ul, section.news .page_body .news_main_content .page_extra_files ul, section.news .page_body .page_main_content .page_extra_links ul, section.news .page_body .page_main_content .page_extra_files ul, section.page .news_body .news_main_content .page_extra_links ul, section.page .news_body .news_main_content .page_extra_files ul, section.page .news_body .page_main_content .page_extra_links ul, section.page .news_body .page_main_content .page_extra_files ul, section.page .page_body .news_main_content .page_extra_links ul, section.page .page_body .news_main_content .page_extra_files ul, section.page .page_body .page_main_content .page_extra_links ul, section.page .page_body .page_main_content .page_extra_files ul, section.togallery .news_body .news_main_content .page_extra_links ul, section.togallery .news_body .news_main_content .page_extra_files ul, section.togallery .news_body .page_main_content .page_extra_links ul, section.togallery .news_body .page_main_content .page_extra_files ul, section.togallery .page_body .news_main_content .page_extra_links ul, section.togallery .page_body .news_main_content .page_extra_files ul, section.togallery .page_body .page_main_content .page_extra_links ul, section.togallery .page_body .page_main_content .page_extra_files ul { grid-template-columns: 100%; }} section.news .news_body .news_main_content .page_extra_links ul li, section.news .news_body .news_main_content .page_extra_files ul li, section.news .news_body .page_main_content .page_extra_links ul li, section.news .news_body .page_main_content .page_extra_files ul li, section.news .page_body .news_main_content .page_extra_links ul li, section.news .page_body .news_main_content .page_extra_files ul li, section.news .page_body .page_main_content .page_extra_links ul li, section.news .page_body .page_main_content .page_extra_files ul li, section.page .news_body .news_main_content .page_extra_links ul li, section.page .news_body .news_main_content .page_extra_files ul li, section.page .news_body .page_main_content .page_extra_links ul li, section.page .news_body .page_main_content .page_extra_files ul li, section.page .page_body .news_main_content .page_extra_links ul li, section.page .page_body .news_main_content .page_extra_files ul li, section.page .page_body .page_main_content .page_extra_links ul li, section.page .page_body .page_main_content .page_extra_files ul li, section.togallery .news_body .news_main_content .page_extra_links ul li, section.togallery .news_body .news_main_content .page_extra_files ul li, section.togallery .news_body .page_main_content .page_extra_links ul li, section.togallery .news_body .page_main_content .page_extra_files ul li, section.togallery .page_body .news_main_content .page_extra_links ul li, section.togallery .page_body .news_main_content .page_extra_files ul li, section.togallery .page_body .page_main_content .page_extra_links ul li, section.togallery .page_body .page_main_content .page_extra_files ul li { width: 100%; float: left; } section.news .news_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.news .news_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.news .news_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.news .news_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1), section.news .page_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.news .page_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.news .page_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.news .page_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1), section.page .news_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.page .news_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.page .news_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.page .news_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1), section.page .page_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.page .page_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.page .page_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.page .page_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1), section.togallery .news_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.togallery .news_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.togallery .news_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.togallery .news_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1), section.togallery .page_body .news_main_content .page_extra_links ul li:nth-of-type(2n+1), section.togallery .page_body .news_main_content .page_extra_files ul li:nth-of-type(2n+1), section.togallery .page_body .page_main_content .page_extra_links ul li:nth-of-type(2n+1), section.togallery .page_body .page_main_content .page_extra_files ul li:nth-of-type(2n+1) { margin-right: 10px; } section.news .news_body .news_main_content .page_extra_links ul li a, section.news .news_body .news_main_content .page_extra_files ul li a, section.news .news_body .page_main_content .page_extra_links ul li a, section.news .news_body .page_main_content .page_extra_files ul li a, section.news .page_body .news_main_content .page_extra_links ul li a, section.news .page_body .news_main_content .page_extra_files ul li a, section.news .page_body .page_main_content .page_extra_links ul li a, section.news .page_body .page_main_content .page_extra_files ul li a, section.page .news_body .news_main_content .page_extra_links ul li a, section.page .news_body .news_main_content .page_extra_files ul li a, section.page .news_body .page_main_content .page_extra_links ul li a, section.page .news_body .page_main_content .page_extra_files ul li a, section.page .page_body .news_main_content .page_extra_links ul li a, section.page .page_body .news_main_content .page_extra_files ul li a, section.page .page_body .page_main_content .page_extra_links ul li a, section.page .page_body .page_main_content .page_extra_files ul li a, section.togallery .news_body .news_main_content .page_extra_links ul li a, section.togallery .news_body .news_main_content .page_extra_files ul li a, section.togallery .news_body .page_main_content .page_extra_links ul li a, section.togallery .news_body .page_main_content .page_extra_files ul li a, section.togallery .page_body .news_main_content .page_extra_links ul li a, section.togallery .page_body .news_main_content .page_extra_files ul li a, section.togallery .page_body .page_main_content .page_extra_links ul li a, section.togallery .page_body .page_main_content .page_extra_files ul li a { width: 100%; display: inline-flex; flex-wrap: nowrap; color: rgb(255, 255, 255); background: rgb(30, 112, 220); padding: 5px 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; line-height: 140%; white-space: normal; align-items: flex-start; text-overflow: ellipsis; overflow: hidden; position: relative; transition: all 0.3s ease-in-out 0s; text-decoration: none !important; } section.news .news_body .news_main_content .page_extra_links ul li a:hover, section.news .news_body .news_main_content .page_extra_files ul li a:hover, section.news .news_body .page_main_content .page_extra_links ul li a:hover, section.news .news_body .page_main_content .page_extra_files ul li a:hover, section.news .page_body .news_main_content .page_extra_links ul li a:hover, section.news .page_body .news_main_content .page_extra_files ul li a:hover, section.news .page_body .page_main_content .page_extra_links ul li a:hover, section.news .page_body .page_main_content .page_extra_files ul li a:hover, section.page .news_body .news_main_content .page_extra_links ul li a:hover, section.page .news_body .news_main_content .page_extra_files ul li a:hover, section.page .news_body .page_main_content .page_extra_links ul li a:hover, section.page .news_body .page_main_content .page_extra_files ul li a:hover, section.page .page_body .news_main_content .page_extra_links ul li a:hover, section.page .page_body .news_main_content .page_extra_files ul li a:hover, section.page .page_body .page_main_content .page_extra_links ul li a:hover, section.page .page_body .page_main_content .page_extra_files ul li a:hover, section.togallery .news_body .news_main_content .page_extra_links ul li a:hover, section.togallery .news_body .news_main_content .page_extra_files ul li a:hover, section.togallery .news_body .page_main_content .page_extra_links ul li a:hover, section.togallery .news_body .page_main_content .page_extra_files ul li a:hover, section.togallery .page_body .news_main_content .page_extra_links ul li a:hover, section.togallery .page_body .news_main_content .page_extra_files ul li a:hover, section.togallery .page_body .page_main_content .page_extra_links ul li a:hover, section.togallery .page_body .page_main_content .page_extra_files ul li a:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; } section.news .news_body .news_main_content .page_extra_links ul li a i.material-icons, section.news .news_body .news_main_content .page_extra_files ul li a i.material-icons, section.news .news_body .page_main_content .page_extra_links ul li a i.material-icons, section.news .news_body .page_main_content .page_extra_files ul li a i.material-icons, section.news .page_body .news_main_content .page_extra_links ul li a i.material-icons, section.news .page_body .news_main_content .page_extra_files ul li a i.material-icons, section.news .page_body .page_main_content .page_extra_links ul li a i.material-icons, section.news .page_body .page_main_content .page_extra_files ul li a i.material-icons, section.page .news_body .news_main_content .page_extra_links ul li a i.material-icons, section.page .news_body .news_main_content .page_extra_files ul li a i.material-icons, section.page .news_body .page_main_content .page_extra_links ul li a i.material-icons, section.page .news_body .page_main_content .page_extra_files ul li a i.material-icons, section.page .page_body .news_main_content .page_extra_links ul li a i.material-icons, section.page .page_body .news_main_content .page_extra_files ul li a i.material-icons, section.page .page_body .page_main_content .page_extra_links ul li a i.material-icons, section.page .page_body .page_main_content .page_extra_files ul li a i.material-icons, section.togallery .news_body .news_main_content .page_extra_links ul li a i.material-icons, section.togallery .news_body .news_main_content .page_extra_files ul li a i.material-icons, section.togallery .news_body .page_main_content .page_extra_links ul li a i.material-icons, section.togallery .news_body .page_main_content .page_extra_files ul li a i.material-icons, section.togallery .page_body .news_main_content .page_extra_links ul li a i.material-icons, section.togallery .page_body .news_main_content .page_extra_files ul li a i.material-icons, section.togallery .page_body .page_main_content .page_extra_links ul li a i.material-icons, section.togallery .page_body .page_main_content .page_extra_files ul li a i.material-icons { color: rgb(255, 255, 255); margin-right: 5px; } section.news .news_body .news_main_content .page_extra_files, section.news .news_body .page_main_content .page_extra_files, section.news .page_body .news_main_content .page_extra_files, section.news .page_body .page_main_content .page_extra_files, section.page .news_body .news_main_content .page_extra_files, section.page .news_body .page_main_content .page_extra_files, section.page .page_body .news_main_content .page_extra_files, section.page .page_body .page_main_content .page_extra_files, section.togallery .news_body .news_main_content .page_extra_files, section.togallery .news_body .page_main_content .page_extra_files, section.togallery .page_body .news_main_content .page_extra_files, section.togallery .page_body .page_main_content .page_extra_files { border-top: 4px solid rgb(254, 195, 11); } section.news .news_body .news_main_content .page_extra_files ul li a, section.news .news_body .page_main_content .page_extra_files ul li a, section.news .page_body .news_main_content .page_extra_files ul li a, section.news .page_body .page_main_content .page_extra_files ul li a, section.page .news_body .news_main_content .page_extra_files ul li a, section.page .news_body .page_main_content .page_extra_files ul li a, section.page .page_body .news_main_content .page_extra_files ul li a, section.page .page_body .page_main_content .page_extra_files ul li a, section.togallery .news_body .news_main_content .page_extra_files ul li a, section.togallery .news_body .page_main_content .page_extra_files ul li a, section.togallery .page_body .news_main_content .page_extra_files ul li a, section.togallery .page_body .page_main_content .page_extra_files ul li a { display: grid; grid-template-columns: 60px 1fr; grid-template-rows: auto auto; background: rgb(254, 195, 11); color: rgb(51, 51, 51); } section.news .news_body .news_main_content .page_extra_files ul li a i, section.news .news_body .page_main_content .page_extra_files ul li a i, section.news .page_body .news_main_content .page_extra_files ul li a i, section.news .page_body .page_main_content .page_extra_files ul li a i, section.page .news_body .news_main_content .page_extra_files ul li a i, section.page .news_body .page_main_content .page_extra_files ul li a i, section.page .page_body .news_main_content .page_extra_files ul li a i, section.page .page_body .page_main_content .page_extra_files ul li a i, section.togallery .news_body .news_main_content .page_extra_files ul li a i, section.togallery .news_body .page_main_content .page_extra_files ul li a i, section.togallery .page_body .news_main_content .page_extra_files ul li a i, section.togallery .page_body .page_main_content .page_extra_files ul li a i { grid-row: 1 / 3; font-size: 50px; color: rgb(51, 51, 51) !important; } section.news .news_body .news_main_content .page_extra_files ul li a .page-extra--details, section.news .news_body .page_main_content .page_extra_files ul li a .page-extra--details, section.news .page_body .news_main_content .page_extra_files ul li a .page-extra--details, section.news .page_body .page_main_content .page_extra_files ul li a .page-extra--details, section.page .news_body .news_main_content .page_extra_files ul li a .page-extra--details, section.page .news_body .page_main_content .page_extra_files ul li a .page-extra--details, section.page .page_body .news_main_content .page_extra_files ul li a .page-extra--details, section.page .page_body .page_main_content .page_extra_files ul li a .page-extra--details, section.togallery .news_body .news_main_content .page_extra_files ul li a .page-extra--details, section.togallery .news_body .page_main_content .page_extra_files ul li a .page-extra--details, section.togallery .page_body .news_main_content .page_extra_files ul li a .page-extra--details, section.togallery .page_body .page_main_content .page_extra_files ul li a .page-extra--details { font-weight: 600; color: rgb(106, 81, 0); } section.banner { float: left; width: 100%; margin-bottom: 50px; } section.services-search { float: left; width: 100%; margin-bottom: 50px; height: 270px; } @media screen and (max-width: 600px) { section.services-search { height: auto; } section.services-search .servicos-list-box { gap: 0px 10px; } section.services-search .service-search-box { width: 100% !important; margin-bottom: 10px !important; } section.services-search .servico-card { height: auto !important; min-height: 80px !important; text-align: left !important; } section.services-search .servico-card a { align-items: flex-start !important; } section.services-search .servico-card a:hover .servico-card--desc { display: none; } section.services-search .servico-card a:hover .servico-card--tipo, section.services-search .servico-card a:hover .servico-card--titulo { transform: unset !important; opacity: 1 !important; }} section.services-search .service-search-box .service-search-content { display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; background: rgb(46, 48, 146); border-radius: 4px; height: 270px; padding: 50px 20px; } section.services-search .service-search-box .service-search-content a { color: rgb(255, 255, 255); display: inline-flex; align-items: center; } section.services-search .service-search-box .service-search-content a i#services-search-submit-icons { margin-left: 5px; font-size: 16px !important; } section.services-search .service-search-box .service-search-content h5.services-search-box--title { font-weight: 500; font-size: 3rem; color: rgb(255, 255, 255); } section.services-search .service-search-box .service-search-content form { width: 100%; float: left; max-width: 800px; } section.services-search .service-search-box .service-search-content form .services-search-field-box { width: 100%; border: 2px solid rgb(46, 48, 146); border-radius: 50px; overflow: hidden; position: relative; display: grid; height: 46px; grid-template-columns: calc(100% - 50px) 50px; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 7px; } section.services-search .service-search-box .service-search-content form .services-search-field-box input#services-search-input { border: none !important; border-radius: 0px !important; font-size: 2rem !important; } section.services-search .service-search-box .service-search-content form .services-search-field-box button.services-search-submit { color: rgb(46, 48, 146); background: rgb(255, 255, 255); border: 0px; display: inline-flex; justify-content: center; align-items: center; height: 46px; } section.services-search .service-search-box .service-search-content form .services-search-field-box button.services-search-submit i { font-size: 30px; } section.services-search .service-search-box .service-search-content form .services-search-field-box button.services-search-submit:hover { background: rgb(225, 225, 225); } section.services-search .servicos-list-box { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 10px; } @media screen and (min-width: 800px) and (max-width: 1024px) { section.services-search .servicos-list-box { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } section.services-search .servicos-list-box .servico-card:nth-of-type(1), section.services-search .servicos-list-box .servico-card:nth-of-type(2) { background: rgb(239, 162, 40); } section.services-search .servicos-list-box .servico-card:nth-of-type(3) { background: rgb(254, 195, 11) !important; } section.services-search .servicos-list-box .servico-card:nth-of-type(5), section.services-search .servicos-list-box .servico-card:nth-of-type(6) { display: none; }} @media screen and (min-width: 600px) and (max-width: 800px) { section.services-search .servicos-list-box { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } section.services-search .servicos-list-box .servico-card { display: none; } section.services-search .servicos-list-box .servico-card:nth-of-type(2) { background: rgb(254, 195, 11) !important; } section.services-search .servicos-list-box .servico-card:nth-of-type(1), section.services-search .servicos-list-box .servico-card:nth-of-type(2) { display: block; }} @media screen and (max-width: 800px) { section.services-search .servicos-list-box { grid-template-columns: 1fr; grid-template-rows: auto; }} section.services-search .servicos-list-box .servico-card { height: 130px; padding: 10px; text-align: center; background: rgb(254, 195, 11); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; transition: all 0.3s ease-in-out 0s; position: relative; overflow: hidden; } section.services-search .servicos-list-box .servico-card:hover { box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 10px; } section.services-search .servicos-list-box .servico-card:nth-of-type(1), section.services-search .servicos-list-box .servico-card:nth-of-type(2), section.services-search .servicos-list-box .servico-card:nth-of-type(3) { background: rgb(239, 162, 40); } section.services-search .servicos-list-box .servico-card a { display: flex; flex-direction: column; justify-content: space-between; align-items: center; float: left; width: 100%; height: 100%; } section.services-search .servicos-list-box .servico-card a:hover { opacity: 1 !important; } section.services-search .servicos-list-box .servico-card a:hover .servico-card--desc { opacity: 1; height: 100%; transform: translateY(0%); } section.services-search .servicos-list-box .servico-card a:hover .servico-card--tipo, section.services-search .servicos-list-box .servico-card a:hover .servico-card--titulo { transform: translateY(400%); opacity: 0; } section.services-search .servicos-list-box .servico-card .servico-card--tipo, section.services-search .servicos-list-box .servico-card .servico-card--titulo { transform: translateY(0%); transition: all 0.5s ease-in-out 0s; } section.services-search .servicos-list-box .servico-card .servico-card--tipo { background: rgb(46, 48, 146); color: rgb(255, 255, 255); border-radius: 15px; padding: 2px 10px; font-size: 1.4rem; } section.services-search .servicos-list-box .servico-card .servico-card--desc { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; width: 100%; padding: 5px 10px; text-align: left; transition: all 0.5s ease-in-out 0s; transform: translateY(-100%); opacity: 0; overflow: hidden; } section.newslist { margin-top: 20px; } @media screen and (max-width: 600px) { section.newslist h1 { font-size: 3rem !important; } section.newslist .news-card { display: flex; flex-direction: column-reverse; margin-bottom: 40px !important; } section.newslist .news-card h4 { font-size: 1.15rem !important; line-height: 1.5 !important; } section.newslist .news-card--text { padding: 0px !important; } section.newslist .news-card .blurb { font-size: 1rem !important; } section.newslist .categoria-tag, section.newslist .news-card--data { height: 29px; line-height: 24px; margin-top: 4px; font-size: 0.9rem !important; padding: 4px !important; }} section.newslist h1 { font-size: 3rem; font-weight: 500; } section.newslist .section-title-box { display: inline-flex; justify-content: center; width: 100%; } section.newslist h2 { font-size: 30px; text-transform: uppercase; color: rgb(46, 48, 146); text-align: center; font-weight: 900; position: relative; margin: 60px 0px 30px; } section.newslist h2::before { content: ""; position: absolute; width: 190px; height: 29px; background: rgb(254, 195, 11); bottom: -6px; left: -20px; z-index: -1; } @media screen and (max-width: 600px) { section.newslist h2::before { height: 19px !important; }} section.newslist .news-card { display: inline-block; width: 100%; margin-bottom: 25px; position: relative; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px; padding: 1rem; transition: all 0.3s ease-in-out 0s; } section.newslist .news-card img { float: left; width: 100%; } section.newslist .news-card:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; } section.newslist .news-card > .col.s12:first-of-type a { display: block; } section.newslist .news-card > .col.s12:first-of-type a img { object-fit: cover; } section.newslist .news-card a { display: inline-block; } section.newslist .news-card .headline { display: inline-block; font-size: 1.3rem; line-height: 110%; font-weight: 500; margin-top: 5px; } section.newslist .news-card .blurb { display: inline-block; width: 100%; font-weight: 400; font-size: 1.15rem; } section.newslist .categoria-tag { background: rgb(30, 112, 220); font-weight: 500; float: left; font-size: 0.9rem; position: relative; width: auto; padding: 4px; color: rgb(255, 255, 255) !important; text-transform: uppercase !important; } section.newslist .news-card--data { font-weight: 500; float: left; font-size: 0.9rem; position: relative; width: auto; padding: 2px 4px; height: 29px; overflow: hidden; display: inline-flex; align-items: center; margin-left: 8px; color: rgb(85, 85, 85) !important; text-transform: uppercase !important; } section.newslist .news-card--data i { color: rgb(6, 169, 108); font-size: 1.5rem; margin-right: 4px; } section.togallery { float: left; width: 100%; } @media screen and (max-width: 600px) { section.togallery { padding: 0px 10px; }} section.togallery .photos_grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; gap: 20px 16px; width: 100%; max-width: 1170px; margin: 0px auto; } @media screen and (max-width: 600px) { section.togallery .photos_grid { grid-template-columns: 100% !important; } section.togallery .photos_grid figure.photo { height: 300px !important; } section.togallery .photos_grid figure.photo figcaption { opacity: 1 !important; transform: translateY(0%) !important; } section.togallery .photos_grid.first_9 { margin-top: 20px; } section.togallery .photos_grid.first_9 figure.photo { grid-area: unset !important; }} @media screen and (min-width: 600px) and (max-width: 900px) { section.togallery .photos_grid.more_photos { grid-template-columns: repeat(3, 1fr) !important; }} section.togallery .photos_grid.first_9 figure.photo:nth-of-type(1) { grid-column: 1 / 8; height: 500px; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(2) { grid-column: 8 / 13; height: 500px; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(3) { grid-column: 1 / 6; height: 400px; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(4) { grid-column: 6 / 13; height: 400px; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(5) { grid-area: 3 / 1 / 5 / 7; height: 464px; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(6) { grid-area: 3 / 7 / 3 / 10; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(7) { grid-area: 3 / 10 / 3 / 13; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(8) { grid-area: 4 / 7 / 4 / 10; } section.togallery .photos_grid.first_9 figure.photo:nth-of-type(9) { grid-area: 4 / 10 / 4 / 13; } section.togallery .photos_grid figure.photo { margin: 0px; width: 100%; height: 222px; position: relative; overflow: hidden; border-radius: 6px; cursor: pointer; } section.togallery .photos_grid figure.photo:hover, section.togallery .photos_grid figure.photo.show-caption { z-index: 10; } section.togallery .photos_grid figure.photo:hover figcaption, section.togallery .photos_grid figure.photo.show-caption figcaption { transform: translateY(0%); opacity: 1; } section.togallery .photos_grid figure.photo img { width: 100%; height: 100%; object-fit: cover; } section.togallery .photos_grid figure.photo figcaption { transition: all 0.3s ease-in-out 0s; font-size: 16px; width: 100%; height: fit-content; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); padding: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 5px; z-index: 1; color: rgb(255, 255, 255); transform: translateY(100%); opacity: 1; } section.togallery .photos_grid.more_photos { margin: 16px auto; grid-template-columns: repeat(4, 1fr); } section.diario-oficial-callout { background: rgb(34, 35, 107); overflow-x: hidden; } @media screen and (max-width: 992px) { section.diario-oficial-callout .row { padding: 25px 10px !important; }} @media screen and (max-width: 722px) { section.diario-oficial-callout .row { grid-template-rows: auto auto; grid-template-columns: 1fr !important; } section.diario-oficial-callout .row .diariooficial { height: 340px !important; } section.diario-oficial-callout .doe-last-editions { margin-top: 25px !important; } section.diario-oficial-callout .doe-last-editions ul li:nth-of-type(n+5) { display: none; }} section.diario-oficial-callout .row { display: grid; grid-template-columns: 280px auto; padding: 25px 50px; column-gap: 16px; align-items: flex-end; } section.diario-oficial-callout h1, section.diario-oficial-callout h2, section.diario-oficial-callout #doe-last-edition-title { margin-top: 0px; margin-bottom: 16px; color: rgb(255, 255, 255); } section.diario-oficial-callout .doe-latest #latest-heading { font-size: 1.8rem; font-weight: 700; text-align: center; margin-bottom: 16px; } section.diario-oficial-callout .doe-latest .diariooficial { background: rgb(246, 198, 45); font-weight: 700; text-align: center; padding: 1rem; font-size: 1.15rem; height: 400px; position: relative; overflow: hidden; } @media screen and (max-width: 722px) { section.diario-oficial-callout .doe-latest .diariooficial .diariooficial { display: flex; flex-direction: column; margin-bottom: 60px; } section.diario-oficial-callout .doe-latest .diariooficial .diariooficial .downloaddoe { width: 120px; margin-left: calc(50% - 60px); } section.diario-oficial-callout .doe-latest .diariooficial .imgdoe img { width: auto !important; height: 230px !important; }} section.diario-oficial-callout .doe-latest .diariooficial .imgdoe { float: left; width: 100%; z-index: 1; position: relative; } section.diario-oficial-callout .doe-latest .diariooficial .imgdoe img { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; margin-top: 10px; margin-bottom: -65px; width: 201px; } section.diario-oficial-callout .doe-latest .diariooficial .imgdoe::before { content: ""; width: 100%; max-width: 270px; height: 362px; position: absolute; top: 24%; left: 25%; z-index: -1; opacity: 0.05; background-image: url("img/brasao_pb.svg"); } section.diario-oficial-callout .doe-latest .diariooficial .dadosdoe { display: grid; grid-template-columns: 1fr 1fr; margin-top: -10px; } section.diario-oficial-callout .doe-latest .diariooficial .dadosdoe .extra-info { font-weight: 400; display: inline-flex; align-items: center; justify-content: center; } section.diario-oficial-callout .doe-latest .diariooficial .downloaddoe { background: rgb(46, 48, 146); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; border: none; font-weight: 500; color: rgb(255, 255, 255); padding: 10px 15px; margin-bottom: 30px; display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; z-index: 1; position: relative; } section.diario-oficial-callout .doe-latest .diariooficial .downloaddoe:focus-visible { outline-color: rgb(30, 112, 220) !important; } section.diario-oficial-callout .doe-latest .diariooficial .downloaddoe:hover { box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 20px; } section.diario-oficial-callout .doe-last-editions { height: 400px; max-height: 400px; display: grid; grid-template-rows: 36px auto 36px; } @media screen and (max-width: 900px) { section.diario-oficial-callout .doe-last-editions { grid-template-rows: 36px 301px 63px; } section.diario-oficial-callout .doe-last-editions ul { column-count: 1 !important; } section.diario-oficial-callout .doe-last-editions ul li:nth-child(6), section.diario-oficial-callout .doe-last-editions ul li:nth-child(7), section.diario-oficial-callout .doe-last-editions ul li:nth-child(8), section.diario-oficial-callout .doe-last-editions ul li:nth-child(9), section.diario-oficial-callout .doe-last-editions ul li:nth-child(10) { display: none; } section.diario-oficial-callout .doe-last-editions #buscaporedicao { grid-template-columns: 1fr 130px; grid-template-rows: 1fr 1fr; height: 50px !important; display: grid !important; } section.diario-oficial-callout .doe-last-editions #buscaporedicao label { float: left; width: 100%; grid-area: 1 / 1 / auto / 3; text-align: right; } section.diario-oficial-callout .doe-last-editions #buscaporedicao input#edicao_num { justify-self: flex-end; grid-area: 2 / 1 / auto / auto; margin: 0px 10px 0px 0px !important; } section.diario-oficial-callout .doe-last-editions #buscaporedicao button { grid-area: 2 / 2 / auto / auto; }} section.diario-oficial-callout .doe-last-editions #doe-last-edition-title { font-size: 1.4rem; font-weight: 500; } section.diario-oficial-callout .doe-last-editions ul { column-count: 2; gap: 1rem; margin: 0px; display: inline-block; width: 100%; } section.diario-oficial-callout .doe-last-editions ul li { width: 100%; height: 50px; break-inside: avoid; margin-bottom: 16px; } section.diario-oficial-callout .doe-last-editions ul li:last-of-type { margin-bottom: 0px; } section.diario-oficial-callout .doe-last-editions ul li a { float: left; width: 100%; height: 100%; align-items: center; padding: 10px; background: rgb(255, 255, 255); display: inline-flex; justify-content: space-between; color: rgb(51, 51, 51); font-weight: 500; border: 1px solid rgba(0, 0, 0, 0.1); } section.diario-oficial-callout .doe-last-editions ul li a:hover, section.diario-oficial-callout .doe-last-editions ul li a:focus-visible { opacity: 1; background: rgb(255, 215, 116); color: rgb(46, 48, 146); } section.diario-oficial-callout .doe-last-editions ul li.suplemento { font-style: italic; } section.diario-oficial-callout .doe-last-editions ul li.suplemento a { background: rgb(207, 208, 240); } section.diario-oficial-callout .doe-last-editions ul li.suplemento a:hover, section.diario-oficial-callout .doe-last-editions ul li.suplemento a:focus-visible { background: rgb(255, 232, 163); } section.diario-oficial-callout .doe-last-editions form#buscaporedicao { display: inline-flex; float: right; align-items: center; height: 36px; justify-content: flex-end; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao label { font-size: 1.15rem; font-weight: 500; color: rgb(255, 255, 255) !important; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao input#edicao_num { width: 95px; margin: 0px 10px; height: 36px !important; padding: 10px !important; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao input#edicao_num:focus-visible { outline-color: rgb(254, 195, 11) !important; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao button.btn-edicao { font-weight: 400; box-shadow: none; letter-spacing: 0px; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao button.btn-edicao:focus-visible { outline-color: white !important; } section.diario-oficial-callout .doe-last-editions form#buscaporedicao button.btn-edicao i { font-size: 1.4rem; } section.search-result-form { background: rgb(46, 48, 146); padding: 15px 0px; } @media screen and (min-width: 600px) { section.search-result-form form .row { display: inline-flex; align-items: flex-end; }} section.search-result-form form label { font-size: 16px; color: rgb(255, 255, 255) !important; } section.search-result-form form button.search-submit { background: rgb(254, 195, 11); color: rgb(0, 0, 0); border: 0px; border-radius: 4px; padding: 5px 10px; height: 46px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 8px; } section.search-result-form h5 { color: rgb(255, 255, 255); font-weight: 600; margin-bottom: 1rem; } section.search-results h5 { color: rgb(46, 48, 146); font-weight: 600; margin-bottom: 15px; } section.search-results table { font-size: 16px; } section.search-results table tr { border: 0px; } @media screen and (min-width: 993px) { section.search-results table tr td { padding: 8px 5px; }} section.search-results table tbody tr { background: rgb(255, 255, 255); } section.search-results table tbody tr:nth-child(2n+1) { background: rgb(246, 246, 246); } section.search-results table tbody tr:hover td:last-of-type { background: unset; } section.search-results table tbody tr td:last-of-type { display: flex; } section.search-results table tbody tr td a { display: inline-flex; color: rgb(30, 112, 220); } section.search-results table tbody tr td a i { margin-right: 8px; } section.search-results .pagination li a { font-size: 1.15rem; } section#busca-avancada { background: rgb(255, 255, 255); } #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; text-decoration: none; border-radius: 35px; display: none; transition: all 0.3s ease 0s; z-index: 1; } #return-to-top i { color: rgb(255, 255, 255); margin: 0px; position: relative; left: 11px; top: 11px; font-size: 28px; transition: all 0.3s ease 0s; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: rgb(255, 255, 255); top: 5px; } @import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,600"); .azul-to { background-color: rgb(46, 87, 144) !important; } .azul-to-text { color: rgb(46, 87, 144) !important; } .azul-to.lighten-5 { background-color: rgb(206, 220, 239) !important; } .azul-to-text.text-lighten-5 { color: rgb(206, 220, 239) !important; } .azul-to.lighten-4 { background-color: rgb(167, 192, 227) !important; } .azul-to-text.text-lighten-4 { color: rgb(167, 192, 227) !important; } .azul-to.lighten-3 { background-color: rgb(128, 164, 215) !important; } .azul-to-text.text-lighten-3 { color: rgb(128, 164, 215) !important; } .azul-to.lighten-2 { background-color: rgb(90, 137, 202) !important; } .azul-to-text.text-lighten-2 { color: rgb(90, 137, 202) !important; } .azul-to.lighten-1 { background-color: rgb(58, 110, 183) !important; } .azul-to-text.text-lighten-1 { color: rgb(58, 110, 183) !important; } .azul-to.darken-1 { background-color: rgb(40, 75, 125) !important; } .azul-to-text.text-darken-1 { color: rgb(40, 75, 125) !important; } .azul-to.darken-2 { background-color: rgb(34, 64, 105) !important; } .azul-to-text.text-darken-2 { color: rgb(34, 64, 105) !important; } .azul-to.darken-3 { background-color: rgb(27, 52, 86) !important; } .azul-to-text.text-darken-3 { color: rgb(27, 52, 86) !important; } .azul-to.darken-4 { background-color: rgb(21, 40, 67) !important; } .azul-to-text.text-darken-4 { color: rgb(21, 40, 67) !important; } .verde-to { background-color: rgb(37, 149, 81) !important; } .verde-to-text { color: rgb(37, 149, 81) !important; } .verde-to.lighten-5 { background-color: rgb(47, 190, 103) !important; } .verde-to-text.text-lighten-5 { color: rgb(47, 190, 103) !important; } .verde-to.lighten-4 { background-color: rgb(77, 211, 130) !important; } .verde-to-text.text-lighten-4 { color: rgb(77, 211, 130) !important; } .verde-to.lighten-3 { background-color: rgb(118, 221, 158) !important; } .verde-to-text.text-lighten-3 { color: rgb(118, 221, 158) !important; } .verde-to.lighten-2 { background-color: rgb(159, 231, 187) !important; } .verde-to-text.text-lighten-2 { color: rgb(159, 231, 187) !important; } .verde-to.lighten-1 { background-color: rgb(200, 241, 216) !important; } .verde-to-text.text-lighten-1 { color: rgb(200, 241, 216) !important; } .verde-to.darken-1 { background-color: rgb(32, 129, 70) !important; } .verde-to-text.text-darken-1 { color: rgb(32, 129, 70) !important; } .verde-to.darken-2 { background-color: rgb(27, 108, 59) !important; } .verde-to-text.text-darken-2 { color: rgb(27, 108, 59) !important; } .verde-to.darken-3 { background-color: rgb(22, 88, 48) !important; } .verde-to-text.text-darken-3 { color: rgb(22, 88, 48) !important; } .verde-to.darken-4 { background-color: rgb(17, 67, 37) !important; } .verde-to-text.text-darken-4 { color: rgb(17, 67, 37) !important; } .amarelo-to { background-color: rgb(246, 198, 45) !important; } .amarelo-to-text { color: rgb(246, 198, 45) !important; } .amarelo-to.lighten-5 { background-color: rgb(248, 211, 94) !important; } .amarelo-to-text.text-lighten-5 { color: rgb(248, 211, 94) !important; } .amarelo-to.lighten-4 { background-color: rgb(250, 225, 143) !important; } .amarelo-to-text.text-lighten-4 { color: rgb(250, 225, 143) !important; } .amarelo-to.lighten-3 { background-color: rgb(252, 238, 192) !important; } .amarelo-to-text.text-lighten-3 { color: rgb(252, 238, 192) !important; } .amarelo-to.lighten-2 { background-color: rgb(253, 244, 216) !important; } .amarelo-to-text.text-lighten-2 { color: rgb(253, 244, 216) !important; } .amarelo-to.lighten-1 { background-color: rgb(254, 251, 241) !important; } .amarelo-to-text.text-lighten-1 { color: rgb(254, 251, 241) !important; } .amarelo-to.darken-1 { background-color: rgb(245, 191, 21) !important; } .amarelo-to-text.text-darken-1 { color: rgb(245, 191, 21) !important; } .amarelo-to.darken-2 { background-color: rgb(230, 178, 10) !important; } .amarelo-to-text.text-darken-2 { color: rgb(230, 178, 10) !important; } .amarelo-to.darken-3 { background-color: rgb(206, 159, 9) !important; } .amarelo-to-text.text-darken-3 { color: rgb(206, 159, 9) !important; } .amarelo-to.darken-4 { background-color: rgb(181, 140, 8) !important; } .amarelo-to-text.text-darken-4 { color: rgb(181, 140, 8) !important; } .materialize-red { background-color: rgb(229, 28, 35) !important; } .materialize-red-text { color: rgb(229, 28, 35) !important; } .materialize-red.lighten-5 { background-color: rgb(253, 234, 235) !important; } .materialize-red-text.text-lighten-5 { color: rgb(253, 234, 235) !important; } .materialize-red.lighten-4 { background-color: rgb(248, 193, 195) !important; } .materialize-red-text.text-lighten-4 { color: rgb(248, 193, 195) !important; } .materialize-red.lighten-3 { background-color: rgb(243, 152, 155) !important; } .materialize-red-text.text-lighten-3 { color: rgb(243, 152, 155) !important; } .materialize-red.lighten-2 { background-color: rgb(238, 110, 115) !important; } .materialize-red-text.text-lighten-2 { color: rgb(238, 110, 115) !important; } .materialize-red.lighten-1 { background-color: rgb(234, 69, 75) !important; } .materialize-red-text.text-lighten-1 { color: rgb(234, 69, 75) !important; } .materialize-red.darken-1 { background-color: rgb(208, 24, 30) !important; } .materialize-red-text.text-darken-1 { color: rgb(208, 24, 30) !important; } .materialize-red.darken-2 { background-color: rgb(185, 21, 27) !important; } .materialize-red-text.text-darken-2 { color: rgb(185, 21, 27) !important; } .materialize-red.darken-3 { background-color: rgb(162, 19, 24) !important; } .materialize-red-text.text-darken-3 { color: rgb(162, 19, 24) !important; } .materialize-red.darken-4 { background-color: rgb(139, 16, 20) !important; } .materialize-red-text.text-darken-4 { color: rgb(139, 16, 20) !important; } .red { background-color: rgb(244, 67, 54) !important; } .red-text { color: rgb(244, 67, 54) !important; } .red.lighten-5 { background-color: rgb(255, 235, 238) !important; } .red-text.text-lighten-5 { color: rgb(255, 235, 238) !important; } .red.lighten-4 { background-color: rgb(255, 205, 210) !important; } .red-text.text-lighten-4 { color: rgb(255, 205, 210) !important; } .red.lighten-3 { background-color: rgb(239, 154, 154) !important; } .red-text.text-lighten-3 { color: rgb(239, 154, 154) !important; } .red.lighten-2 { background-color: rgb(229, 115, 115) !important; } .red-text.text-lighten-2 { color: rgb(229, 115, 115) !important; } .red.lighten-1 { background-color: rgb(239, 83, 80) !important; } .red-text.text-lighten-1 { color: rgb(239, 83, 80) !important; } .red.darken-1 { background-color: rgb(229, 57, 53) !important; } .red-text.text-darken-1 { color: rgb(229, 57, 53) !important; } .red.darken-2 { background-color: rgb(211, 47, 47) !important; } .red-text.text-darken-2 { color: rgb(211, 47, 47) !important; } .red.darken-3 { background-color: rgb(198, 40, 40) !important; } .red-text.text-darken-3 { color: rgb(198, 40, 40) !important; } .red.darken-4 { background-color: rgb(183, 28, 28) !important; } .red-text.text-darken-4 { color: rgb(183, 28, 28) !important; } .red.accent-1 { background-color: rgb(255, 138, 128) !important; } .red-text.text-accent-1 { color: rgb(255, 138, 128) !important; } .red.accent-2 { background-color: rgb(255, 82, 82) !important; } .red-text.text-accent-2 { color: rgb(255, 82, 82) !important; } .red.accent-3 { background-color: rgb(255, 23, 68) !important; } .red-text.text-accent-3 { color: rgb(255, 23, 68) !important; } .red.accent-4 { background-color: rgb(213, 0, 0) !important; } .red-text.text-accent-4 { color: rgb(213, 0, 0) !important; } .pink { background-color: rgb(233, 30, 99) !important; } .pink-text { color: rgb(233, 30, 99) !important; } .pink.lighten-5 { background-color: rgb(252, 228, 236) !important; } .pink-text.text-lighten-5 { color: rgb(252, 228, 236) !important; } .pink.lighten-4 { background-color: rgb(248, 187, 208) !important; } .pink-text.text-lighten-4 { color: rgb(248, 187, 208) !important; } .pink.lighten-3 { background-color: rgb(244, 143, 177) !important; } .pink-text.text-lighten-3 { color: rgb(244, 143, 177) !important; } .pink.lighten-2 { background-color: rgb(240, 98, 146) !important; } .pink-text.text-lighten-2 { color: rgb(240, 98, 146) !important; } .pink.lighten-1 { background-color: rgb(236, 64, 122) !important; } .pink-text.text-lighten-1 { color: rgb(236, 64, 122) !important; } .pink.darken-1 { background-color: rgb(216, 27, 96) !important; } .pink-text.text-darken-1 { color: rgb(216, 27, 96) !important; } .pink.darken-2 { background-color: rgb(194, 24, 91) !important; } .pink-text.text-darken-2 { color: rgb(194, 24, 91) !important; } .pink.darken-3 { background-color: rgb(173, 20, 87) !important; } .pink-text.text-darken-3 { color: rgb(173, 20, 87) !important; } .pink.darken-4 { background-color: rgb(136, 14, 79) !important; } .pink-text.text-darken-4 { color: rgb(136, 14, 79) !important; } .pink.accent-1 { background-color: rgb(255, 128, 171) !important; } .pink-text.text-accent-1 { color: rgb(255, 128, 171) !important; } .pink.accent-2 { background-color: rgb(255, 64, 129) !important; } .pink-text.text-accent-2 { color: rgb(255, 64, 129) !important; } .pink.accent-3 { background-color: rgb(245, 0, 87) !important; } .pink-text.text-accent-3 { color: rgb(245, 0, 87) !important; } .pink.accent-4 { background-color: rgb(197, 17, 98) !important; } .pink-text.text-accent-4 { color: rgb(197, 17, 98) !important; } .purple { background-color: rgb(156, 39, 176) !important; } .purple-text { color: rgb(156, 39, 176) !important; } .purple.lighten-5 { background-color: rgb(243, 229, 245) !important; } .purple-text.text-lighten-5 { color: rgb(243, 229, 245) !important; } .purple.lighten-4 { background-color: rgb(225, 190, 231) !important; } .purple-text.text-lighten-4 { color: rgb(225, 190, 231) !important; } .purple.lighten-3 { background-color: rgb(206, 147, 216) !important; } .purple-text.text-lighten-3 { color: rgb(206, 147, 216) !important; } .purple.lighten-2 { background-color: rgb(186, 104, 200) !important; } .purple-text.text-lighten-2 { color: rgb(186, 104, 200) !important; } .purple.lighten-1 { background-color: rgb(171, 71, 188) !important; } .purple-text.text-lighten-1 { color: rgb(171, 71, 188) !important; } .purple.darken-1 { background-color: rgb(142, 36, 170) !important; } .purple-text.text-darken-1 { color: rgb(142, 36, 170) !important; } .purple.darken-2 { background-color: rgb(123, 31, 162) !important; } .purple-text.text-darken-2 { color: rgb(123, 31, 162) !important; } .purple.darken-3 { background-color: rgb(106, 27, 154) !important; } .purple-text.text-darken-3 { color: rgb(106, 27, 154) !important; } .purple.darken-4 { background-color: rgb(74, 20, 140) !important; } .purple-text.text-darken-4 { color: rgb(74, 20, 140) !important; } .purple.accent-1 { background-color: rgb(234, 128, 252) !important; } .purple-text.text-accent-1 { color: rgb(234, 128, 252) !important; } .purple.accent-2 { background-color: rgb(224, 64, 251) !important; } .purple-text.text-accent-2 { color: rgb(224, 64, 251) !important; } .purple.accent-3 { background-color: rgb(213, 0, 249) !important; } .purple-text.text-accent-3 { color: rgb(213, 0, 249) !important; } .purple.accent-4 { background-color: rgb(170, 0, 255) !important; } .purple-text.text-accent-4 { color: rgb(170, 0, 255) !important; } .deep-purple { background-color: rgb(103, 58, 183) !important; } .deep-purple-text { color: rgb(103, 58, 183) !important; } .deep-purple.lighten-5 { background-color: rgb(237, 231, 246) !important; } .deep-purple-text.text-lighten-5 { color: rgb(237, 231, 246) !important; } .deep-purple.lighten-4 { background-color: rgb(209, 196, 233) !important; } .deep-purple-text.text-lighten-4 { color: rgb(209, 196, 233) !important; } .deep-purple.lighten-3 { background-color: rgb(179, 157, 219) !important; } .deep-purple-text.text-lighten-3 { color: rgb(179, 157, 219) !important; } .deep-purple.lighten-2 { background-color: rgb(149, 117, 205) !important; } .deep-purple-text.text-lighten-2 { color: rgb(149, 117, 205) !important; } .deep-purple.lighten-1 { background-color: rgb(126, 87, 194) !important; } .deep-purple-text.text-lighten-1 { color: rgb(126, 87, 194) !important; } .deep-purple.darken-1 { background-color: rgb(94, 53, 177) !important; } .deep-purple-text.text-darken-1 { color: rgb(94, 53, 177) !important; } .deep-purple.darken-2 { background-color: rgb(81, 45, 168) !important; } .deep-purple-text.text-darken-2 { color: rgb(81, 45, 168) !important; } .deep-purple.darken-3 { background-color: rgb(69, 39, 160) !important; } .deep-purple-text.text-darken-3 { color: rgb(69, 39, 160) !important; } .deep-purple.darken-4 { background-color: rgb(49, 27, 146) !important; } .deep-purple-text.text-darken-4 { color: rgb(49, 27, 146) !important; } .deep-purple.accent-1 { background-color: rgb(179, 136, 255) !important; } .deep-purple-text.text-accent-1 { color: rgb(179, 136, 255) !important; } .deep-purple.accent-2 { background-color: rgb(124, 77, 255) !important; } .deep-purple-text.text-accent-2 { color: rgb(124, 77, 255) !important; } .deep-purple.accent-3 { background-color: rgb(101, 31, 255) !important; } .deep-purple-text.text-accent-3 { color: rgb(101, 31, 255) !important; } .deep-purple.accent-4 { background-color: rgb(98, 0, 234) !important; } .deep-purple-text.text-accent-4 { color: rgb(98, 0, 234) !important; } .indigo { background-color: rgb(63, 81, 181) !important; } .indigo-text { color: rgb(63, 81, 181) !important; } .indigo.lighten-5 { background-color: rgb(232, 234, 246) !important; } .indigo-text.text-lighten-5 { color: rgb(232, 234, 246) !important; } .indigo.lighten-4 { background-color: rgb(197, 202, 233) !important; } .indigo-text.text-lighten-4 { color: rgb(197, 202, 233) !important; } .indigo.lighten-3 { background-color: rgb(159, 168, 218) !important; } .indigo-text.text-lighten-3 { color: rgb(159, 168, 218) !important; } .indigo.lighten-2 { background-color: rgb(121, 134, 203) !important; } .indigo-text.text-lighten-2 { color: rgb(121, 134, 203) !important; } .indigo.lighten-1 { background-color: rgb(92, 107, 192) !important; } .indigo-text.text-lighten-1 { color: rgb(92, 107, 192) !important; } .indigo.darken-1 { background-color: rgb(57, 73, 171) !important; } .indigo-text.text-darken-1 { color: rgb(57, 73, 171) !important; } .indigo.darken-2 { background-color: rgb(48, 63, 159) !important; } .indigo-text.text-darken-2 { color: rgb(48, 63, 159) !important; } .indigo.darken-3 { background-color: rgb(40, 53, 147) !important; } .indigo-text.text-darken-3 { color: rgb(40, 53, 147) !important; } .indigo.darken-4 { background-color: rgb(26, 35, 126) !important; } .indigo-text.text-darken-4 { color: rgb(26, 35, 126) !important; } .indigo.accent-1 { background-color: rgb(140, 158, 255) !important; } .indigo-text.text-accent-1 { color: rgb(140, 158, 255) !important; } .indigo.accent-2 { background-color: rgb(83, 109, 254) !important; } .indigo-text.text-accent-2 { color: rgb(83, 109, 254) !important; } .indigo.accent-3 { background-color: rgb(61, 90, 254) !important; } .indigo-text.text-accent-3 { color: rgb(61, 90, 254) !important; } .indigo.accent-4 { background-color: rgb(48, 79, 254) !important; } .indigo-text.text-accent-4 { color: rgb(48, 79, 254) !important; } .blue { background-color: rgb(33, 150, 243) !important; } .blue-text { color: rgb(33, 150, 243) !important; } .blue.lighten-5 { background-color: rgb(227, 242, 253) !important; } .blue-text.text-lighten-5 { color: rgb(227, 242, 253) !important; } .blue.lighten-4 { background-color: rgb(187, 222, 251) !important; } .blue-text.text-lighten-4 { color: rgb(187, 222, 251) !important; } .blue.lighten-3 { background-color: rgb(144, 202, 249) !important; } .blue-text.text-lighten-3 { color: rgb(144, 202, 249) !important; } .blue.lighten-2 { background-color: rgb(100, 181, 246) !important; } .blue-text.text-lighten-2 { color: rgb(100, 181, 246) !important; } .blue.lighten-1 { background-color: rgb(66, 165, 245) !important; } .blue-text.text-lighten-1 { color: rgb(66, 165, 245) !important; } .blue.darken-1 { background-color: rgb(30, 136, 229) !important; } .blue-text.text-darken-1 { color: rgb(30, 136, 229) !important; } .blue.darken-2 { background-color: rgb(25, 118, 210) !important; } .blue-text.text-darken-2 { color: rgb(25, 118, 210) !important; } .blue.darken-3 { background-color: rgb(21, 101, 192) !important; } .blue-text.text-darken-3 { color: rgb(21, 101, 192) !important; } .blue.darken-4 { background-color: rgb(13, 71, 161) !important; } .blue-text.text-darken-4 { color: rgb(13, 71, 161) !important; } .blue.accent-1 { background-color: rgb(130, 177, 255) !important; } .blue-text.text-accent-1 { color: rgb(130, 177, 255) !important; } .blue.accent-2 { background-color: rgb(68, 138, 255) !important; } .blue-text.text-accent-2 { color: rgb(68, 138, 255) !important; } .blue.accent-3 { background-color: rgb(41, 121, 255) !important; } .blue-text.text-accent-3 { color: rgb(41, 121, 255) !important; } .blue.accent-4 { background-color: rgb(41, 98, 255) !important; } .blue-text.text-accent-4 { color: rgb(41, 98, 255) !important; } .light-blue { background-color: rgb(3, 169, 244) !important; } .light-blue-text { color: rgb(3, 169, 244) !important; } .light-blue.lighten-5 { background-color: rgb(225, 245, 254) !important; } .light-blue-text.text-lighten-5 { color: rgb(225, 245, 254) !important; } .light-blue.lighten-4 { background-color: rgb(179, 229, 252) !important; } .light-blue-text.text-lighten-4 { color: rgb(179, 229, 252) !important; } .light-blue.lighten-3 { background-color: rgb(129, 212, 250) !important; } .light-blue-text.text-lighten-3 { color: rgb(129, 212, 250) !important; } .light-blue.lighten-2 { background-color: rgb(79, 195, 247) !important; } .light-blue-text.text-lighten-2 { color: rgb(79, 195, 247) !important; } .light-blue.lighten-1 { background-color: rgb(41, 182, 246) !important; } .light-blue-text.text-lighten-1 { color: rgb(41, 182, 246) !important; } .light-blue.darken-1 { background-color: rgb(3, 155, 229) !important; } .light-blue-text.text-darken-1 { color: rgb(3, 155, 229) !important; } .light-blue.darken-2 { background-color: rgb(2, 136, 209) !important; } .light-blue-text.text-darken-2 { color: rgb(2, 136, 209) !important; } .light-blue.darken-3 { background-color: rgb(2, 119, 189) !important; } .light-blue-text.text-darken-3 { color: rgb(2, 119, 189) !important; } .light-blue.darken-4 { background-color: rgb(1, 87, 155) !important; } .light-blue-text.text-darken-4 { color: rgb(1, 87, 155) !important; } .light-blue.accent-1 { background-color: rgb(128, 216, 255) !important; } .light-blue-text.text-accent-1 { color: rgb(128, 216, 255) !important; } .light-blue.accent-2 { background-color: rgb(64, 196, 255) !important; } .light-blue-text.text-accent-2 { color: rgb(64, 196, 255) !important; } .light-blue.accent-3 { background-color: rgb(0, 176, 255) !important; } .light-blue-text.text-accent-3 { color: rgb(0, 176, 255) !important; } .light-blue.accent-4 { background-color: rgb(0, 145, 234) !important; } .light-blue-text.text-accent-4 { color: rgb(0, 145, 234) !important; } .cyan { background-color: rgb(0, 188, 212) !important; } .cyan-text { color: rgb(0, 188, 212) !important; } .cyan.lighten-5 { background-color: rgb(224, 247, 250) !important; } .cyan-text.text-lighten-5 { color: rgb(224, 247, 250) !important; } .cyan.lighten-4 { background-color: rgb(178, 235, 242) !important; } .cyan-text.text-lighten-4 { color: rgb(178, 235, 242) !important; } .cyan.lighten-3 { background-color: rgb(128, 222, 234) !important; } .cyan-text.text-lighten-3 { color: rgb(128, 222, 234) !important; } .cyan.lighten-2 { background-color: rgb(77, 208, 225) !important; } .cyan-text.text-lighten-2 { color: rgb(77, 208, 225) !important; } .cyan.lighten-1 { background-color: rgb(38, 198, 218) !important; } .cyan-text.text-lighten-1 { color: rgb(38, 198, 218) !important; } .cyan.darken-1 { background-color: rgb(0, 172, 193) !important; } .cyan-text.text-darken-1 { color: rgb(0, 172, 193) !important; } .cyan.darken-2 { background-color: rgb(0, 151, 167) !important; } .cyan-text.text-darken-2 { color: rgb(0, 151, 167) !important; } .cyan.darken-3 { background-color: rgb(0, 131, 143) !important; } .cyan-text.text-darken-3 { color: rgb(0, 131, 143) !important; } .cyan.darken-4 { background-color: rgb(0, 96, 100) !important; } .cyan-text.text-darken-4 { color: rgb(0, 96, 100) !important; } .cyan.accent-1 { background-color: rgb(132, 255, 255) !important; } .cyan-text.text-accent-1 { color: rgb(132, 255, 255) !important; } .cyan.accent-2 { background-color: rgb(24, 255, 255) !important; } .cyan-text.text-accent-2 { color: rgb(24, 255, 255) !important; } .cyan.accent-3 { background-color: rgb(0, 229, 255) !important; } .cyan-text.text-accent-3 { color: rgb(0, 229, 255) !important; } .cyan.accent-4 { background-color: rgb(0, 184, 212) !important; } .cyan-text.text-accent-4 { color: rgb(0, 184, 212) !important; } .teal { background-color: rgb(0, 150, 136) !important; } .teal-text { color: rgb(0, 150, 136) !important; } .teal.lighten-5 { background-color: rgb(224, 242, 241) !important; } .teal-text.text-lighten-5 { color: rgb(224, 242, 241) !important; } .teal.lighten-4 { background-color: rgb(178, 223, 219) !important; } .teal-text.text-lighten-4 { color: rgb(178, 223, 219) !important; } .teal.lighten-3 { background-color: rgb(128, 203, 196) !important; } .teal-text.text-lighten-3 { color: rgb(128, 203, 196) !important; } .teal.lighten-2 { background-color: rgb(77, 182, 172) !important; } .teal-text.text-lighten-2 { color: rgb(77, 182, 172) !important; } .teal.lighten-1 { background-color: rgb(38, 166, 154) !important; } .teal-text.text-lighten-1 { color: rgb(38, 166, 154) !important; } .teal.darken-1 { background-color: rgb(0, 137, 123) !important; } .teal-text.text-darken-1 { color: rgb(0, 137, 123) !important; } .teal.darken-2 { background-color: rgb(0, 121, 107) !important; } .teal-text.text-darken-2 { color: rgb(0, 121, 107) !important; } .teal.darken-3 { background-color: rgb(0, 105, 92) !important; } .teal-text.text-darken-3 { color: rgb(0, 105, 92) !important; } .teal.darken-4 { background-color: rgb(0, 77, 64) !important; } .teal-text.text-darken-4 { color: rgb(0, 77, 64) !important; } .teal.accent-1 { background-color: rgb(167, 255, 235) !important; } .teal-text.text-accent-1 { color: rgb(167, 255, 235) !important; } .teal.accent-2 { background-color: rgb(100, 255, 218) !important; } .teal-text.text-accent-2 { color: rgb(100, 255, 218) !important; } .teal.accent-3 { background-color: rgb(29, 233, 182) !important; } .teal-text.text-accent-3 { color: rgb(29, 233, 182) !important; } .teal.accent-4 { background-color: rgb(0, 191, 165) !important; } .teal-text.text-accent-4 { color: rgb(0, 191, 165) !important; } .green { background-color: rgb(76, 175, 80) !important; } .green-text { color: rgb(76, 175, 80) !important; } .green.lighten-5 { background-color: rgb(232, 245, 233) !important; } .green-text.text-lighten-5 { color: rgb(232, 245, 233) !important; } .green.lighten-4 { background-color: rgb(200, 230, 201) !important; } .green-text.text-lighten-4 { color: rgb(200, 230, 201) !important; } .green.lighten-3 { background-color: rgb(165, 214, 167) !important; } .green-text.text-lighten-3 { color: rgb(165, 214, 167) !important; } .green.lighten-2 { background-color: rgb(129, 199, 132) !important; } .green-text.text-lighten-2 { color: rgb(129, 199, 132) !important; } .green.lighten-1 { background-color: rgb(102, 187, 106) !important; } .green-text.text-lighten-1 { color: rgb(102, 187, 106) !important; } .green.darken-1 { background-color: rgb(67, 160, 71) !important; } .green-text.text-darken-1 { color: rgb(67, 160, 71) !important; } .green.darken-2 { background-color: rgb(56, 142, 60) !important; } .green-text.text-darken-2 { color: rgb(56, 142, 60) !important; } .green.darken-3 { background-color: rgb(46, 125, 50) !important; } .green-text.text-darken-3 { color: rgb(46, 125, 50) !important; } .green.darken-4 { background-color: rgb(27, 94, 32) !important; } .green-text.text-darken-4 { color: rgb(27, 94, 32) !important; } .green.accent-1 { background-color: rgb(185, 246, 202) !important; } .green-text.text-accent-1 { color: rgb(185, 246, 202) !important; } .green.accent-2 { background-color: rgb(105, 240, 174) !important; } .green-text.text-accent-2 { color: rgb(105, 240, 174) !important; } .green.accent-3 { background-color: rgb(0, 230, 118) !important; } .green-text.text-accent-3 { color: rgb(0, 230, 118) !important; } .green.accent-4 { background-color: rgb(0, 200, 83) !important; } .green-text.text-accent-4 { color: rgb(0, 200, 83) !important; } .light-green { background-color: rgb(139, 195, 74) !important; } .light-green-text { color: rgb(139, 195, 74) !important; } .light-green.lighten-5 { background-color: rgb(241, 248, 233) !important; } .light-green-text.text-lighten-5 { color: rgb(241, 248, 233) !important; } .light-green.lighten-4 { background-color: rgb(220, 237, 200) !important; } .light-green-text.text-lighten-4 { color: rgb(220, 237, 200) !important; } .light-green.lighten-3 { background-color: rgb(197, 225, 165) !important; } .light-green-text.text-lighten-3 { color: rgb(197, 225, 165) !important; } .light-green.lighten-2 { background-color: rgb(174, 213, 129) !important; } .light-green-text.text-lighten-2 { color: rgb(174, 213, 129) !important; } .light-green.lighten-1 { background-color: rgb(156, 204, 101) !important; } .light-green-text.text-lighten-1 { color: rgb(156, 204, 101) !important; } .light-green.darken-1 { background-color: rgb(124, 179, 66) !important; } .light-green-text.text-darken-1 { color: rgb(124, 179, 66) !important; } .light-green.darken-2 { background-color: rgb(104, 159, 56) !important; } .light-green-text.text-darken-2 { color: rgb(104, 159, 56) !important; } .light-green.darken-3 { background-color: rgb(85, 139, 47) !important; } .light-green-text.text-darken-3 { color: rgb(85, 139, 47) !important; } .light-green.darken-4 { background-color: rgb(51, 105, 30) !important; } .light-green-text.text-darken-4 { color: rgb(51, 105, 30) !important; } .light-green.accent-1 { background-color: rgb(204, 255, 144) !important; } .light-green-text.text-accent-1 { color: rgb(204, 255, 144) !important; } .light-green.accent-2 { background-color: rgb(178, 255, 89) !important; } .light-green-text.text-accent-2 { color: rgb(178, 255, 89) !important; } .light-green.accent-3 { background-color: rgb(118, 255, 3) !important; } .light-green-text.text-accent-3 { color: rgb(118, 255, 3) !important; } .light-green.accent-4 { background-color: rgb(100, 221, 23) !important; } .light-green-text.text-accent-4 { color: rgb(100, 221, 23) !important; } .lime { background-color: rgb(205, 220, 57) !important; } .lime-text { color: rgb(205, 220, 57) !important; } .lime.lighten-5 { background-color: rgb(249, 251, 231) !important; } .lime-text.text-lighten-5 { color: rgb(249, 251, 231) !important; } .lime.lighten-4 { background-color: rgb(240, 244, 195) !important; } .lime-text.text-lighten-4 { color: rgb(240, 244, 195) !important; } .lime.lighten-3 { background-color: rgb(230, 238, 156) !important; } .lime-text.text-lighten-3 { color: rgb(230, 238, 156) !important; } .lime.lighten-2 { background-color: rgb(220, 231, 117) !important; } .lime-text.text-lighten-2 { color: rgb(220, 231, 117) !important; } .lime.lighten-1 { background-color: rgb(212, 225, 87) !important; } .lime-text.text-lighten-1 { color: rgb(212, 225, 87) !important; } .lime.darken-1 { background-color: rgb(192, 202, 51) !important; } .lime-text.text-darken-1 { color: rgb(192, 202, 51) !important; } .lime.darken-2 { background-color: rgb(175, 180, 43) !important; } .lime-text.text-darken-2 { color: rgb(175, 180, 43) !important; } .lime.darken-3 { background-color: rgb(158, 157, 36) !important; } .lime-text.text-darken-3 { color: rgb(158, 157, 36) !important; } .lime.darken-4 { background-color: rgb(130, 119, 23) !important; } .lime-text.text-darken-4 { color: rgb(130, 119, 23) !important; } .lime.accent-1 { background-color: rgb(244, 255, 129) !important; } .lime-text.text-accent-1 { color: rgb(244, 255, 129) !important; } .lime.accent-2 { background-color: rgb(238, 255, 65) !important; } .lime-text.text-accent-2 { color: rgb(238, 255, 65) !important; } .lime.accent-3 { background-color: rgb(198, 255, 0) !important; } .lime-text.text-accent-3 { color: rgb(198, 255, 0) !important; } .lime.accent-4 { background-color: rgb(174, 234, 0) !important; } .lime-text.text-accent-4 { color: rgb(174, 234, 0) !important; } .yellow { background-color: rgb(255, 235, 59) !important; } .yellow-text { color: rgb(255, 235, 59) !important; } .yellow.lighten-5 { background-color: rgb(255, 253, 231) !important; } .yellow-text.text-lighten-5 { color: rgb(255, 253, 231) !important; } .yellow.lighten-4 { background-color: rgb(255, 249, 196) !important; } .yellow-text.text-lighten-4 { color: rgb(255, 249, 196) !important; } .yellow.lighten-3 { background-color: rgb(255, 245, 157) !important; } .yellow-text.text-lighten-3 { color: rgb(255, 245, 157) !important; } .yellow.lighten-2 { background-color: rgb(255, 241, 118) !important; } .yellow-text.text-lighten-2 { color: rgb(255, 241, 118) !important; } .yellow.lighten-1 { background-color: rgb(255, 238, 88) !important; } .yellow-text.text-lighten-1 { color: rgb(255, 238, 88) !important; } .yellow.darken-1 { background-color: rgb(253, 216, 53) !important; } .yellow-text.text-darken-1 { color: rgb(253, 216, 53) !important; } .yellow.darken-2 { background-color: rgb(251, 192, 45) !important; } .yellow-text.text-darken-2 { color: rgb(251, 192, 45) !important; } .yellow.darken-3 { background-color: rgb(249, 168, 37) !important; } .yellow-text.text-darken-3 { color: rgb(249, 168, 37) !important; } .yellow.darken-4 { background-color: rgb(245, 127, 23) !important; } .yellow-text.text-darken-4 { color: rgb(245, 127, 23) !important; } .yellow.accent-1 { background-color: rgb(255, 255, 141) !important; } .yellow-text.text-accent-1 { color: rgb(255, 255, 141) !important; } .yellow.accent-2 { background-color: rgb(255, 255, 0) !important; } .yellow-text.text-accent-2 { color: rgb(255, 255, 0) !important; } .yellow.accent-3 { background-color: rgb(255, 234, 0) !important; } .yellow-text.text-accent-3 { color: rgb(255, 234, 0) !important; } .yellow.accent-4 { background-color: rgb(255, 214, 0) !important; } .yellow-text.text-accent-4 { color: rgb(255, 214, 0) !important; } .amber { background-color: rgb(255, 193, 7) !important; } .amber-text { color: rgb(255, 193, 7) !important; } .amber.lighten-5 { background-color: rgb(255, 248, 225) !important; } .amber-text.text-lighten-5 { color: rgb(255, 248, 225) !important; } .amber.lighten-4 { background-color: rgb(255, 236, 179) !important; } .amber-text.text-lighten-4 { color: rgb(255, 236, 179) !important; } .amber.lighten-3 { background-color: rgb(255, 224, 130) !important; } .amber-text.text-lighten-3 { color: rgb(255, 224, 130) !important; } .amber.lighten-2 { background-color: rgb(255, 213, 79) !important; } .amber-text.text-lighten-2 { color: rgb(255, 213, 79) !important; } .amber.lighten-1 { background-color: rgb(255, 202, 40) !important; } .amber-text.text-lighten-1 { color: rgb(255, 202, 40) !important; } .amber.darken-1 { background-color: rgb(255, 179, 0) !important; } .amber-text.text-darken-1 { color: rgb(255, 179, 0) !important; } .amber.darken-2 { background-color: rgb(255, 160, 0) !important; } .amber-text.text-darken-2 { color: rgb(255, 160, 0) !important; } .amber.darken-3 { background-color: rgb(255, 143, 0) !important; } .amber-text.text-darken-3 { color: rgb(255, 143, 0) !important; } .amber.darken-4 { background-color: rgb(255, 111, 0) !important; } .amber-text.text-darken-4 { color: rgb(255, 111, 0) !important; } .amber.accent-1 { background-color: rgb(255, 229, 127) !important; } .amber-text.text-accent-1 { color: rgb(255, 229, 127) !important; } .amber.accent-2 { background-color: rgb(255, 215, 64) !important; } .amber-text.text-accent-2 { color: rgb(255, 215, 64) !important; } .amber.accent-3 { background-color: rgb(255, 196, 0) !important; } .amber-text.text-accent-3 { color: rgb(255, 196, 0) !important; } .amber.accent-4 { background-color: rgb(255, 171, 0) !important; } .amber-text.text-accent-4 { color: rgb(255, 171, 0) !important; } .orange { background-color: rgb(255, 152, 0) !important; } .orange-text { color: rgb(255, 152, 0) !important; } .orange.lighten-5 { background-color: rgb(255, 243, 224) !important; } .orange-text.text-lighten-5 { color: rgb(255, 243, 224) !important; } .orange.lighten-4 { background-color: rgb(255, 224, 178) !important; } .orange-text.text-lighten-4 { color: rgb(255, 224, 178) !important; } .orange.lighten-3 { background-color: rgb(255, 204, 128) !important; } .orange-text.text-lighten-3 { color: rgb(255, 204, 128) !important; } .orange.lighten-2 { background-color: rgb(255, 183, 77) !important; } .orange-text.text-lighten-2 { color: rgb(255, 183, 77) !important; } .orange.lighten-1 { background-color: rgb(255, 167, 38) !important; } .orange-text.text-lighten-1 { color: rgb(255, 167, 38) !important; } .orange.darken-1 { background-color: rgb(251, 140, 0) !important; } .orange-text.text-darken-1 { color: rgb(251, 140, 0) !important; } .orange.darken-2 { background-color: rgb(245, 124, 0) !important; } .orange-text.text-darken-2 { color: rgb(245, 124, 0) !important; } .orange.darken-3 { background-color: rgb(239, 108, 0) !important; } .orange-text.text-darken-3 { color: rgb(239, 108, 0) !important; } .orange.darken-4 { background-color: rgb(230, 81, 0) !important; } .orange-text.text-darken-4 { color: rgb(230, 81, 0) !important; } .orange.accent-1 { background-color: rgb(255, 209, 128) !important; } .orange-text.text-accent-1 { color: rgb(255, 209, 128) !important; } .orange.accent-2 { background-color: rgb(255, 171, 64) !important; } .orange-text.text-accent-2 { color: rgb(255, 171, 64) !important; } .orange.accent-3 { background-color: rgb(255, 145, 0) !important; } .orange-text.text-accent-3 { color: rgb(255, 145, 0) !important; } .orange.accent-4 { background-color: rgb(255, 109, 0) !important; } .orange-text.text-accent-4 { color: rgb(255, 109, 0) !important; } .deep-orange { background-color: rgb(255, 87, 34) !important; } .deep-orange-text { color: rgb(255, 87, 34) !important; } .deep-orange.lighten-5 { background-color: rgb(251, 233, 231) !important; } .deep-orange-text.text-lighten-5 { color: rgb(251, 233, 231) !important; } .deep-orange.lighten-4 { background-color: rgb(255, 204, 188) !important; } .deep-orange-text.text-lighten-4 { color: rgb(255, 204, 188) !important; } .deep-orange.lighten-3 { background-color: rgb(255, 171, 145) !important; } .deep-orange-text.text-lighten-3 { color: rgb(255, 171, 145) !important; } .deep-orange.lighten-2 { background-color: rgb(255, 138, 101) !important; } .deep-orange-text.text-lighten-2 { color: rgb(255, 138, 101) !important; } .deep-orange.lighten-1 { background-color: rgb(255, 112, 67) !important; } .deep-orange-text.text-lighten-1 { color: rgb(255, 112, 67) !important; } .deep-orange.darken-1 { background-color: rgb(244, 81, 30) !important; } .deep-orange-text.text-darken-1 { color: rgb(244, 81, 30) !important; } .deep-orange.darken-2 { background-color: rgb(230, 74, 25) !important; } .deep-orange-text.text-darken-2 { color: rgb(230, 74, 25) !important; } .deep-orange.darken-3 { background-color: rgb(216, 67, 21) !important; } .deep-orange-text.text-darken-3 { color: rgb(216, 67, 21) !important; } .deep-orange.darken-4 { background-color: rgb(191, 54, 12) !important; } .deep-orange-text.text-darken-4 { color: rgb(191, 54, 12) !important; } .deep-orange.accent-1 { background-color: rgb(255, 158, 128) !important; } .deep-orange-text.text-accent-1 { color: rgb(255, 158, 128) !important; } .deep-orange.accent-2 { background-color: rgb(255, 110, 64) !important; } .deep-orange-text.text-accent-2 { color: rgb(255, 110, 64) !important; } .deep-orange.accent-3 { background-color: rgb(255, 61, 0) !important; } .deep-orange-text.text-accent-3 { color: rgb(255, 61, 0) !important; } .deep-orange.accent-4 { background-color: rgb(221, 44, 0) !important; } .deep-orange-text.text-accent-4 { color: rgb(221, 44, 0) !important; } .brown { background-color: rgb(121, 85, 72) !important; } .brown-text { color: rgb(121, 85, 72) !important; } .brown.lighten-5 { background-color: rgb(239, 235, 233) !important; } .brown-text.text-lighten-5 { color: rgb(239, 235, 233) !important; } .brown.lighten-4 { background-color: rgb(215, 204, 200) !important; } .brown-text.text-lighten-4 { color: rgb(215, 204, 200) !important; } .brown.lighten-3 { background-color: rgb(188, 170, 164) !important; } .brown-text.text-lighten-3 { color: rgb(188, 170, 164) !important; } .brown.lighten-2 { background-color: rgb(161, 136, 127) !important; } .brown-text.text-lighten-2 { color: rgb(161, 136, 127) !important; } .brown.lighten-1 { background-color: rgb(141, 110, 99) !important; } .brown-text.text-lighten-1 { color: rgb(141, 110, 99) !important; } .brown.darken-1 { background-color: rgb(109, 76, 65) !important; } .brown-text.text-darken-1 { color: rgb(109, 76, 65) !important; } .brown.darken-2 { background-color: rgb(93, 64, 55) !important; } .brown-text.text-darken-2 { color: rgb(93, 64, 55) !important; } .brown.darken-3 { background-color: rgb(78, 52, 46) !important; } .brown-text.text-darken-3 { color: rgb(78, 52, 46) !important; } .brown.darken-4 { background-color: rgb(62, 39, 35) !important; } .brown-text.text-darken-4 { color: rgb(62, 39, 35) !important; } .blue-grey { background-color: rgb(96, 125, 139) !important; } .blue-grey-text { color: rgb(96, 125, 139) !important; } .blue-grey.lighten-5 { background-color: rgb(236, 239, 241) !important; } .blue-grey-text.text-lighten-5 { color: rgb(236, 239, 241) !important; } .blue-grey.lighten-4 { background-color: rgb(207, 216, 220) !important; } .blue-grey-text.text-lighten-4 { color: rgb(207, 216, 220) !important; } .blue-grey.lighten-3 { background-color: rgb(176, 190, 197) !important; } .blue-grey-text.text-lighten-3 { color: rgb(176, 190, 197) !important; } .blue-grey.lighten-2 { background-color: rgb(144, 164, 174) !important; } .blue-grey-text.text-lighten-2 { color: rgb(144, 164, 174) !important; } .blue-grey.lighten-1 { background-color: rgb(120, 144, 156) !important; } .blue-grey-text.text-lighten-1 { color: rgb(120, 144, 156) !important; } .blue-grey.darken-1 { background-color: rgb(84, 110, 122) !important; } .blue-grey-text.text-darken-1 { color: rgb(84, 110, 122) !important; } .blue-grey.darken-2 { background-color: rgb(69, 90, 100) !important; } .blue-grey-text.text-darken-2 { color: rgb(69, 90, 100) !important; } .blue-grey.darken-3 { background-color: rgb(55, 71, 79) !important; } .blue-grey-text.text-darken-3 { color: rgb(55, 71, 79) !important; } .blue-grey.darken-4 { background-color: rgb(38, 50, 56) !important; } .blue-grey-text.text-darken-4 { color: rgb(38, 50, 56) !important; } .grey { background-color: rgb(158, 158, 158) !important; } .grey-text { color: rgb(158, 158, 158) !important; } .grey.lighten-5 { background-color: rgb(250, 250, 250) !important; } .grey-text.text-lighten-5 { color: rgb(250, 250, 250) !important; } .grey.lighten-4 { background-color: rgb(245, 245, 245) !important; } .grey-text.text-lighten-4 { color: rgb(245, 245, 245) !important; } .grey.lighten-3 { background-color: rgb(238, 238, 238) !important; } .grey-text.text-lighten-3 { color: rgb(238, 238, 238) !important; } .grey.lighten-2 { background-color: rgb(224, 224, 224) !important; } .grey-text.text-lighten-2 { color: rgb(224, 224, 224) !important; } .grey.lighten-1 { background-color: rgb(189, 189, 189) !important; } .grey-text.text-lighten-1 { color: rgb(189, 189, 189) !important; } .grey.darken-1 { background-color: rgb(117, 117, 117) !important; } .grey-text.text-darken-1 { color: rgb(117, 117, 117) !important; } .grey.darken-2 { background-color: rgb(97, 97, 97) !important; } .grey-text.text-darken-2 { color: rgb(97, 97, 97) !important; } .grey.darken-3 { background-color: rgb(66, 66, 66) !important; } .grey-text.text-darken-3 { color: rgb(66, 66, 66) !important; } .grey.darken-4 { background-color: rgb(33, 33, 33) !important; } .grey-text.text-darken-4 { color: rgb(33, 33, 33) !important; } .black { background-color: rgb(0, 0, 0) !important; } .black-text { color: rgb(0, 0, 0) !important; } .white { background-color: rgb(255, 255, 255) !important; } .white-text { color: rgb(255, 255, 255) !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } .azul-to { background-color: rgb(46, 87, 144) !important; } .azul-to-text { color: rgb(46, 87, 144) !important; } .azul-to.lighten-5 { background-color: rgb(206, 220, 239) !important; } .azul-to-text.text-lighten-5 { color: rgb(206, 220, 239) !important; } .azul-to.lighten-4 { background-color: rgb(167, 192, 227) !important; } .azul-to-text.text-lighten-4 { color: rgb(167, 192, 227) !important; } .azul-to.lighten-3 { background-color: rgb(128, 164, 215) !important; } .azul-to-text.text-lighten-3 { color: rgb(128, 164, 215) !important; } .azul-to.lighten-2 { background-color: rgb(90, 137, 202) !important; } .azul-to-text.text-lighten-2 { color: rgb(90, 137, 202) !important; } .azul-to.lighten-1 { background-color: rgb(58, 110, 183) !important; } .azul-to-text.text-lighten-1 { color: rgb(58, 110, 183) !important; } .azul-to.darken-1 { background-color: rgb(40, 75, 125) !important; } .azul-to-text.text-darken-1 { color: rgb(40, 75, 125) !important; } .azul-to.darken-2 { background-color: rgb(34, 64, 105) !important; } .azul-to-text.text-darken-2 { color: rgb(34, 64, 105) !important; } .azul-to.darken-3 { background-color: rgb(27, 52, 86) !important; } .azul-to-text.text-darken-3 { color: rgb(27, 52, 86) !important; } .azul-to.darken-4 { background-color: rgb(21, 40, 67) !important; } .azul-to-text.text-darken-4 { color: rgb(21, 40, 67) !important; } .verde-to { background-color: rgb(37, 149, 81) !important; } .verde-to-text { color: rgb(37, 149, 81) !important; } .verde-to.lighten-5 { background-color: rgb(47, 190, 103) !important; } .verde-to-text.text-lighten-5 { color: rgb(47, 190, 103) !important; } .verde-to.lighten-4 { background-color: rgb(77, 211, 130) !important; } .verde-to-text.text-lighten-4 { color: rgb(77, 211, 130) !important; } .verde-to.lighten-3 { background-color: rgb(118, 221, 158) !important; } .verde-to-text.text-lighten-3 { color: rgb(118, 221, 158) !important; } .verde-to.lighten-2 { background-color: rgb(159, 231, 187) !important; } .verde-to-text.text-lighten-2 { color: rgb(159, 231, 187) !important; } .verde-to.lighten-1 { background-color: rgb(200, 241, 216) !important; } .verde-to-text.text-lighten-1 { color: rgb(200, 241, 216) !important; } .verde-to.darken-1 { background-color: rgb(32, 129, 70) !important; } .verde-to-text.text-darken-1 { color: rgb(32, 129, 70) !important; } .verde-to.darken-2 { background-color: rgb(27, 108, 59) !important; } .verde-to-text.text-darken-2 { color: rgb(27, 108, 59) !important; } .verde-to.darken-3 { background-color: rgb(22, 88, 48) !important; } .verde-to-text.text-darken-3 { color: rgb(22, 88, 48) !important; } .verde-to.darken-4 { background-color: rgb(17, 67, 37) !important; } .verde-to-text.text-darken-4 { color: rgb(17, 67, 37) !important; } .amarelo-to { background-color: rgb(246, 198, 45) !important; } .amarelo-to-text { color: rgb(246, 198, 45) !important; } .amarelo-to.lighten-5 { background-color: rgb(248, 211, 94) !important; } .amarelo-to-text.text-lighten-5 { color: rgb(248, 211, 94) !important; } .amarelo-to.lighten-4 { background-color: rgb(250, 225, 143) !important; } .amarelo-to-text.text-lighten-4 { color: rgb(250, 225, 143) !important; } .amarelo-to.lighten-3 { background-color: rgb(252, 238, 192) !important; } .amarelo-to-text.text-lighten-3 { color: rgb(252, 238, 192) !important; } .amarelo-to.lighten-2 { background-color: rgb(253, 244, 216) !important; } .amarelo-to-text.text-lighten-2 { color: rgb(253, 244, 216) !important; } .amarelo-to.lighten-1 { background-color: rgb(254, 251, 241) !important; } .amarelo-to-text.text-lighten-1 { color: rgb(254, 251, 241) !important; } .amarelo-to.darken-1 { background-color: rgb(245, 191, 21) !important; } .amarelo-to-text.text-darken-1 { color: rgb(245, 191, 21) !important; } .amarelo-to.darken-2 { background-color: rgb(230, 178, 10) !important; } .amarelo-to-text.text-darken-2 { color: rgb(230, 178, 10) !important; } .amarelo-to.darken-3 { background-color: rgb(206, 159, 9) !important; } .amarelo-to-text.text-darken-3 { color: rgb(206, 159, 9) !important; } .amarelo-to.darken-4 { background-color: rgb(181, 140, 8) !important; } .amarelo-to-text.text-darken-4 { color: rgb(181, 140, 8) !important; } .materialize-red { background-color: rgb(229, 28, 35) !important; } .materialize-red-text { color: rgb(229, 28, 35) !important; } .materialize-red.lighten-5 { background-color: rgb(253, 234, 235) !important; } .materialize-red-text.text-lighten-5 { color: rgb(253, 234, 235) !important; } .materialize-red.lighten-4 { background-color: rgb(248, 193, 195) !important; } .materialize-red-text.text-lighten-4 { color: rgb(248, 193, 195) !important; } .materialize-red.lighten-3 { background-color: rgb(243, 152, 155) !important; } .materialize-red-text.text-lighten-3 { color: rgb(243, 152, 155) !important; } .materialize-red.lighten-2 { background-color: rgb(238, 110, 115) !important; } .materialize-red-text.text-lighten-2 { color: rgb(238, 110, 115) !important; } .materialize-red.lighten-1 { background-color: rgb(234, 69, 75) !important; } .materialize-red-text.text-lighten-1 { color: rgb(234, 69, 75) !important; } .materialize-red.darken-1 { background-color: rgb(208, 24, 30) !important; } .materialize-red-text.text-darken-1 { color: rgb(208, 24, 30) !important; } .materialize-red.darken-2 { background-color: rgb(185, 21, 27) !important; } .materialize-red-text.text-darken-2 { color: rgb(185, 21, 27) !important; } .materialize-red.darken-3 { background-color: rgb(162, 19, 24) !important; } .materialize-red-text.text-darken-3 { color: rgb(162, 19, 24) !important; } .materialize-red.darken-4 { background-color: rgb(139, 16, 20) !important; } .materialize-red-text.text-darken-4 { color: rgb(139, 16, 20) !important; } .red { background-color: rgb(244, 67, 54) !important; } .red-text { color: rgb(244, 67, 54) !important; } .red.lighten-5 { background-color: rgb(255, 235, 238) !important; } .red-text.text-lighten-5 { color: rgb(255, 235, 238) !important; } .red.lighten-4 { background-color: rgb(255, 205, 210) !important; } .red-text.text-lighten-4 { color: rgb(255, 205, 210) !important; } .red.lighten-3 { background-color: rgb(239, 154, 154) !important; } .red-text.text-lighten-3 { color: rgb(239, 154, 154) !important; } .red.lighten-2 { background-color: rgb(229, 115, 115) !important; } .red-text.text-lighten-2 { color: rgb(229, 115, 115) !important; } .red.lighten-1 { background-color: rgb(239, 83, 80) !important; } .red-text.text-lighten-1 { color: rgb(239, 83, 80) !important; } .red.darken-1 { background-color: rgb(229, 57, 53) !important; } .red-text.text-darken-1 { color: rgb(229, 57, 53) !important; } .red.darken-2 { background-color: rgb(211, 47, 47) !important; } .red-text.text-darken-2 { color: rgb(211, 47, 47) !important; } .red.darken-3 { background-color: rgb(198, 40, 40) !important; } .red-text.text-darken-3 { color: rgb(198, 40, 40) !important; } .red.darken-4 { background-color: rgb(183, 28, 28) !important; } .red-text.text-darken-4 { color: rgb(183, 28, 28) !important; } .red.accent-1 { background-color: rgb(255, 138, 128) !important; } .red-text.text-accent-1 { color: rgb(255, 138, 128) !important; } .red.accent-2 { background-color: rgb(255, 82, 82) !important; } .red-text.text-accent-2 { color: rgb(255, 82, 82) !important; } .red.accent-3 { background-color: rgb(255, 23, 68) !important; } .red-text.text-accent-3 { color: rgb(255, 23, 68) !important; } .red.accent-4 { background-color: rgb(213, 0, 0) !important; } .red-text.text-accent-4 { color: rgb(213, 0, 0) !important; } .pink { background-color: rgb(233, 30, 99) !important; } .pink-text { color: rgb(233, 30, 99) !important; } .pink.lighten-5 { background-color: rgb(252, 228, 236) !important; } .pink-text.text-lighten-5 { color: rgb(252, 228, 236) !important; } .pink.lighten-4 { background-color: rgb(248, 187, 208) !important; } .pink-text.text-lighten-4 { color: rgb(248, 187, 208) !important; } .pink.lighten-3 { background-color: rgb(244, 143, 177) !important; } .pink-text.text-lighten-3 { color: rgb(244, 143, 177) !important; } .pink.lighten-2 { background-color: rgb(240, 98, 146) !important; } .pink-text.text-lighten-2 { color: rgb(240, 98, 146) !important; } .pink.lighten-1 { background-color: rgb(236, 64, 122) !important; } .pink-text.text-lighten-1 { color: rgb(236, 64, 122) !important; } .pink.darken-1 { background-color: rgb(216, 27, 96) !important; } .pink-text.text-darken-1 { color: rgb(216, 27, 96) !important; } .pink.darken-2 { background-color: rgb(194, 24, 91) !important; } .pink-text.text-darken-2 { color: rgb(194, 24, 91) !important; } .pink.darken-3 { background-color: rgb(173, 20, 87) !important; } .pink-text.text-darken-3 { color: rgb(173, 20, 87) !important; } .pink.darken-4 { background-color: rgb(136, 14, 79) !important; } .pink-text.text-darken-4 { color: rgb(136, 14, 79) !important; } .pink.accent-1 { background-color: rgb(255, 128, 171) !important; } .pink-text.text-accent-1 { color: rgb(255, 128, 171) !important; } .pink.accent-2 { background-color: rgb(255, 64, 129) !important; } .pink-text.text-accent-2 { color: rgb(255, 64, 129) !important; } .pink.accent-3 { background-color: rgb(245, 0, 87) !important; } .pink-text.text-accent-3 { color: rgb(245, 0, 87) !important; } .pink.accent-4 { background-color: rgb(197, 17, 98) !important; } .pink-text.text-accent-4 { color: rgb(197, 17, 98) !important; } .purple { background-color: rgb(156, 39, 176) !important; } .purple-text { color: rgb(156, 39, 176) !important; } .purple.lighten-5 { background-color: rgb(243, 229, 245) !important; } .purple-text.text-lighten-5 { color: rgb(243, 229, 245) !important; } .purple.lighten-4 { background-color: rgb(225, 190, 231) !important; } .purple-text.text-lighten-4 { color: rgb(225, 190, 231) !important; } .purple.lighten-3 { background-color: rgb(206, 147, 216) !important; } .purple-text.text-lighten-3 { color: rgb(206, 147, 216) !important; } .purple.lighten-2 { background-color: rgb(186, 104, 200) !important; } .purple-text.text-lighten-2 { color: rgb(186, 104, 200) !important; } .purple.lighten-1 { background-color: rgb(171, 71, 188) !important; } .purple-text.text-lighten-1 { color: rgb(171, 71, 188) !important; } .purple.darken-1 { background-color: rgb(142, 36, 170) !important; } .purple-text.text-darken-1 { color: rgb(142, 36, 170) !important; } .purple.darken-2 { background-color: rgb(123, 31, 162) !important; } .purple-text.text-darken-2 { color: rgb(123, 31, 162) !important; } .purple.darken-3 { background-color: rgb(106, 27, 154) !important; } .purple-text.text-darken-3 { color: rgb(106, 27, 154) !important; } .purple.darken-4 { background-color: rgb(74, 20, 140) !important; } .purple-text.text-darken-4 { color: rgb(74, 20, 140) !important; } .purple.accent-1 { background-color: rgb(234, 128, 252) !important; } .purple-text.text-accent-1 { color: rgb(234, 128, 252) !important; } .purple.accent-2 { background-color: rgb(224, 64, 251) !important; } .purple-text.text-accent-2 { color: rgb(224, 64, 251) !important; } .purple.accent-3 { background-color: rgb(213, 0, 249) !important; } .purple-text.text-accent-3 { color: rgb(213, 0, 249) !important; } .purple.accent-4 { background-color: rgb(170, 0, 255) !important; } .purple-text.text-accent-4 { color: rgb(170, 0, 255) !important; } .deep-purple { background-color: rgb(103, 58, 183) !important; } .deep-purple-text { color: rgb(103, 58, 183) !important; } .deep-purple.lighten-5 { background-color: rgb(237, 231, 246) !important; } .deep-purple-text.text-lighten-5 { color: rgb(237, 231, 246) !important; } .deep-purple.lighten-4 { background-color: rgb(209, 196, 233) !important; } .deep-purple-text.text-lighten-4 { color: rgb(209, 196, 233) !important; } .deep-purple.lighten-3 { background-color: rgb(179, 157, 219) !important; } .deep-purple-text.text-lighten-3 { color: rgb(179, 157, 219) !important; } .deep-purple.lighten-2 { background-color: rgb(149, 117, 205) !important; } .deep-purple-text.text-lighten-2 { color: rgb(149, 117, 205) !important; } .deep-purple.lighten-1 { background-color: rgb(126, 87, 194) !important; } .deep-purple-text.text-lighten-1 { color: rgb(126, 87, 194) !important; } .deep-purple.darken-1 { background-color: rgb(94, 53, 177) !important; } .deep-purple-text.text-darken-1 { color: rgb(94, 53, 177) !important; } .deep-purple.darken-2 { background-color: rgb(81, 45, 168) !important; } .deep-purple-text.text-darken-2 { color: rgb(81, 45, 168) !important; } .deep-purple.darken-3 { background-color: rgb(69, 39, 160) !important; } .deep-purple-text.text-darken-3 { color: rgb(69, 39, 160) !important; } .deep-purple.darken-4 { background-color: rgb(49, 27, 146) !important; } .deep-purple-text.text-darken-4 { color: rgb(49, 27, 146) !important; } .deep-purple.accent-1 { background-color: rgb(179, 136, 255) !important; } .deep-purple-text.text-accent-1 { color: rgb(179, 136, 255) !important; } .deep-purple.accent-2 { background-color: rgb(124, 77, 255) !important; } .deep-purple-text.text-accent-2 { color: rgb(124, 77, 255) !important; } .deep-purple.accent-3 { background-color: rgb(101, 31, 255) !important; } .deep-purple-text.text-accent-3 { color: rgb(101, 31, 255) !important; } .deep-purple.accent-4 { background-color: rgb(98, 0, 234) !important; } .deep-purple-text.text-accent-4 { color: rgb(98, 0, 234) !important; } .indigo { background-color: rgb(63, 81, 181) !important; } .indigo-text { color: rgb(63, 81, 181) !important; } .indigo.lighten-5 { background-color: rgb(232, 234, 246) !important; } .indigo-text.text-lighten-5 { color: rgb(232, 234, 246) !important; } .indigo.lighten-4 { background-color: rgb(197, 202, 233) !important; } .indigo-text.text-lighten-4 { color: rgb(197, 202, 233) !important; } .indigo.lighten-3 { background-color: rgb(159, 168, 218) !important; } .indigo-text.text-lighten-3 { color: rgb(159, 168, 218) !important; } .indigo.lighten-2 { background-color: rgb(121, 134, 203) !important; } .indigo-text.text-lighten-2 { color: rgb(121, 134, 203) !important; } .indigo.lighten-1 { background-color: rgb(92, 107, 192) !important; } .indigo-text.text-lighten-1 { color: rgb(92, 107, 192) !important; } .indigo.darken-1 { background-color: rgb(57, 73, 171) !important; } .indigo-text.text-darken-1 { color: rgb(57, 73, 171) !important; } .indigo.darken-2 { background-color: rgb(48, 63, 159) !important; } .indigo-text.text-darken-2 { color: rgb(48, 63, 159) !important; } .indigo.darken-3 { background-color: rgb(40, 53, 147) !important; } .indigo-text.text-darken-3 { color: rgb(40, 53, 147) !important; } .indigo.darken-4 { background-color: rgb(26, 35, 126) !important; } .indigo-text.text-darken-4 { color: rgb(26, 35, 126) !important; } .indigo.accent-1 { background-color: rgb(140, 158, 255) !important; } .indigo-text.text-accent-1 { color: rgb(140, 158, 255) !important; } .indigo.accent-2 { background-color: rgb(83, 109, 254) !important; } .indigo-text.text-accent-2 { color: rgb(83, 109, 254) !important; } .indigo.accent-3 { background-color: rgb(61, 90, 254) !important; } .indigo-text.text-accent-3 { color: rgb(61, 90, 254) !important; } .indigo.accent-4 { background-color: rgb(48, 79, 254) !important; } .indigo-text.text-accent-4 { color: rgb(48, 79, 254) !important; } .blue { background-color: rgb(33, 150, 243) !important; } .blue-text { color: rgb(33, 150, 243) !important; } .blue.lighten-5 { background-color: rgb(227, 242, 253) !important; } .blue-text.text-lighten-5 { color: rgb(227, 242, 253) !important; } .blue.lighten-4 { background-color: rgb(187, 222, 251) !important; } .blue-text.text-lighten-4 { color: rgb(187, 222, 251) !important; } .blue.lighten-3 { background-color: rgb(144, 202, 249) !important; } .blue-text.text-lighten-3 { color: rgb(144, 202, 249) !important; } .blue.lighten-2 { background-color: rgb(100, 181, 246) !important; } .blue-text.text-lighten-2 { color: rgb(100, 181, 246) !important; } .blue.lighten-1 { background-color: rgb(66, 165, 245) !important; } .blue-text.text-lighten-1 { color: rgb(66, 165, 245) !important; } .blue.darken-1 { background-color: rgb(30, 136, 229) !important; } .blue-text.text-darken-1 { color: rgb(30, 136, 229) !important; } .blue.darken-2 { background-color: rgb(25, 118, 210) !important; } .blue-text.text-darken-2 { color: rgb(25, 118, 210) !important; } .blue.darken-3 { background-color: rgb(21, 101, 192) !important; } .blue-text.text-darken-3 { color: rgb(21, 101, 192) !important; } .blue.darken-4 { background-color: rgb(13, 71, 161) !important; } .blue-text.text-darken-4 { color: rgb(13, 71, 161) !important; } .blue.accent-1 { background-color: rgb(130, 177, 255) !important; } .blue-text.text-accent-1 { color: rgb(130, 177, 255) !important; } .blue.accent-2 { background-color: rgb(68, 138, 255) !important; } .blue-text.text-accent-2 { color: rgb(68, 138, 255) !important; } .blue.accent-3 { background-color: rgb(41, 121, 255) !important; } .blue-text.text-accent-3 { color: rgb(41, 121, 255) !important; } .blue.accent-4 { background-color: rgb(41, 98, 255) !important; } .blue-text.text-accent-4 { color: rgb(41, 98, 255) !important; } .light-blue { background-color: rgb(3, 169, 244) !important; } .light-blue-text { color: rgb(3, 169, 244) !important; } .light-blue.lighten-5 { background-color: rgb(225, 245, 254) !important; } .light-blue-text.text-lighten-5 { color: rgb(225, 245, 254) !important; } .light-blue.lighten-4 { background-color: rgb(179, 229, 252) !important; } .light-blue-text.text-lighten-4 { color: rgb(179, 229, 252) !important; } .light-blue.lighten-3 { background-color: rgb(129, 212, 250) !important; } .light-blue-text.text-lighten-3 { color: rgb(129, 212, 250) !important; } .light-blue.lighten-2 { background-color: rgb(79, 195, 247) !important; } .light-blue-text.text-lighten-2 { color: rgb(79, 195, 247) !important; } .light-blue.lighten-1 { background-color: rgb(41, 182, 246) !important; } .light-blue-text.text-lighten-1 { color: rgb(41, 182, 246) !important; } .light-blue.darken-1 { background-color: rgb(3, 155, 229) !important; } .light-blue-text.text-darken-1 { color: rgb(3, 155, 229) !important; } .light-blue.darken-2 { background-color: rgb(2, 136, 209) !important; } .light-blue-text.text-darken-2 { color: rgb(2, 136, 209) !important; } .light-blue.darken-3 { background-color: rgb(2, 119, 189) !important; } .light-blue-text.text-darken-3 { color: rgb(2, 119, 189) !important; } .light-blue.darken-4 { background-color: rgb(1, 87, 155) !important; } .light-blue-text.text-darken-4 { color: rgb(1, 87, 155) !important; } .light-blue.accent-1 { background-color: rgb(128, 216, 255) !important; } .light-blue-text.text-accent-1 { color: rgb(128, 216, 255) !important; } .light-blue.accent-2 { background-color: rgb(64, 196, 255) !important; } .light-blue-text.text-accent-2 { color: rgb(64, 196, 255) !important; } .light-blue.accent-3 { background-color: rgb(0, 176, 255) !important; } .light-blue-text.text-accent-3 { color: rgb(0, 176, 255) !important; } .light-blue.accent-4 { background-color: rgb(0, 145, 234) !important; } .light-blue-text.text-accent-4 { color: rgb(0, 145, 234) !important; } .cyan { background-color: rgb(0, 188, 212) !important; } .cyan-text { color: rgb(0, 188, 212) !important; } .cyan.lighten-5 { background-color: rgb(224, 247, 250) !important; } .cyan-text.text-lighten-5 { color: rgb(224, 247, 250) !important; } .cyan.lighten-4 { background-color: rgb(178, 235, 242) !important; } .cyan-text.text-lighten-4 { color: rgb(178, 235, 242) !important; } .cyan.lighten-3 { background-color: rgb(128, 222, 234) !important; } .cyan-text.text-lighten-3 { color: rgb(128, 222, 234) !important; } .cyan.lighten-2 { background-color: rgb(77, 208, 225) !important; } .cyan-text.text-lighten-2 { color: rgb(77, 208, 225) !important; } .cyan.lighten-1 { background-color: rgb(38, 198, 218) !important; } .cyan-text.text-lighten-1 { color: rgb(38, 198, 218) !important; } .cyan.darken-1 { background-color: rgb(0, 172, 193) !important; } .cyan-text.text-darken-1 { color: rgb(0, 172, 193) !important; } .cyan.darken-2 { background-color: rgb(0, 151, 167) !important; } .cyan-text.text-darken-2 { color: rgb(0, 151, 167) !important; } .cyan.darken-3 { background-color: rgb(0, 131, 143) !important; } .cyan-text.text-darken-3 { color: rgb(0, 131, 143) !important; } .cyan.darken-4 { background-color: rgb(0, 96, 100) !important; } .cyan-text.text-darken-4 { color: rgb(0, 96, 100) !important; } .cyan.accent-1 { background-color: rgb(132, 255, 255) !important; } .cyan-text.text-accent-1 { color: rgb(132, 255, 255) !important; } .cyan.accent-2 { background-color: rgb(24, 255, 255) !important; } .cyan-text.text-accent-2 { color: rgb(24, 255, 255) !important; } .cyan.accent-3 { background-color: rgb(0, 229, 255) !important; } .cyan-text.text-accent-3 { color: rgb(0, 229, 255) !important; } .cyan.accent-4 { background-color: rgb(0, 184, 212) !important; } .cyan-text.text-accent-4 { color: rgb(0, 184, 212) !important; } .teal { background-color: rgb(0, 150, 136) !important; } .teal-text { color: rgb(0, 150, 136) !important; } .teal.lighten-5 { background-color: rgb(224, 242, 241) !important; } .teal-text.text-lighten-5 { color: rgb(224, 242, 241) !important; } .teal.lighten-4 { background-color: rgb(178, 223, 219) !important; } .teal-text.text-lighten-4 { color: rgb(178, 223, 219) !important; } .teal.lighten-3 { background-color: rgb(128, 203, 196) !important; } .teal-text.text-lighten-3 { color: rgb(128, 203, 196) !important; } .teal.lighten-2 { background-color: rgb(77, 182, 172) !important; } .teal-text.text-lighten-2 { color: rgb(77, 182, 172) !important; } .teal.lighten-1 { background-color: rgb(38, 166, 154) !important; } .teal-text.text-lighten-1 { color: rgb(38, 166, 154) !important; } .teal.darken-1 { background-color: rgb(0, 137, 123) !important; } .teal-text.text-darken-1 { color: rgb(0, 137, 123) !important; } .teal.darken-2 { background-color: rgb(0, 121, 107) !important; } .teal-text.text-darken-2 { color: rgb(0, 121, 107) !important; } .teal.darken-3 { background-color: rgb(0, 105, 92) !important; } .teal-text.text-darken-3 { color: rgb(0, 105, 92) !important; } .teal.darken-4 { background-color: rgb(0, 77, 64) !important; } .teal-text.text-darken-4 { color: rgb(0, 77, 64) !important; } .teal.accent-1 { background-color: rgb(167, 255, 235) !important; } .teal-text.text-accent-1 { color: rgb(167, 255, 235) !important; } .teal.accent-2 { background-color: rgb(100, 255, 218) !important; } .teal-text.text-accent-2 { color: rgb(100, 255, 218) !important; } .teal.accent-3 { background-color: rgb(29, 233, 182) !important; } .teal-text.text-accent-3 { color: rgb(29, 233, 182) !important; } .teal.accent-4 { background-color: rgb(0, 191, 165) !important; } .teal-text.text-accent-4 { color: rgb(0, 191, 165) !important; } .green { background-color: rgb(76, 175, 80) !important; } .green-text { color: rgb(76, 175, 80) !important; } .green.lighten-5 { background-color: rgb(232, 245, 233) !important; } .green-text.text-lighten-5 { color: rgb(232, 245, 233) !important; } .green.lighten-4 { background-color: rgb(200, 230, 201) !important; } .green-text.text-lighten-4 { color: rgb(200, 230, 201) !important; } .green.lighten-3 { background-color: rgb(165, 214, 167) !important; } .green-text.text-lighten-3 { color: rgb(165, 214, 167) !important; } .green.lighten-2 { background-color: rgb(129, 199, 132) !important; } .green-text.text-lighten-2 { color: rgb(129, 199, 132) !important; } .green.lighten-1 { background-color: rgb(102, 187, 106) !important; } .green-text.text-lighten-1 { color: rgb(102, 187, 106) !important; } .green.darken-1 { background-color: rgb(67, 160, 71) !important; } .green-text.text-darken-1 { color: rgb(67, 160, 71) !important; } .green.darken-2 { background-color: rgb(56, 142, 60) !important; } .green-text.text-darken-2 { color: rgb(56, 142, 60) !important; } .green.darken-3 { background-color: rgb(46, 125, 50) !important; } .green-text.text-darken-3 { color: rgb(46, 125, 50) !important; } .green.darken-4 { background-color: rgb(27, 94, 32) !important; } .green-text.text-darken-4 { color: rgb(27, 94, 32) !important; } .green.accent-1 { background-color: rgb(185, 246, 202) !important; } .green-text.text-accent-1 { color: rgb(185, 246, 202) !important; } .green.accent-2 { background-color: rgb(105, 240, 174) !important; } .green-text.text-accent-2 { color: rgb(105, 240, 174) !important; } .green.accent-3 { background-color: rgb(0, 230, 118) !important; } .green-text.text-accent-3 { color: rgb(0, 230, 118) !important; } .green.accent-4 { background-color: rgb(0, 200, 83) !important; } .green-text.text-accent-4 { color: rgb(0, 200, 83) !important; } .light-green { background-color: rgb(139, 195, 74) !important; } .light-green-text { color: rgb(139, 195, 74) !important; } .light-green.lighten-5 { background-color: rgb(241, 248, 233) !important; } .light-green-text.text-lighten-5 { color: rgb(241, 248, 233) !important; } .light-green.lighten-4 { background-color: rgb(220, 237, 200) !important; } .light-green-text.text-lighten-4 { color: rgb(220, 237, 200) !important; } .light-green.lighten-3 { background-color: rgb(197, 225, 165) !important; } .light-green-text.text-lighten-3 { color: rgb(197, 225, 165) !important; } .light-green.lighten-2 { background-color: rgb(174, 213, 129) !important; } .light-green-text.text-lighten-2 { color: rgb(174, 213, 129) !important; } .light-green.lighten-1 { background-color: rgb(156, 204, 101) !important; } .light-green-text.text-lighten-1 { color: rgb(156, 204, 101) !important; } .light-green.darken-1 { background-color: rgb(124, 179, 66) !important; } .light-green-text.text-darken-1 { color: rgb(124, 179, 66) !important; } .light-green.darken-2 { background-color: rgb(104, 159, 56) !important; } .light-green-text.text-darken-2 { color: rgb(104, 159, 56) !important; } .light-green.darken-3 { background-color: rgb(85, 139, 47) !important; } .light-green-text.text-darken-3 { color: rgb(85, 139, 47) !important; } .light-green.darken-4 { background-color: rgb(51, 105, 30) !important; } .light-green-text.text-darken-4 { color: rgb(51, 105, 30) !important; } .light-green.accent-1 { background-color: rgb(204, 255, 144) !important; } .light-green-text.text-accent-1 { color: rgb(204, 255, 144) !important; } .light-green.accent-2 { background-color: rgb(178, 255, 89) !important; } .light-green-text.text-accent-2 { color: rgb(178, 255, 89) !important; } .light-green.accent-3 { background-color: rgb(118, 255, 3) !important; } .light-green-text.text-accent-3 { color: rgb(118, 255, 3) !important; } .light-green.accent-4 { background-color: rgb(100, 221, 23) !important; } .light-green-text.text-accent-4 { color: rgb(100, 221, 23) !important; } .lime { background-color: rgb(205, 220, 57) !important; } .lime-text { color: rgb(205, 220, 57) !important; } .lime.lighten-5 { background-color: rgb(249, 251, 231) !important; } .lime-text.text-lighten-5 { color: rgb(249, 251, 231) !important; } .lime.lighten-4 { background-color: rgb(240, 244, 195) !important; } .lime-text.text-lighten-4 { color: rgb(240, 244, 195) !important; } .lime.lighten-3 { background-color: rgb(230, 238, 156) !important; } .lime-text.text-lighten-3 { color: rgb(230, 238, 156) !important; } .lime.lighten-2 { background-color: rgb(220, 231, 117) !important; } .lime-text.text-lighten-2 { color: rgb(220, 231, 117) !important; } .lime.lighten-1 { background-color: rgb(212, 225, 87) !important; } .lime-text.text-lighten-1 { color: rgb(212, 225, 87) !important; } .lime.darken-1 { background-color: rgb(192, 202, 51) !important; } .lime-text.text-darken-1 { color: rgb(192, 202, 51) !important; } .lime.darken-2 { background-color: rgb(175, 180, 43) !important; } .lime-text.text-darken-2 { color: rgb(175, 180, 43) !important; } .lime.darken-3 { background-color: rgb(158, 157, 36) !important; } .lime-text.text-darken-3 { color: rgb(158, 157, 36) !important; } .lime.darken-4 { background-color: rgb(130, 119, 23) !important; } .lime-text.text-darken-4 { color: rgb(130, 119, 23) !important; } .lime.accent-1 { background-color: rgb(244, 255, 129) !important; } .lime-text.text-accent-1 { color: rgb(244, 255, 129) !important; } .lime.accent-2 { background-color: rgb(238, 255, 65) !important; } .lime-text.text-accent-2 { color: rgb(238, 255, 65) !important; } .lime.accent-3 { background-color: rgb(198, 255, 0) !important; } .lime-text.text-accent-3 { color: rgb(198, 255, 0) !important; } .lime.accent-4 { background-color: rgb(174, 234, 0) !important; } .lime-text.text-accent-4 { color: rgb(174, 234, 0) !important; } .yellow { background-color: rgb(255, 235, 59) !important; } .yellow-text { color: rgb(255, 235, 59) !important; } .yellow.lighten-5 { background-color: rgb(255, 253, 231) !important; } .yellow-text.text-lighten-5 { color: rgb(255, 253, 231) !important; } .yellow.lighten-4 { background-color: rgb(255, 249, 196) !important; } .yellow-text.text-lighten-4 { color: rgb(255, 249, 196) !important; } .yellow.lighten-3 { background-color: rgb(255, 245, 157) !important; } .yellow-text.text-lighten-3 { color: rgb(255, 245, 157) !important; } .yellow.lighten-2 { background-color: rgb(255, 241, 118) !important; } .yellow-text.text-lighten-2 { color: rgb(255, 241, 118) !important; } .yellow.lighten-1 { background-color: rgb(255, 238, 88) !important; } .yellow-text.text-lighten-1 { color: rgb(255, 238, 88) !important; } .yellow.darken-1 { background-color: rgb(253, 216, 53) !important; } .yellow-text.text-darken-1 { color: rgb(253, 216, 53) !important; } .yellow.darken-2 { background-color: rgb(251, 192, 45) !important; } .yellow-text.text-darken-2 { color: rgb(251, 192, 45) !important; } .yellow.darken-3 { background-color: rgb(249, 168, 37) !important; } .yellow-text.text-darken-3 { color: rgb(249, 168, 37) !important; } .yellow.darken-4 { background-color: rgb(245, 127, 23) !important; } .yellow-text.text-darken-4 { color: rgb(245, 127, 23) !important; } .yellow.accent-1 { background-color: rgb(255, 255, 141) !important; } .yellow-text.text-accent-1 { color: rgb(255, 255, 141) !important; } .yellow.accent-2 { background-color: rgb(255, 255, 0) !important; } .yellow-text.text-accent-2 { color: rgb(255, 255, 0) !important; } .yellow.accent-3 { background-color: rgb(255, 234, 0) !important; } .yellow-text.text-accent-3 { color: rgb(255, 234, 0) !important; } .yellow.accent-4 { background-color: rgb(255, 214, 0) !important; } .yellow-text.text-accent-4 { color: rgb(255, 214, 0) !important; } .amber { background-color: rgb(255, 193, 7) !important; } .amber-text { color: rgb(255, 193, 7) !important; } .amber.lighten-5 { background-color: rgb(255, 248, 225) !important; } .amber-text.text-lighten-5 { color: rgb(255, 248, 225) !important; } .amber.lighten-4 { background-color: rgb(255, 236, 179) !important; } .amber-text.text-lighten-4 { color: rgb(255, 236, 179) !important; } .amber.lighten-3 { background-color: rgb(255, 224, 130) !important; } .amber-text.text-lighten-3 { color: rgb(255, 224, 130) !important; } .amber.lighten-2 { background-color: rgb(255, 213, 79) !important; } .amber-text.text-lighten-2 { color: rgb(255, 213, 79) !important; } .amber.lighten-1 { background-color: rgb(255, 202, 40) !important; } .amber-text.text-lighten-1 { color: rgb(255, 202, 40) !important; } .amber.darken-1 { background-color: rgb(255, 179, 0) !important; } .amber-text.text-darken-1 { color: rgb(255, 179, 0) !important; } .amber.darken-2 { background-color: rgb(255, 160, 0) !important; } .amber-text.text-darken-2 { color: rgb(255, 160, 0) !important; } .amber.darken-3 { background-color: rgb(255, 143, 0) !important; } .amber-text.text-darken-3 { color: rgb(255, 143, 0) !important; } .amber.darken-4 { background-color: rgb(255, 111, 0) !important; } .amber-text.text-darken-4 { color: rgb(255, 111, 0) !important; } .amber.accent-1 { background-color: rgb(255, 229, 127) !important; } .amber-text.text-accent-1 { color: rgb(255, 229, 127) !important; } .amber.accent-2 { background-color: rgb(255, 215, 64) !important; } .amber-text.text-accent-2 { color: rgb(255, 215, 64) !important; } .amber.accent-3 { background-color: rgb(255, 196, 0) !important; } .amber-text.text-accent-3 { color: rgb(255, 196, 0) !important; } .amber.accent-4 { background-color: rgb(255, 171, 0) !important; } .amber-text.text-accent-4 { color: rgb(255, 171, 0) !important; } .orange { background-color: rgb(255, 152, 0) !important; } .orange-text { color: rgb(255, 152, 0) !important; } .orange.lighten-5 { background-color: rgb(255, 243, 224) !important; } .orange-text.text-lighten-5 { color: rgb(255, 243, 224) !important; } .orange.lighten-4 { background-color: rgb(255, 224, 178) !important; } .orange-text.text-lighten-4 { color: rgb(255, 224, 178) !important; } .orange.lighten-3 { background-color: rgb(255, 204, 128) !important; } .orange-text.text-lighten-3 { color: rgb(255, 204, 128) !important; } .orange.lighten-2 { background-color: rgb(255, 183, 77) !important; } .orange-text.text-lighten-2 { color: rgb(255, 183, 77) !important; } .orange.lighten-1 { background-color: rgb(255, 167, 38) !important; } .orange-text.text-lighten-1 { color: rgb(255, 167, 38) !important; } .orange.darken-1 { background-color: rgb(251, 140, 0) !important; } .orange-text.text-darken-1 { color: rgb(251, 140, 0) !important; } .orange.darken-2 { background-color: rgb(245, 124, 0) !important; } .orange-text.text-darken-2 { color: rgb(245, 124, 0) !important; } .orange.darken-3 { background-color: rgb(239, 108, 0) !important; } .orange-text.text-darken-3 { color: rgb(239, 108, 0) !important; } .orange.darken-4 { background-color: rgb(230, 81, 0) !important; } .orange-text.text-darken-4 { color: rgb(230, 81, 0) !important; } .orange.accent-1 { background-color: rgb(255, 209, 128) !important; } .orange-text.text-accent-1 { color: rgb(255, 209, 128) !important; } .orange.accent-2 { background-color: rgb(255, 171, 64) !important; } .orange-text.text-accent-2 { color: rgb(255, 171, 64) !important; } .orange.accent-3 { background-color: rgb(255, 145, 0) !important; } .orange-text.text-accent-3 { color: rgb(255, 145, 0) !important; } .orange.accent-4 { background-color: rgb(255, 109, 0) !important; } .orange-text.text-accent-4 { color: rgb(255, 109, 0) !important; } .deep-orange { background-color: rgb(255, 87, 34) !important; } .deep-orange-text { color: rgb(255, 87, 34) !important; } .deep-orange.lighten-5 { background-color: rgb(251, 233, 231) !important; } .deep-orange-text.text-lighten-5 { color: rgb(251, 233, 231) !important; } .deep-orange.lighten-4 { background-color: rgb(255, 204, 188) !important; } .deep-orange-text.text-lighten-4 { color: rgb(255, 204, 188) !important; } .deep-orange.lighten-3 { background-color: rgb(255, 171, 145) !important; } .deep-orange-text.text-lighten-3 { color: rgb(255, 171, 145) !important; } .deep-orange.lighten-2 { background-color: rgb(255, 138, 101) !important; } .deep-orange-text.text-lighten-2 { color: rgb(255, 138, 101) !important; } .deep-orange.lighten-1 { background-color: rgb(255, 112, 67) !important; } .deep-orange-text.text-lighten-1 { color: rgb(255, 112, 67) !important; } .deep-orange.darken-1 { background-color: rgb(244, 81, 30) !important; } .deep-orange-text.text-darken-1 { color: rgb(244, 81, 30) !important; } .deep-orange.darken-2 { background-color: rgb(230, 74, 25) !important; } .deep-orange-text.text-darken-2 { color: rgb(230, 74, 25) !important; } .deep-orange.darken-3 { background-color: rgb(216, 67, 21) !important; } .deep-orange-text.text-darken-3 { color: rgb(216, 67, 21) !important; } .deep-orange.darken-4 { background-color: rgb(191, 54, 12) !important; } .deep-orange-text.text-darken-4 { color: rgb(191, 54, 12) !important; } .deep-orange.accent-1 { background-color: rgb(255, 158, 128) !important; } .deep-orange-text.text-accent-1 { color: rgb(255, 158, 128) !important; } .deep-orange.accent-2 { background-color: rgb(255, 110, 64) !important; } .deep-orange-text.text-accent-2 { color: rgb(255, 110, 64) !important; } .deep-orange.accent-3 { background-color: rgb(255, 61, 0) !important; } .deep-orange-text.text-accent-3 { color: rgb(255, 61, 0) !important; } .deep-orange.accent-4 { background-color: rgb(221, 44, 0) !important; } .deep-orange-text.text-accent-4 { color: rgb(221, 44, 0) !important; } .brown { background-color: rgb(121, 85, 72) !important; } .brown-text { color: rgb(121, 85, 72) !important; } .brown.lighten-5 { background-color: rgb(239, 235, 233) !important; } .brown-text.text-lighten-5 { color: rgb(239, 235, 233) !important; } .brown.lighten-4 { background-color: rgb(215, 204, 200) !important; } .brown-text.text-lighten-4 { color: rgb(215, 204, 200) !important; } .brown.lighten-3 { background-color: rgb(188, 170, 164) !important; } .brown-text.text-lighten-3 { color: rgb(188, 170, 164) !important; } .brown.lighten-2 { background-color: rgb(161, 136, 127) !important; } .brown-text.text-lighten-2 { color: rgb(161, 136, 127) !important; } .brown.lighten-1 { background-color: rgb(141, 110, 99) !important; } .brown-text.text-lighten-1 { color: rgb(141, 110, 99) !important; } .brown.darken-1 { background-color: rgb(109, 76, 65) !important; } .brown-text.text-darken-1 { color: rgb(109, 76, 65) !important; } .brown.darken-2 { background-color: rgb(93, 64, 55) !important; } .brown-text.text-darken-2 { color: rgb(93, 64, 55) !important; } .brown.darken-3 { background-color: rgb(78, 52, 46) !important; } .brown-text.text-darken-3 { color: rgb(78, 52, 46) !important; } .brown.darken-4 { background-color: rgb(62, 39, 35) !important; } .brown-text.text-darken-4 { color: rgb(62, 39, 35) !important; } .blue-grey { background-color: rgb(96, 125, 139) !important; } .blue-grey-text { color: rgb(96, 125, 139) !important; } .blue-grey.lighten-5 { background-color: rgb(236, 239, 241) !important; } .blue-grey-text.text-lighten-5 { color: rgb(236, 239, 241) !important; } .blue-grey.lighten-4 { background-color: rgb(207, 216, 220) !important; } .blue-grey-text.text-lighten-4 { color: rgb(207, 216, 220) !important; } .blue-grey.lighten-3 { background-color: rgb(176, 190, 197) !important; } .blue-grey-text.text-lighten-3 { color: rgb(176, 190, 197) !important; } .blue-grey.lighten-2 { background-color: rgb(144, 164, 174) !important; } .blue-grey-text.text-lighten-2 { color: rgb(144, 164, 174) !important; } .blue-grey.lighten-1 { background-color: rgb(120, 144, 156) !important; } .blue-grey-text.text-lighten-1 { color: rgb(120, 144, 156) !important; } .blue-grey.darken-1 { background-color: rgb(84, 110, 122) !important; } .blue-grey-text.text-darken-1 { color: rgb(84, 110, 122) !important; } .blue-grey.darken-2 { background-color: rgb(69, 90, 100) !important; } .blue-grey-text.text-darken-2 { color: rgb(69, 90, 100) !important; } .blue-grey.darken-3 { background-color: rgb(55, 71, 79) !important; } .blue-grey-text.text-darken-3 { color: rgb(55, 71, 79) !important; } .blue-grey.darken-4 { background-color: rgb(38, 50, 56) !important; } .blue-grey-text.text-darken-4 { color: rgb(38, 50, 56) !important; } .grey { background-color: rgb(158, 158, 158) !important; } .grey-text { color: rgb(158, 158, 158) !important; } .grey.lighten-5 { background-color: rgb(250, 250, 250) !important; } .grey-text.text-lighten-5 { color: rgb(250, 250, 250) !important; } .grey.lighten-4 { background-color: rgb(245, 245, 245) !important; } .grey-text.text-lighten-4 { color: rgb(245, 245, 245) !important; } .grey.lighten-3 { background-color: rgb(238, 238, 238) !important; } .grey-text.text-lighten-3 { color: rgb(238, 238, 238) !important; } .grey.lighten-2 { background-color: rgb(224, 224, 224) !important; } .grey-text.text-lighten-2 { color: rgb(224, 224, 224) !important; } .grey.lighten-1 { background-color: rgb(189, 189, 189) !important; } .grey-text.text-lighten-1 { color: rgb(189, 189, 189) !important; } .grey.darken-1 { background-color: rgb(117, 117, 117) !important; } .grey-text.text-darken-1 { color: rgb(117, 117, 117) !important; } .grey.darken-2 { background-color: rgb(97, 97, 97) !important; } .grey-text.text-darken-2 { color: rgb(97, 97, 97) !important; } .grey.darken-3 { background-color: rgb(66, 66, 66) !important; } .grey-text.text-darken-3 { color: rgb(66, 66, 66) !important; } .grey.darken-4 { background-color: rgb(33, 33, 33) !important; } .grey-text.text-darken-4 { color: rgb(33, 33, 33) !important; } .black { background-color: rgb(0, 0, 0) !important; } .black-text { color: rgb(0, 0, 0) !important; } .white { background-color: rgb(255, 255, 255) !important; } .white-text { color: rgb(255, 255, 255) !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } body { background: rgb(248, 248, 255); overflow-x: hidden; transition: all 0.3s linear 0s; animation: 0.4s linear 0s 1 normal none running loadinbody; } body.active { opacity: 0; } #main > .row { min-height: 100%; } #main.main-full + footer { padding-left: 71px !important; } #main + footer { padding-left: 250px !important; } .navbar .notification-badge { bottom: -5px; right: 0px !important; top: unset !important; } @keyframes loadinbody { 0% { opacity: 0; } 100% { opacity: 1; }} @keyframes loadin { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); }} @keyframes loadinbrasao { 0% { opacity: 0.3; } 100% { opacity: 0.7; }} @keyframes loadout { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); }} .transition-fade { transition: all 0.4s ease 0s; opacity: 1; transform: translateX(0px); } html.is-animating .transition-fade { opacity: 0; transform: translateY(50px); } #main-content a:not(.btn):not(.btn-large):not(.btn-small) { text-decoration: underline; } #main-content .dropdown-content a, #main-content .tab a { text-decoration: none !important; } label { color: rgb(85, 85, 85) !important; } .vertical-dark-menu .app-page #main { min-height: calc(100% - 116px); } .brand-logo { padding: 22px 12px 22px 16px !important; } .brand-logo img { filter: contrast(100); height: 35px !important; margin-bottom: -10px !important; margin-top: -7px !important; } @media screen and (min-width: 992px) { .brand-logo img { filter: invert(1); }} .navbar .nav-collapsed .header-search-wrapper { margin: 7px auto 0px 87px !important; } @media screen and (max-width: 600px) { .nav-wrapper .navbar-list { overflow: hidden; height: 56px !important; } .nav-wrapper .navbar-list li, .nav-wrapper .navbar-list li a { height: 56px !important; }} .navbar .dropdown-content { width: auto !important; } .navbar .dropdown-content a { height: auto; } .navbar a { height: 64px; } @media screen and (max-width: 992px) { .sidenav-main.sidenav-dark div.brand-sidebar { background: rgb(255, 255, 255) !important; box-shadow: none !important; }} .sidenav-main .brand-sidebar { box-shadow: rgba(0, 0, 0, 0.3) -6px -4px 11px 1px !important; } @media screen and (max-width: 600px) { .sidenav-main .brand-sidebar { height: 56px; } .sidenav-main .brand-sidebar .brand-logo { padding: 15px 16px 22px !important; }} .sidenav-main li.active ul li.active { background: rgba(0, 0, 0, 0.2) !important; } .sidenav li:not(.navigation-header) > a, .sidenav li a.collapsible-header, .sidenav li a.collapsible-body { align-items: center; min-height: 44px !important; height: auto !important; line-height: 18px !important; display: flex !important; } .sidenav li:not(.navigation-header) > a span, .sidenav li a.collapsible-header span, .sidenav li a.collapsible-body span { max-width: 194px; } .sidenav li a.collapsible-body i { min-width: 24px !important; max-width: 24px !important; margin: 0px 12px 0px 7px !important; } .sidenav-dark.sidenav-main .sidenav li > a > i, .sidenav-dark.sidenav-main .sidenav li .more-text > i { text-align: left !important; } .navigation-header-icon { color: rgba(255, 255, 255, 0.7) !important; } #breadcrumbs-wrapper { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 10px; } #breadcrumbs-wrapper .container .row { align-items: flex-end; width: 100%; flex-wrap: wrap; display: inline-flex !important; } @media screen and (max-width: 992px) { #breadcrumbs-wrapper .container .row { align-items: flex-start; }} #breadcrumbs-wrapper .page-actions { display: flex; justify-content: flex-end; } #breadcrumbs-wrapper .page-actions a { margin-right: 10px; display: inline-flex; } #breadcrumbs-wrapper .page-actions a i { margin-right: 5px; } #breadcrumbs-wrapper .page-actions a i.left { margin-right: 5px !important; } #breadcrumbs-wrapper .page-actions a i.right { margin-left: 5px !important; } #breadcrumbs-wrapper .page-actions a:last-of-type { margin-right: 0px; } @media screen and (max-width: 992px) { #breadcrumbs-wrapper .breadcrumbs-btn { top: 0px !important; }} .card, .card-panel { box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 8px !important; } .card.amarelo-to, .card-panel.amarelo-to { color: rgb(255, 255, 255) !important; } .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card-panel h1, .card-panel h2, .card-panel h3, .card-panel h4, .card-panel h5, .card-panel h6 { color: rgb(46, 87, 144); } .border-left, .border-right, .border-top, .border-bottom { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0px; } .border-left { border-left-width: 1px; } .border-right { border-right-width: 1px; } .border-top { border-top-width: 1px; } .border-bottom { border-bottom-width: 1px; } i { line-height: inherit; } i.material-icons.left { float: left; margin-right: 5px !important; } i.material-icons.right { float: right; margin-left: 5px !important; } .btn, .btn-large, .btn-small, .btn-large, .btn-small, .btn-flat { background-color: rgb(46, 87, 144); box-shadow: none; line-height: 35px; display: inline-flex !important; padding: 0px 10px !important; text-transform: capitalize !important; } .btn:hover, .btn-large:hover, .btn-small:hover, .btn-large:hover, .btn-small:hover, .btn-flat:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; background-color: rgb(58, 110, 183); } .btn-small { height: 28px; padding: 0px 5px !important; line-height: 28px !important; } .btn-large { height: 45px !important; line-height: 45px !important; } .btn-floating { padding: 0px !important; } .btn-floating:hover, .btn-floating:focus { background-color: rgb(55, 103, 171); } .btn-secondary { background: none !important; border: 1px solid rgba(0, 0, 0, 0.4) !important; color: rgba(0, 0, 0, 0.4) !important; } .btn-secondary.white { background: none !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; color: rgba(255, 255, 255, 0.4) !important; } .row .tab.col { padding: 0px; } .tabs { background-color: transparent; } .tabs::after { content: ""; width: 100%; height: 10px; background: white; position: absolute; bottom: -10px; left: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; } .tabs .tab { background: rgb(255, 255, 255); height: 50px; line-height: 50px; margin-top: 0px; } .tabs .tab a { border-radius: 8px 8px 0px 0px; border: 1px solid rgb(255, 255, 255); color: rgb(46, 87, 144); font-weight: 400; } .tabs .tab a:hover { background-color: rgba(0, 0, 0, 0.05); } .tabs .tab a:focus.active, .tabs .tab a.active { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgba(0, 0, 0, 0.3); border-right-color: rgba(0, 0, 0, 0.3); border-left-color: rgba(0, 0, 0, 0.3); border-image: initial; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-shadow: none; border-bottom-style: initial; border-bottom-color: initial; z-index: 1; position: relative; transition: all 0.1s ease-in-out 0s; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { box-shadow: white 0px 0px 0px 100px inset !important; } .select-field { position: relative; margin-top: 1rem; margin-bottom: 1rem; } .select-field label { position: absolute; top: 0px; left: 33px; font-size: 1rem; cursor: text; transform-origin: 0% 100%; text-align: initial; transition: all 0.3s ease-in 0s; z-index: 2; transform: translateY(-16px) scale(0.9) !important; } .select-field label::before { content: ""; width: calc(100% + 10px); height: 23px; background-color: white; top: 0px; left: -5px; display: block; z-index: -1; position: absolute; } .select-field .select2-container { width: 100% !important; } .select-field .select2-container--default .select2-selection--single { border: 1px solid rgba(0, 0, 0, 0.2) !important; padding: 9px 17px 14px !important; box-sizing: border-box !important; font-size: 16px !important; height: 46px !important; line-height: 28px !important; color: rgb(85, 85, 85) !important; } .select-field .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(85, 85, 85) !important; padding-left: unset !important; } .select-field .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 10px; } .select-field .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: rgb(102, 102, 102) transparent transparent; } .select2-results__option { padding: 14px 24px !important; color: rgb(46, 87, 144) !important; } .select2-results__option[aria-selected="true"] { color: rgb(46, 87, 144) !important; background-color: rgba(0, 0, 0, 0.03) !important; } .select2-results__option--highlighted[aria-selected] { background-color: rgba(0, 0, 0, 0.08) !important; color: rgb(46, 87, 144) !important; } .input-field label { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); left: 33px !important; top: 0px !important; color: rgb(85, 85, 85) !important; transition-duration: 0.15s !important; } .input-field label:focus.active { color: rgb(46, 87, 144) !important; } .input-field label.active { background-color: white; width: auto !important; } .input-field label.active::before { content: ""; width: calc(100% + 10px); height: 23px; background-color: white; top: 0px; left: -5px; display: block; z-index: -1; position: absolute; } .input-field > label:not(.label-icon).active { transform: translateY(-13px) scale(0.9) !important; } .error { color: rgb(229, 57, 53) !important; } .error label { color: rgb(229, 57, 53) !important; } input:not([type]):not(.dt_filter):focus, input[type="text"]:not(.browser-default):not(.header-search-input):focus, input[type="password"]:not(.browser-default):not(.header-search-input):focus, input[type="email"]:not(.browser-default):not(.header-search-input):focus, input[type="url"]:not(.browser-default):not(.header-search-input):focus, input[type="time"]:not(.browser-default):not(.header-search-input):focus, input[type="date"]:not(.browser-default):not(.header-search-input):focus, input[type="datetime"]:not(.browser-default):not(.header-search-input):focus, input[type="datetime-local"]:not(.browser-default):not(.header-search-input):focus, input[type="tel"]:not(.browser-default):not(.header-search-input):focus, input[type="number"]:not(.browser-default):not(.header-search-input):focus, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter):focus, textarea.materialize-textarea:focus, textarea:not(.dt_filter):focus { box-shadow: white 0px 0px 0px 0px, white 0px 0px 0px 1000px inset !important; } input:not([type]):not(.dt_filter), input[type="text"]:not(.browser-default):not(.header-search-input):not(.select-dropdown), input[type="password"]:not(.browser-default):not(.header-search-input), input[type="email"]:not(.browser-default):not(.header-search-input), input[type="url"]:not(.browser-default):not(.header-search-input), input[type="time"]:not(.browser-default):not(.header-search-input), input[type="date"]:not(.browser-default):not(.header-search-input), input[type="datetime"]:not(.browser-default):not(.header-search-input), input[type="datetime-local"]:not(.browser-default):not(.header-search-input), input[type="tel"]:not(.browser-default):not(.header-search-input), input[type="number"]:not(.browser-default):not(.header-search-input), input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter), textarea.materialize-textarea, textarea:not(.dt_filter), select:not(.dt_filter) { background: rgb(255, 255, 255) !important; } input:not([type]):not(.dt_filter), input[type="text"]:not(.browser-default):not(.header-search-input), input[type="password"]:not(.browser-default):not(.header-search-input), input[type="email"]:not(.browser-default):not(.header-search-input), input[type="url"]:not(.browser-default):not(.header-search-input), input[type="time"]:not(.browser-default):not(.header-search-input), input[type="date"]:not(.browser-default):not(.header-search-input), input[type="datetime"]:not(.browser-default):not(.header-search-input), input[type="datetime-local"]:not(.browser-default):not(.header-search-input), input[type="tel"]:not(.browser-default):not(.header-search-input), input[type="number"]:not(.browser-default):not(.header-search-input), input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter), textarea.materialize-textarea, textarea:not(.dt_filter), select, select:not(.dt_filter) { color: rgb(85, 85, 85) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 4px !important; padding: 12px 16px 14px !important; box-sizing: border-box !important; font-size: 16px !important; height: 46px !important; line-height: 28px !important; } input:not([type]):not(.dt_filter):focus, input[type="text"]:not(.browser-default):not(.header-search-input):focus, input[type="password"]:not(.browser-default):not(.header-search-input):focus, input[type="email"]:not(.browser-default):not(.header-search-input):focus, input[type="url"]:not(.browser-default):not(.header-search-input):focus, input[type="time"]:not(.browser-default):not(.header-search-input):focus, input[type="date"]:not(.browser-default):not(.header-search-input):focus, input[type="datetime"]:not(.browser-default):not(.header-search-input):focus, input[type="datetime-local"]:not(.browser-default):not(.header-search-input):focus, input[type="tel"]:not(.browser-default):not(.header-search-input):focus, input[type="number"]:not(.browser-default):not(.header-search-input):focus, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter):focus, textarea.materialize-textarea:focus, textarea:not(.dt_filter):focus, select:focus, select:not(.dt_filter):focus { caret-color: rgb(109, 151, 208); border: 2px solid rgb(109, 151, 208) !important; } input:not([type]):not(.dt_filter):focus.error, input:not([type]):not(.dt_filter):focus.valid, input[type="text"]:not(.browser-default):not(.header-search-input):focus.error, input[type="text"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="password"]:not(.browser-default):not(.header-search-input):focus.error, input[type="password"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="email"]:not(.browser-default):not(.header-search-input):focus.error, input[type="email"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="url"]:not(.browser-default):not(.header-search-input):focus.error, input[type="url"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="time"]:not(.browser-default):not(.header-search-input):focus.error, input[type="time"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="date"]:not(.browser-default):not(.header-search-input):focus.error, input[type="date"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="datetime"]:not(.browser-default):not(.header-search-input):focus.error, input[type="datetime"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="datetime-local"]:not(.browser-default):not(.header-search-input):focus.error, input[type="datetime-local"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="tel"]:not(.browser-default):not(.header-search-input):focus.error, input[type="tel"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="number"]:not(.browser-default):not(.header-search-input):focus.error, input[type="number"]:not(.browser-default):not(.header-search-input):focus.valid, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter):focus.error, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter):focus.valid, textarea.materialize-textarea:focus.error, textarea.materialize-textarea:focus.valid, textarea:not(.dt_filter):focus.error, textarea:not(.dt_filter):focus.valid, select:focus.error, select:focus.valid, select:not(.dt_filter):focus.error, select:not(.dt_filter):focus.valid { border-width: 2px !important; } input:not([type]):not(.dt_filter).valid, input[type="text"]:not(.browser-default):not(.header-search-input).valid, input[type="password"]:not(.browser-default):not(.header-search-input).valid, input[type="email"]:not(.browser-default):not(.header-search-input).valid, input[type="url"]:not(.browser-default):not(.header-search-input).valid, input[type="time"]:not(.browser-default):not(.header-search-input).valid, input[type="date"]:not(.browser-default):not(.header-search-input).valid, input[type="datetime"]:not(.browser-default):not(.header-search-input).valid, input[type="datetime-local"]:not(.browser-default):not(.header-search-input).valid, input[type="tel"]:not(.browser-default):not(.header-search-input).valid, input[type="number"]:not(.browser-default):not(.header-search-input).valid, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter).valid, textarea.materialize-textarea.valid, textarea:not(.dt_filter).valid, select.valid, select:not(.dt_filter).valid { } input:not([type]):not(.dt_filter).error, input[type="text"]:not(.browser-default):not(.header-search-input).error, input[type="password"]:not(.browser-default):not(.header-search-input).error, input[type="email"]:not(.browser-default):not(.header-search-input).error, input[type="url"]:not(.browser-default):not(.header-search-input).error, input[type="time"]:not(.browser-default):not(.header-search-input).error, input[type="date"]:not(.browser-default):not(.header-search-input).error, input[type="datetime"]:not(.browser-default):not(.header-search-input).error, input[type="datetime-local"]:not(.browser-default):not(.header-search-input).error, input[type="tel"]:not(.browser-default):not(.header-search-input).error, input[type="number"]:not(.browser-default):not(.header-search-input).error, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter).error, textarea.materialize-textarea.error, textarea:not(.dt_filter).error, select.error, select:not(.dt_filter).error { caret-color: rgb(229, 57, 53); border: 1px solid rgb(229, 57, 53) !important; } input:not([type]):not(.dt_filter).error label, input[type="text"]:not(.browser-default):not(.header-search-input).error label, input[type="password"]:not(.browser-default):not(.header-search-input).error label, input[type="email"]:not(.browser-default):not(.header-search-input).error label, input[type="url"]:not(.browser-default):not(.header-search-input).error label, input[type="time"]:not(.browser-default):not(.header-search-input).error label, input[type="date"]:not(.browser-default):not(.header-search-input).error label, input[type="datetime"]:not(.browser-default):not(.header-search-input).error label, input[type="datetime-local"]:not(.browser-default):not(.header-search-input).error label, input[type="tel"]:not(.browser-default):not(.header-search-input).error label, input[type="number"]:not(.browser-default):not(.header-search-input).error label, input[type="search"]:not(.browser-default):not(.header-search-input):not(.dt_filter).error label, textarea.materialize-textarea.error label, textarea:not(.dt_filter).error label, select.error label, select:not(.dt_filter).error label { color: rgb(229, 57, 53) !important; } textarea.materialize-textarea { height: auto !important; } .header-search-wrapper { margin-top: 5px !important; } .header-search-wrapper input { border: 1px solid rgba(0, 0, 0, 0.1) !important; width: 100% !important; } .header-search-wrapper i { top: 12px !important; color: rgba(0, 0, 0, 0.87) !important; } .search-sm { background: rgb(255, 255, 255) !important; height: 56px !important; line-height: 56px !important; } .search-sm i.search-sm-icon { height: 46px !important; line-height: 49px !important; } .search-sm input { margin-left: 10px; } .search-sm input.search-box-sm { margin-top: 5px !important; margin-left: 5px !important; margin-bottom: 5px !important; } .search-sm input.search-box-sm:focus { padding-left: 20px !important; } .search-sm nav.display-none.search-sm .nav-wrapper form .input-field input.search-box-sm:not(:focus) { padding-left: 20px !important; } .search-sm .search-sm-close, .search-sm .label-icon { background: transparent !important; color: rgb(51, 51, 51) !important; height: 50px !important; line-height: 50px !important; } .search-sm .label-icon.active { left: 10px !important; } table { min-width: 100% !important; } table.table-condensed td { padding: 2px 5px !important; } table a { color: rgb(51, 51, 51); position: relative; font-weight: 500; text-decoration: none !important; } table tr td:last-of-type { position: relative; } table tr td:last-of-type .dropdown-content { min-width: 130px !important; width: auto !important; height: auto !important; } table tr td:last-of-type .dropdown-content li a { display: inline-flex; white-space: nowrap !important; } table tr .table_hover_menu { position: absolute; right: 50px; top: 0px; height: 100%; } @media screen and (max-width: 600px) { table tr .table_hover_menu { display: none !important; }} table tr .table_hover_menu ul { float: left; width: 100%; padding: 0px 8px; margin: 0px; display: inline-flex; height: 99%; } table tr .table_hover_menu ul li { float: left; margin-right: 16px; padding: 7px; border-radius: 50%; align-self: center; display: none; } table tr .table_hover_menu ul li.show_item { display: block; } table tr .table_hover_menu ul li:last-of-type { margin-right: 0px; } table tr .table_hover_menu ul li:hover { background: rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 1px inset; } table tr .table_hover_menu ul li a { float: left; margin-bottom: -5px; position: relative; color: rgb(68, 68, 68); } table tr .table_hover_menu ul li a i { margin-right: 0px !important; } table tr:hover td:last-of-type { background: rgb(255, 255, 255); } table tr:hover .table_hover_menu { background: rgb(255, 255, 255); } table tr:hover .table_hover_menu li { display: block; } table tr:hover .table_hover_menu::before { content: ""; height: 100%; width: 50px; position: absolute; top: 0px; left: -50px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgb(255, 255, 255) 100%); } .datatabled .dataTables_length { display: block !important; width: auto !important; } .datatabled .dataTables_length select { display: inline-block; height: 35px !important; } .datatabled .select-wrapper { display: inline-block; } .datatabled input, .datatabled .select-wrapper input.select-dropdown { color: rgb(85, 85, 85) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 4px !important; padding: 5px 10px !important; box-sizing: border-box !important; font-size: 16px !important; height: 35px !important; width: unset !important; line-height: 28px !important; } .datatabled input:hover, .datatabled input:focus, .datatabled .select-wrapper input.select-dropdown:hover, .datatabled .select-wrapper input.select-dropdown:focus { caret-color: rgb(109, 151, 208); border: 2px solid rgb(109, 151, 208) !important; box-shadow: none !important; } .datatabled .paginate_button, .datatabled .paginate_button:hover { border-radius: 4px; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { background: rgb(255, 255, 255) !important; border: none !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.next, .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button .previous { color: rgb(51, 51, 51) !important; background: rgb(255, 255, 255) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button .previous:hover { color: rgb(51, 51, 51) !important; background: rgb(204, 204, 204) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.next:active, .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button .previous:active { color: rgb(51, 51, 51) !important; background: rgb(204, 204, 204) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: rgb(255, 255, 255) !important; background: rgb(46, 87, 144) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: rgb(46, 87, 144) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: rgb(46, 87, 144) !important; background: rgb(206, 220, 239) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; } .datatabled .dataTables_wrapper .dataTables_paginate .paginate_button:active { color: rgb(255, 255, 255) !important; background: rgb(58, 110, 183) !important; } input.header-search-input { color: rgba(0, 0, 0, 0.87) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; background: rgba(230, 230, 230, 0.3) !important; display: block !important; width: 87% !important; height: 24px !important; padding: 25px 8px 25px 72px !important; transition: all 200ms ease 0s !important; outline: none !important; border-radius: 4px !important; box-sizing: border-box !important; } input.header-search-input:focus, input.header-search-input:hover { background-color: rgb(255, 255, 255) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.87) !important; } .file-field .btn, .file-field .btn-large, .file-field .btn-small { border-radius: 0px 4px 4px 0px; } .file-field .file-path-wrapper { padding-left: 0px !important; } .file-field .file-path-wrapper input.file-path { height: 45px !important; border-radius: 4px 0px 0px 4px !important; } .select-wrapper { position: relative; background: rgb(255, 255, 255) !important; } .select-wrapper svg { right: 10px !important; fill: rgb(102, 102, 102) !important; } .select-wrapper li.disabled > span { color: rgb(102, 102, 102) !important; } .select-wrapper li > span { color: rgb(46, 87, 144) !important; } footer { padding-left: 0px !important; } .azul-to { background-color: rgb(46, 87, 144) !important; } .azul-to-text { color: rgb(46, 87, 144) !important; } .azul-to.lighten-5 { background-color: rgb(206, 220, 239) !important; } .azul-to-text.text-lighten-5 { color: rgb(206, 220, 239) !important; } .azul-to.lighten-4 { background-color: rgb(167, 192, 227) !important; } .azul-to-text.text-lighten-4 { color: rgb(167, 192, 227) !important; } .azul-to.lighten-3 { background-color: rgb(128, 164, 215) !important; } .azul-to-text.text-lighten-3 { color: rgb(128, 164, 215) !important; } .azul-to.lighten-2 { background-color: rgb(90, 137, 202) !important; } .azul-to-text.text-lighten-2 { color: rgb(90, 137, 202) !important; } .azul-to.lighten-1 { background-color: rgb(58, 110, 183) !important; } .azul-to-text.text-lighten-1 { color: rgb(58, 110, 183) !important; } .azul-to.darken-1 { background-color: rgb(40, 75, 125) !important; } .azul-to-text.text-darken-1 { color: rgb(40, 75, 125) !important; } .azul-to.darken-2 { background-color: rgb(34, 64, 105) !important; } .azul-to-text.text-darken-2 { color: rgb(34, 64, 105) !important; } .azul-to.darken-3 { background-color: rgb(27, 52, 86) !important; } .azul-to-text.text-darken-3 { color: rgb(27, 52, 86) !important; } .azul-to.darken-4 { background-color: rgb(21, 40, 67) !important; } .azul-to-text.text-darken-4 { color: rgb(21, 40, 67) !important; } .verde-to { background-color: rgb(37, 149, 81) !important; } .verde-to-text { color: rgb(37, 149, 81) !important; } .verde-to.lighten-5 { background-color: rgb(47, 190, 103) !important; } .verde-to-text.text-lighten-5 { color: rgb(47, 190, 103) !important; } .verde-to.lighten-4 { background-color: rgb(77, 211, 130) !important; } .verde-to-text.text-lighten-4 { color: rgb(77, 211, 130) !important; } .verde-to.lighten-3 { background-color: rgb(118, 221, 158) !important; } .verde-to-text.text-lighten-3 { color: rgb(118, 221, 158) !important; } .verde-to.lighten-2 { background-color: rgb(159, 231, 187) !important; } .verde-to-text.text-lighten-2 { color: rgb(159, 231, 187) !important; } .verde-to.lighten-1 { background-color: rgb(200, 241, 216) !important; } .verde-to-text.text-lighten-1 { color: rgb(200, 241, 216) !important; } .verde-to.darken-1 { background-color: rgb(32, 129, 70) !important; } .verde-to-text.text-darken-1 { color: rgb(32, 129, 70) !important; } .verde-to.darken-2 { background-color: rgb(27, 108, 59) !important; } .verde-to-text.text-darken-2 { color: rgb(27, 108, 59) !important; } .verde-to.darken-3 { background-color: rgb(22, 88, 48) !important; } .verde-to-text.text-darken-3 { color: rgb(22, 88, 48) !important; } .verde-to.darken-4 { background-color: rgb(17, 67, 37) !important; } .verde-to-text.text-darken-4 { color: rgb(17, 67, 37) !important; } .amarelo-to { background-color: rgb(246, 198, 45) !important; } .amarelo-to-text { color: rgb(246, 198, 45) !important; } .amarelo-to.lighten-5 { background-color: rgb(248, 211, 94) !important; } .amarelo-to-text.text-lighten-5 { color: rgb(248, 211, 94) !important; } .amarelo-to.lighten-4 { background-color: rgb(250, 225, 143) !important; } .amarelo-to-text.text-lighten-4 { color: rgb(250, 225, 143) !important; } .amarelo-to.lighten-3 { background-color: rgb(252, 238, 192) !important; } .amarelo-to-text.text-lighten-3 { color: rgb(252, 238, 192) !important; } .amarelo-to.lighten-2 { background-color: rgb(253, 244, 216) !important; } .amarelo-to-text.text-lighten-2 { color: rgb(253, 244, 216) !important; } .amarelo-to.lighten-1 { background-color: rgb(254, 251, 241) !important; } .amarelo-to-text.text-lighten-1 { color: rgb(254, 251, 241) !important; } .amarelo-to.darken-1 { background-color: rgb(245, 191, 21) !important; } .amarelo-to-text.text-darken-1 { color: rgb(245, 191, 21) !important; } .amarelo-to.darken-2 { background-color: rgb(230, 178, 10) !important; } .amarelo-to-text.text-darken-2 { color: rgb(230, 178, 10) !important; } .amarelo-to.darken-3 { background-color: rgb(206, 159, 9) !important; } .amarelo-to-text.text-darken-3 { color: rgb(206, 159, 9) !important; } .amarelo-to.darken-4 { background-color: rgb(181, 140, 8) !important; } .amarelo-to-text.text-darken-4 { color: rgb(181, 140, 8) !important; } .materialize-red { background-color: rgb(229, 28, 35) !important; } .materialize-red-text { color: rgb(229, 28, 35) !important; } .materialize-red.lighten-5 { background-color: rgb(253, 234, 235) !important; } .materialize-red-text.text-lighten-5 { color: rgb(253, 234, 235) !important; } .materialize-red.lighten-4 { background-color: rgb(248, 193, 195) !important; } .materialize-red-text.text-lighten-4 { color: rgb(248, 193, 195) !important; } .materialize-red.lighten-3 { background-color: rgb(243, 152, 155) !important; } .materialize-red-text.text-lighten-3 { color: rgb(243, 152, 155) !important; } .materialize-red.lighten-2 { background-color: rgb(238, 110, 115) !important; } .materialize-red-text.text-lighten-2 { color: rgb(238, 110, 115) !important; } .materialize-red.lighten-1 { background-color: rgb(234, 69, 75) !important; } .materialize-red-text.text-lighten-1 { color: rgb(234, 69, 75) !important; } .materialize-red.darken-1 { background-color: rgb(208, 24, 30) !important; } .materialize-red-text.text-darken-1 { color: rgb(208, 24, 30) !important; } .materialize-red.darken-2 { background-color: rgb(185, 21, 27) !important; } .materialize-red-text.text-darken-2 { color: rgb(185, 21, 27) !important; } .materialize-red.darken-3 { background-color: rgb(162, 19, 24) !important; } .materialize-red-text.text-darken-3 { color: rgb(162, 19, 24) !important; } .materialize-red.darken-4 { background-color: rgb(139, 16, 20) !important; } .materialize-red-text.text-darken-4 { color: rgb(139, 16, 20) !important; } .red { background-color: rgb(244, 67, 54) !important; } .red-text { color: rgb(244, 67, 54) !important; } .red.lighten-5 { background-color: rgb(255, 235, 238) !important; } .red-text.text-lighten-5 { color: rgb(255, 235, 238) !important; } .red.lighten-4 { background-color: rgb(255, 205, 210) !important; } .red-text.text-lighten-4 { color: rgb(255, 205, 210) !important; } .red.lighten-3 { background-color: rgb(239, 154, 154) !important; } .red-text.text-lighten-3 { color: rgb(239, 154, 154) !important; } .red.lighten-2 { background-color: rgb(229, 115, 115) !important; } .red-text.text-lighten-2 { color: rgb(229, 115, 115) !important; } .red.lighten-1 { background-color: rgb(239, 83, 80) !important; } .red-text.text-lighten-1 { color: rgb(239, 83, 80) !important; } .red.darken-1 { background-color: rgb(229, 57, 53) !important; } .red-text.text-darken-1 { color: rgb(229, 57, 53) !important; } .red.darken-2 { background-color: rgb(211, 47, 47) !important; } .red-text.text-darken-2 { color: rgb(211, 47, 47) !important; } .red.darken-3 { background-color: rgb(198, 40, 40) !important; } .red-text.text-darken-3 { color: rgb(198, 40, 40) !important; } .red.darken-4 { background-color: rgb(183, 28, 28) !important; } .red-text.text-darken-4 { color: rgb(183, 28, 28) !important; } .red.accent-1 { background-color: rgb(255, 138, 128) !important; } .red-text.text-accent-1 { color: rgb(255, 138, 128) !important; } .red.accent-2 { background-color: rgb(255, 82, 82) !important; } .red-text.text-accent-2 { color: rgb(255, 82, 82) !important; } .red.accent-3 { background-color: rgb(255, 23, 68) !important; } .red-text.text-accent-3 { color: rgb(255, 23, 68) !important; } .red.accent-4 { background-color: rgb(213, 0, 0) !important; } .red-text.text-accent-4 { color: rgb(213, 0, 0) !important; } .pink { background-color: rgb(233, 30, 99) !important; } .pink-text { color: rgb(233, 30, 99) !important; } .pink.lighten-5 { background-color: rgb(252, 228, 236) !important; } .pink-text.text-lighten-5 { color: rgb(252, 228, 236) !important; } .pink.lighten-4 { background-color: rgb(248, 187, 208) !important; } .pink-text.text-lighten-4 { color: rgb(248, 187, 208) !important; } .pink.lighten-3 { background-color: rgb(244, 143, 177) !important; } .pink-text.text-lighten-3 { color: rgb(244, 143, 177) !important; } .pink.lighten-2 { background-color: rgb(240, 98, 146) !important; } .pink-text.text-lighten-2 { color: rgb(240, 98, 146) !important; } .pink.lighten-1 { background-color: rgb(236, 64, 122) !important; } .pink-text.text-lighten-1 { color: rgb(236, 64, 122) !important; } .pink.darken-1 { background-color: rgb(216, 27, 96) !important; } .pink-text.text-darken-1 { color: rgb(216, 27, 96) !important; } .pink.darken-2 { background-color: rgb(194, 24, 91) !important; } .pink-text.text-darken-2 { color: rgb(194, 24, 91) !important; } .pink.darken-3 { background-color: rgb(173, 20, 87) !important; } .pink-text.text-darken-3 { color: rgb(173, 20, 87) !important; } .pink.darken-4 { background-color: rgb(136, 14, 79) !important; } .pink-text.text-darken-4 { color: rgb(136, 14, 79) !important; } .pink.accent-1 { background-color: rgb(255, 128, 171) !important; } .pink-text.text-accent-1 { color: rgb(255, 128, 171) !important; } .pink.accent-2 { background-color: rgb(255, 64, 129) !important; } .pink-text.text-accent-2 { color: rgb(255, 64, 129) !important; } .pink.accent-3 { background-color: rgb(245, 0, 87) !important; } .pink-text.text-accent-3 { color: rgb(245, 0, 87) !important; } .pink.accent-4 { background-color: rgb(197, 17, 98) !important; } .pink-text.text-accent-4 { color: rgb(197, 17, 98) !important; } .purple { background-color: rgb(156, 39, 176) !important; } .purple-text { color: rgb(156, 39, 176) !important; } .purple.lighten-5 { background-color: rgb(243, 229, 245) !important; } .purple-text.text-lighten-5 { color: rgb(243, 229, 245) !important; } .purple.lighten-4 { background-color: rgb(225, 190, 231) !important; } .purple-text.text-lighten-4 { color: rgb(225, 190, 231) !important; } .purple.lighten-3 { background-color: rgb(206, 147, 216) !important; } .purple-text.text-lighten-3 { color: rgb(206, 147, 216) !important; } .purple.lighten-2 { background-color: rgb(186, 104, 200) !important; } .purple-text.text-lighten-2 { color: rgb(186, 104, 200) !important; } .purple.lighten-1 { background-color: rgb(171, 71, 188) !important; } .purple-text.text-lighten-1 { color: rgb(171, 71, 188) !important; } .purple.darken-1 { background-color: rgb(142, 36, 170) !important; } .purple-text.text-darken-1 { color: rgb(142, 36, 170) !important; } .purple.darken-2 { background-color: rgb(123, 31, 162) !important; } .purple-text.text-darken-2 { color: rgb(123, 31, 162) !important; } .purple.darken-3 { background-color: rgb(106, 27, 154) !important; } .purple-text.text-darken-3 { color: rgb(106, 27, 154) !important; } .purple.darken-4 { background-color: rgb(74, 20, 140) !important; } .purple-text.text-darken-4 { color: rgb(74, 20, 140) !important; } .purple.accent-1 { background-color: rgb(234, 128, 252) !important; } .purple-text.text-accent-1 { color: rgb(234, 128, 252) !important; } .purple.accent-2 { background-color: rgb(224, 64, 251) !important; } .purple-text.text-accent-2 { color: rgb(224, 64, 251) !important; } .purple.accent-3 { background-color: rgb(213, 0, 249) !important; } .purple-text.text-accent-3 { color: rgb(213, 0, 249) !important; } .purple.accent-4 { background-color: rgb(170, 0, 255) !important; } .purple-text.text-accent-4 { color: rgb(170, 0, 255) !important; } .deep-purple { background-color: rgb(103, 58, 183) !important; } .deep-purple-text { color: rgb(103, 58, 183) !important; } .deep-purple.lighten-5 { background-color: rgb(237, 231, 246) !important; } .deep-purple-text.text-lighten-5 { color: rgb(237, 231, 246) !important; } .deep-purple.lighten-4 { background-color: rgb(209, 196, 233) !important; } .deep-purple-text.text-lighten-4 { color: rgb(209, 196, 233) !important; } .deep-purple.lighten-3 { background-color: rgb(179, 157, 219) !important; } .deep-purple-text.text-lighten-3 { color: rgb(179, 157, 219) !important; } .deep-purple.lighten-2 { background-color: rgb(149, 117, 205) !important; } .deep-purple-text.text-lighten-2 { color: rgb(149, 117, 205) !important; } .deep-purple.lighten-1 { background-color: rgb(126, 87, 194) !important; } .deep-purple-text.text-lighten-1 { color: rgb(126, 87, 194) !important; } .deep-purple.darken-1 { background-color: rgb(94, 53, 177) !important; } .deep-purple-text.text-darken-1 { color: rgb(94, 53, 177) !important; } .deep-purple.darken-2 { background-color: rgb(81, 45, 168) !important; } .deep-purple-text.text-darken-2 { color: rgb(81, 45, 168) !important; } .deep-purple.darken-3 { background-color: rgb(69, 39, 160) !important; } .deep-purple-text.text-darken-3 { color: rgb(69, 39, 160) !important; } .deep-purple.darken-4 { background-color: rgb(49, 27, 146) !important; } .deep-purple-text.text-darken-4 { color: rgb(49, 27, 146) !important; } .deep-purple.accent-1 { background-color: rgb(179, 136, 255) !important; } .deep-purple-text.text-accent-1 { color: rgb(179, 136, 255) !important; } .deep-purple.accent-2 { background-color: rgb(124, 77, 255) !important; } .deep-purple-text.text-accent-2 { color: rgb(124, 77, 255) !important; } .deep-purple.accent-3 { background-color: rgb(101, 31, 255) !important; } .deep-purple-text.text-accent-3 { color: rgb(101, 31, 255) !important; } .deep-purple.accent-4 { background-color: rgb(98, 0, 234) !important; } .deep-purple-text.text-accent-4 { color: rgb(98, 0, 234) !important; } .indigo { background-color: rgb(63, 81, 181) !important; } .indigo-text { color: rgb(63, 81, 181) !important; } .indigo.lighten-5 { background-color: rgb(232, 234, 246) !important; } .indigo-text.text-lighten-5 { color: rgb(232, 234, 246) !important; } .indigo.lighten-4 { background-color: rgb(197, 202, 233) !important; } .indigo-text.text-lighten-4 { color: rgb(197, 202, 233) !important; } .indigo.lighten-3 { background-color: rgb(159, 168, 218) !important; } .indigo-text.text-lighten-3 { color: rgb(159, 168, 218) !important; } .indigo.lighten-2 { background-color: rgb(121, 134, 203) !important; } .indigo-text.text-lighten-2 { color: rgb(121, 134, 203) !important; } .indigo.lighten-1 { background-color: rgb(92, 107, 192) !important; } .indigo-text.text-lighten-1 { color: rgb(92, 107, 192) !important; } .indigo.darken-1 { background-color: rgb(57, 73, 171) !important; } .indigo-text.text-darken-1 { color: rgb(57, 73, 171) !important; } .indigo.darken-2 { background-color: rgb(48, 63, 159) !important; } .indigo-text.text-darken-2 { color: rgb(48, 63, 159) !important; } .indigo.darken-3 { background-color: rgb(40, 53, 147) !important; } .indigo-text.text-darken-3 { color: rgb(40, 53, 147) !important; } .indigo.darken-4 { background-color: rgb(26, 35, 126) !important; } .indigo-text.text-darken-4 { color: rgb(26, 35, 126) !important; } .indigo.accent-1 { background-color: rgb(140, 158, 255) !important; } .indigo-text.text-accent-1 { color: rgb(140, 158, 255) !important; } .indigo.accent-2 { background-color: rgb(83, 109, 254) !important; } .indigo-text.text-accent-2 { color: rgb(83, 109, 254) !important; } .indigo.accent-3 { background-color: rgb(61, 90, 254) !important; } .indigo-text.text-accent-3 { color: rgb(61, 90, 254) !important; } .indigo.accent-4 { background-color: rgb(48, 79, 254) !important; } .indigo-text.text-accent-4 { color: rgb(48, 79, 254) !important; } .blue { background-color: rgb(33, 150, 243) !important; } .blue-text { color: rgb(33, 150, 243) !important; } .blue.lighten-5 { background-color: rgb(227, 242, 253) !important; } .blue-text.text-lighten-5 { color: rgb(227, 242, 253) !important; } .blue.lighten-4 { background-color: rgb(187, 222, 251) !important; } .blue-text.text-lighten-4 { color: rgb(187, 222, 251) !important; } .blue.lighten-3 { background-color: rgb(144, 202, 249) !important; } .blue-text.text-lighten-3 { color: rgb(144, 202, 249) !important; } .blue.lighten-2 { background-color: rgb(100, 181, 246) !important; } .blue-text.text-lighten-2 { color: rgb(100, 181, 246) !important; } .blue.lighten-1 { background-color: rgb(66, 165, 245) !important; } .blue-text.text-lighten-1 { color: rgb(66, 165, 245) !important; } .blue.darken-1 { background-color: rgb(30, 136, 229) !important; } .blue-text.text-darken-1 { color: rgb(30, 136, 229) !important; } .blue.darken-2 { background-color: rgb(25, 118, 210) !important; } .blue-text.text-darken-2 { color: rgb(25, 118, 210) !important; } .blue.darken-3 { background-color: rgb(21, 101, 192) !important; } .blue-text.text-darken-3 { color: rgb(21, 101, 192) !important; } .blue.darken-4 { background-color: rgb(13, 71, 161) !important; } .blue-text.text-darken-4 { color: rgb(13, 71, 161) !important; } .blue.accent-1 { background-color: rgb(130, 177, 255) !important; } .blue-text.text-accent-1 { color: rgb(130, 177, 255) !important; } .blue.accent-2 { background-color: rgb(68, 138, 255) !important; } .blue-text.text-accent-2 { color: rgb(68, 138, 255) !important; } .blue.accent-3 { background-color: rgb(41, 121, 255) !important; } .blue-text.text-accent-3 { color: rgb(41, 121, 255) !important; } .blue.accent-4 { background-color: rgb(41, 98, 255) !important; } .blue-text.text-accent-4 { color: rgb(41, 98, 255) !important; } .light-blue { background-color: rgb(3, 169, 244) !important; } .light-blue-text { color: rgb(3, 169, 244) !important; } .light-blue.lighten-5 { background-color: rgb(225, 245, 254) !important; } .light-blue-text.text-lighten-5 { color: rgb(225, 245, 254) !important; } .light-blue.lighten-4 { background-color: rgb(179, 229, 252) !important; } .light-blue-text.text-lighten-4 { color: rgb(179, 229, 252) !important; } .light-blue.lighten-3 { background-color: rgb(129, 212, 250) !important; } .light-blue-text.text-lighten-3 { color: rgb(129, 212, 250) !important; } .light-blue.lighten-2 { background-color: rgb(79, 195, 247) !important; } .light-blue-text.text-lighten-2 { color: rgb(79, 195, 247) !important; } .light-blue.lighten-1 { background-color: rgb(41, 182, 246) !important; } .light-blue-text.text-lighten-1 { color: rgb(41, 182, 246) !important; } .light-blue.darken-1 { background-color: rgb(3, 155, 229) !important; } .light-blue-text.text-darken-1 { color: rgb(3, 155, 229) !important; } .light-blue.darken-2 { background-color: rgb(2, 136, 209) !important; } .light-blue-text.text-darken-2 { color: rgb(2, 136, 209) !important; } .light-blue.darken-3 { background-color: rgb(2, 119, 189) !important; } .light-blue-text.text-darken-3 { color: rgb(2, 119, 189) !important; } .light-blue.darken-4 { background-color: rgb(1, 87, 155) !important; } .light-blue-text.text-darken-4 { color: rgb(1, 87, 155) !important; } .light-blue.accent-1 { background-color: rgb(128, 216, 255) !important; } .light-blue-text.text-accent-1 { color: rgb(128, 216, 255) !important; } .light-blue.accent-2 { background-color: rgb(64, 196, 255) !important; } .light-blue-text.text-accent-2 { color: rgb(64, 196, 255) !important; } .light-blue.accent-3 { background-color: rgb(0, 176, 255) !important; } .light-blue-text.text-accent-3 { color: rgb(0, 176, 255) !important; } .light-blue.accent-4 { background-color: rgb(0, 145, 234) !important; } .light-blue-text.text-accent-4 { color: rgb(0, 145, 234) !important; } .cyan { background-color: rgb(0, 188, 212) !important; } .cyan-text { color: rgb(0, 188, 212) !important; } .cyan.lighten-5 { background-color: rgb(224, 247, 250) !important; } .cyan-text.text-lighten-5 { color: rgb(224, 247, 250) !important; } .cyan.lighten-4 { background-color: rgb(178, 235, 242) !important; } .cyan-text.text-lighten-4 { color: rgb(178, 235, 242) !important; } .cyan.lighten-3 { background-color: rgb(128, 222, 234) !important; } .cyan-text.text-lighten-3 { color: rgb(128, 222, 234) !important; } .cyan.lighten-2 { background-color: rgb(77, 208, 225) !important; } .cyan-text.text-lighten-2 { color: rgb(77, 208, 225) !important; } .cyan.lighten-1 { background-color: rgb(38, 198, 218) !important; } .cyan-text.text-lighten-1 { color: rgb(38, 198, 218) !important; } .cyan.darken-1 { background-color: rgb(0, 172, 193) !important; } .cyan-text.text-darken-1 { color: rgb(0, 172, 193) !important; } .cyan.darken-2 { background-color: rgb(0, 151, 167) !important; } .cyan-text.text-darken-2 { color: rgb(0, 151, 167) !important; } .cyan.darken-3 { background-color: rgb(0, 131, 143) !important; } .cyan-text.text-darken-3 { color: rgb(0, 131, 143) !important; } .cyan.darken-4 { background-color: rgb(0, 96, 100) !important; } .cyan-text.text-darken-4 { color: rgb(0, 96, 100) !important; } .cyan.accent-1 { background-color: rgb(132, 255, 255) !important; } .cyan-text.text-accent-1 { color: rgb(132, 255, 255) !important; } .cyan.accent-2 { background-color: rgb(24, 255, 255) !important; } .cyan-text.text-accent-2 { color: rgb(24, 255, 255) !important; } .cyan.accent-3 { background-color: rgb(0, 229, 255) !important; } .cyan-text.text-accent-3 { color: rgb(0, 229, 255) !important; } .cyan.accent-4 { background-color: rgb(0, 184, 212) !important; } .cyan-text.text-accent-4 { color: rgb(0, 184, 212) !important; } .teal { background-color: rgb(0, 150, 136) !important; } .teal-text { color: rgb(0, 150, 136) !important; } .teal.lighten-5 { background-color: rgb(224, 242, 241) !important; } .teal-text.text-lighten-5 { color: rgb(224, 242, 241) !important; } .teal.lighten-4 { background-color: rgb(178, 223, 219) !important; } .teal-text.text-lighten-4 { color: rgb(178, 223, 219) !important; } .teal.lighten-3 { background-color: rgb(128, 203, 196) !important; } .teal-text.text-lighten-3 { color: rgb(128, 203, 196) !important; } .teal.lighten-2 { background-color: rgb(77, 182, 172) !important; } .teal-text.text-lighten-2 { color: rgb(77, 182, 172) !important; } .teal.lighten-1 { background-color: rgb(38, 166, 154) !important; } .teal-text.text-lighten-1 { color: rgb(38, 166, 154) !important; } .teal.darken-1 { background-color: rgb(0, 137, 123) !important; } .teal-text.text-darken-1 { color: rgb(0, 137, 123) !important; } .teal.darken-2 { background-color: rgb(0, 121, 107) !important; } .teal-text.text-darken-2 { color: rgb(0, 121, 107) !important; } .teal.darken-3 { background-color: rgb(0, 105, 92) !important; } .teal-text.text-darken-3 { color: rgb(0, 105, 92) !important; } .teal.darken-4 { background-color: rgb(0, 77, 64) !important; } .teal-text.text-darken-4 { color: rgb(0, 77, 64) !important; } .teal.accent-1 { background-color: rgb(167, 255, 235) !important; } .teal-text.text-accent-1 { color: rgb(167, 255, 235) !important; } .teal.accent-2 { background-color: rgb(100, 255, 218) !important; } .teal-text.text-accent-2 { color: rgb(100, 255, 218) !important; } .teal.accent-3 { background-color: rgb(29, 233, 182) !important; } .teal-text.text-accent-3 { color: rgb(29, 233, 182) !important; } .teal.accent-4 { background-color: rgb(0, 191, 165) !important; } .teal-text.text-accent-4 { color: rgb(0, 191, 165) !important; } .green { background-color: rgb(76, 175, 80) !important; } .green-text { color: rgb(76, 175, 80) !important; } .green.lighten-5 { background-color: rgb(232, 245, 233) !important; } .green-text.text-lighten-5 { color: rgb(232, 245, 233) !important; } .green.lighten-4 { background-color: rgb(200, 230, 201) !important; } .green-text.text-lighten-4 { color: rgb(200, 230, 201) !important; } .green.lighten-3 { background-color: rgb(165, 214, 167) !important; } .green-text.text-lighten-3 { color: rgb(165, 214, 167) !important; } .green.lighten-2 { background-color: rgb(129, 199, 132) !important; } .green-text.text-lighten-2 { color: rgb(129, 199, 132) !important; } .green.lighten-1 { background-color: rgb(102, 187, 106) !important; } .green-text.text-lighten-1 { color: rgb(102, 187, 106) !important; } .green.darken-1 { background-color: rgb(67, 160, 71) !important; } .green-text.text-darken-1 { color: rgb(67, 160, 71) !important; } .green.darken-2 { background-color: rgb(56, 142, 60) !important; } .green-text.text-darken-2 { color: rgb(56, 142, 60) !important; } .green.darken-3 { background-color: rgb(46, 125, 50) !important; } .green-text.text-darken-3 { color: rgb(46, 125, 50) !important; } .green.darken-4 { background-color: rgb(27, 94, 32) !important; } .green-text.text-darken-4 { color: rgb(27, 94, 32) !important; } .green.accent-1 { background-color: rgb(185, 246, 202) !important; } .green-text.text-accent-1 { color: rgb(185, 246, 202) !important; } .green.accent-2 { background-color: rgb(105, 240, 174) !important; } .green-text.text-accent-2 { color: rgb(105, 240, 174) !important; } .green.accent-3 { background-color: rgb(0, 230, 118) !important; } .green-text.text-accent-3 { color: rgb(0, 230, 118) !important; } .green.accent-4 { background-color: rgb(0, 200, 83) !important; } .green-text.text-accent-4 { color: rgb(0, 200, 83) !important; } .light-green { background-color: rgb(139, 195, 74) !important; } .light-green-text { color: rgb(139, 195, 74) !important; } .light-green.lighten-5 { background-color: rgb(241, 248, 233) !important; } .light-green-text.text-lighten-5 { color: rgb(241, 248, 233) !important; } .light-green.lighten-4 { background-color: rgb(220, 237, 200) !important; } .light-green-text.text-lighten-4 { color: rgb(220, 237, 200) !important; } .light-green.lighten-3 { background-color: rgb(197, 225, 165) !important; } .light-green-text.text-lighten-3 { color: rgb(197, 225, 165) !important; } .light-green.lighten-2 { background-color: rgb(174, 213, 129) !important; } .light-green-text.text-lighten-2 { color: rgb(174, 213, 129) !important; } .light-green.lighten-1 { background-color: rgb(156, 204, 101) !important; } .light-green-text.text-lighten-1 { color: rgb(156, 204, 101) !important; } .light-green.darken-1 { background-color: rgb(124, 179, 66) !important; } .light-green-text.text-darken-1 { color: rgb(124, 179, 66) !important; } .light-green.darken-2 { background-color: rgb(104, 159, 56) !important; } .light-green-text.text-darken-2 { color: rgb(104, 159, 56) !important; } .light-green.darken-3 { background-color: rgb(85, 139, 47) !important; } .light-green-text.text-darken-3 { color: rgb(85, 139, 47) !important; } .light-green.darken-4 { background-color: rgb(51, 105, 30) !important; } .light-green-text.text-darken-4 { color: rgb(51, 105, 30) !important; } .light-green.accent-1 { background-color: rgb(204, 255, 144) !important; } .light-green-text.text-accent-1 { color: rgb(204, 255, 144) !important; } .light-green.accent-2 { background-color: rgb(178, 255, 89) !important; } .light-green-text.text-accent-2 { color: rgb(178, 255, 89) !important; } .light-green.accent-3 { background-color: rgb(118, 255, 3) !important; } .light-green-text.text-accent-3 { color: rgb(118, 255, 3) !important; } .light-green.accent-4 { background-color: rgb(100, 221, 23) !important; } .light-green-text.text-accent-4 { color: rgb(100, 221, 23) !important; } .lime { background-color: rgb(205, 220, 57) !important; } .lime-text { color: rgb(205, 220, 57) !important; } .lime.lighten-5 { background-color: rgb(249, 251, 231) !important; } .lime-text.text-lighten-5 { color: rgb(249, 251, 231) !important; } .lime.lighten-4 { background-color: rgb(240, 244, 195) !important; } .lime-text.text-lighten-4 { color: rgb(240, 244, 195) !important; } .lime.lighten-3 { background-color: rgb(230, 238, 156) !important; } .lime-text.text-lighten-3 { color: rgb(230, 238, 156) !important; } .lime.lighten-2 { background-color: rgb(220, 231, 117) !important; } .lime-text.text-lighten-2 { color: rgb(220, 231, 117) !important; } .lime.lighten-1 { background-color: rgb(212, 225, 87) !important; } .lime-text.text-lighten-1 { color: rgb(212, 225, 87) !important; } .lime.darken-1 { background-color: rgb(192, 202, 51) !important; } .lime-text.text-darken-1 { color: rgb(192, 202, 51) !important; } .lime.darken-2 { background-color: rgb(175, 180, 43) !important; } .lime-text.text-darken-2 { color: rgb(175, 180, 43) !important; } .lime.darken-3 { background-color: rgb(158, 157, 36) !important; } .lime-text.text-darken-3 { color: rgb(158, 157, 36) !important; } .lime.darken-4 { background-color: rgb(130, 119, 23) !important; } .lime-text.text-darken-4 { color: rgb(130, 119, 23) !important; } .lime.accent-1 { background-color: rgb(244, 255, 129) !important; } .lime-text.text-accent-1 { color: rgb(244, 255, 129) !important; } .lime.accent-2 { background-color: rgb(238, 255, 65) !important; } .lime-text.text-accent-2 { color: rgb(238, 255, 65) !important; } .lime.accent-3 { background-color: rgb(198, 255, 0) !important; } .lime-text.text-accent-3 { color: rgb(198, 255, 0) !important; } .lime.accent-4 { background-color: rgb(174, 234, 0) !important; } .lime-text.text-accent-4 { color: rgb(174, 234, 0) !important; } .yellow { background-color: rgb(255, 235, 59) !important; } .yellow-text { color: rgb(255, 235, 59) !important; } .yellow.lighten-5 { background-color: rgb(255, 253, 231) !important; } .yellow-text.text-lighten-5 { color: rgb(255, 253, 231) !important; } .yellow.lighten-4 { background-color: rgb(255, 249, 196) !important; } .yellow-text.text-lighten-4 { color: rgb(255, 249, 196) !important; } .yellow.lighten-3 { background-color: rgb(255, 245, 157) !important; } .yellow-text.text-lighten-3 { color: rgb(255, 245, 157) !important; } .yellow.lighten-2 { background-color: rgb(255, 241, 118) !important; } .yellow-text.text-lighten-2 { color: rgb(255, 241, 118) !important; } .yellow.lighten-1 { background-color: rgb(255, 238, 88) !important; } .yellow-text.text-lighten-1 { color: rgb(255, 238, 88) !important; } .yellow.darken-1 { background-color: rgb(253, 216, 53) !important; } .yellow-text.text-darken-1 { color: rgb(253, 216, 53) !important; } .yellow.darken-2 { background-color: rgb(251, 192, 45) !important; } .yellow-text.text-darken-2 { color: rgb(251, 192, 45) !important; } .yellow.darken-3 { background-color: rgb(249, 168, 37) !important; } .yellow-text.text-darken-3 { color: rgb(249, 168, 37) !important; } .yellow.darken-4 { background-color: rgb(245, 127, 23) !important; } .yellow-text.text-darken-4 { color: rgb(245, 127, 23) !important; } .yellow.accent-1 { background-color: rgb(255, 255, 141) !important; } .yellow-text.text-accent-1 { color: rgb(255, 255, 141) !important; } .yellow.accent-2 { background-color: rgb(255, 255, 0) !important; } .yellow-text.text-accent-2 { color: rgb(255, 255, 0) !important; } .yellow.accent-3 { background-color: rgb(255, 234, 0) !important; } .yellow-text.text-accent-3 { color: rgb(255, 234, 0) !important; } .yellow.accent-4 { background-color: rgb(255, 214, 0) !important; } .yellow-text.text-accent-4 { color: rgb(255, 214, 0) !important; } .amber { background-color: rgb(255, 193, 7) !important; } .amber-text { color: rgb(255, 193, 7) !important; } .amber.lighten-5 { background-color: rgb(255, 248, 225) !important; } .amber-text.text-lighten-5 { color: rgb(255, 248, 225) !important; } .amber.lighten-4 { background-color: rgb(255, 236, 179) !important; } .amber-text.text-lighten-4 { color: rgb(255, 236, 179) !important; } .amber.lighten-3 { background-color: rgb(255, 224, 130) !important; } .amber-text.text-lighten-3 { color: rgb(255, 224, 130) !important; } .amber.lighten-2 { background-color: rgb(255, 213, 79) !important; } .amber-text.text-lighten-2 { color: rgb(255, 213, 79) !important; } .amber.lighten-1 { background-color: rgb(255, 202, 40) !important; } .amber-text.text-lighten-1 { color: rgb(255, 202, 40) !important; } .amber.darken-1 { background-color: rgb(255, 179, 0) !important; } .amber-text.text-darken-1 { color: rgb(255, 179, 0) !important; } .amber.darken-2 { background-color: rgb(255, 160, 0) !important; } .amber-text.text-darken-2 { color: rgb(255, 160, 0) !important; } .amber.darken-3 { background-color: rgb(255, 143, 0) !important; } .amber-text.text-darken-3 { color: rgb(255, 143, 0) !important; } .amber.darken-4 { background-color: rgb(255, 111, 0) !important; } .amber-text.text-darken-4 { color: rgb(255, 111, 0) !important; } .amber.accent-1 { background-color: rgb(255, 229, 127) !important; } .amber-text.text-accent-1 { color: rgb(255, 229, 127) !important; } .amber.accent-2 { background-color: rgb(255, 215, 64) !important; } .amber-text.text-accent-2 { color: rgb(255, 215, 64) !important; } .amber.accent-3 { background-color: rgb(255, 196, 0) !important; } .amber-text.text-accent-3 { color: rgb(255, 196, 0) !important; } .amber.accent-4 { background-color: rgb(255, 171, 0) !important; } .amber-text.text-accent-4 { color: rgb(255, 171, 0) !important; } .orange { background-color: rgb(255, 152, 0) !important; } .orange-text { color: rgb(255, 152, 0) !important; } .orange.lighten-5 { background-color: rgb(255, 243, 224) !important; } .orange-text.text-lighten-5 { color: rgb(255, 243, 224) !important; } .orange.lighten-4 { background-color: rgb(255, 224, 178) !important; } .orange-text.text-lighten-4 { color: rgb(255, 224, 178) !important; } .orange.lighten-3 { background-color: rgb(255, 204, 128) !important; } .orange-text.text-lighten-3 { color: rgb(255, 204, 128) !important; } .orange.lighten-2 { background-color: rgb(255, 183, 77) !important; } .orange-text.text-lighten-2 { color: rgb(255, 183, 77) !important; } .orange.lighten-1 { background-color: rgb(255, 167, 38) !important; } .orange-text.text-lighten-1 { color: rgb(255, 167, 38) !important; } .orange.darken-1 { background-color: rgb(251, 140, 0) !important; } .orange-text.text-darken-1 { color: rgb(251, 140, 0) !important; } .orange.darken-2 { background-color: rgb(245, 124, 0) !important; } .orange-text.text-darken-2 { color: rgb(245, 124, 0) !important; } .orange.darken-3 { background-color: rgb(239, 108, 0) !important; } .orange-text.text-darken-3 { color: rgb(239, 108, 0) !important; } .orange.darken-4 { background-color: rgb(230, 81, 0) !important; } .orange-text.text-darken-4 { color: rgb(230, 81, 0) !important; } .orange.accent-1 { background-color: rgb(255, 209, 128) !important; } .orange-text.text-accent-1 { color: rgb(255, 209, 128) !important; } .orange.accent-2 { background-color: rgb(255, 171, 64) !important; } .orange-text.text-accent-2 { color: rgb(255, 171, 64) !important; } .orange.accent-3 { background-color: rgb(255, 145, 0) !important; } .orange-text.text-accent-3 { color: rgb(255, 145, 0) !important; } .orange.accent-4 { background-color: rgb(255, 109, 0) !important; } .orange-text.text-accent-4 { color: rgb(255, 109, 0) !important; } .deep-orange { background-color: rgb(255, 87, 34) !important; } .deep-orange-text { color: rgb(255, 87, 34) !important; } .deep-orange.lighten-5 { background-color: rgb(251, 233, 231) !important; } .deep-orange-text.text-lighten-5 { color: rgb(251, 233, 231) !important; } .deep-orange.lighten-4 { background-color: rgb(255, 204, 188) !important; } .deep-orange-text.text-lighten-4 { color: rgb(255, 204, 188) !important; } .deep-orange.lighten-3 { background-color: rgb(255, 171, 145) !important; } .deep-orange-text.text-lighten-3 { color: rgb(255, 171, 145) !important; } .deep-orange.lighten-2 { background-color: rgb(255, 138, 101) !important; } .deep-orange-text.text-lighten-2 { color: rgb(255, 138, 101) !important; } .deep-orange.lighten-1 { background-color: rgb(255, 112, 67) !important; } .deep-orange-text.text-lighten-1 { color: rgb(255, 112, 67) !important; } .deep-orange.darken-1 { background-color: rgb(244, 81, 30) !important; } .deep-orange-text.text-darken-1 { color: rgb(244, 81, 30) !important; } .deep-orange.darken-2 { background-color: rgb(230, 74, 25) !important; } .deep-orange-text.text-darken-2 { color: rgb(230, 74, 25) !important; } .deep-orange.darken-3 { background-color: rgb(216, 67, 21) !important; } .deep-orange-text.text-darken-3 { color: rgb(216, 67, 21) !important; } .deep-orange.darken-4 { background-color: rgb(191, 54, 12) !important; } .deep-orange-text.text-darken-4 { color: rgb(191, 54, 12) !important; } .deep-orange.accent-1 { background-color: rgb(255, 158, 128) !important; } .deep-orange-text.text-accent-1 { color: rgb(255, 158, 128) !important; } .deep-orange.accent-2 { background-color: rgb(255, 110, 64) !important; } .deep-orange-text.text-accent-2 { color: rgb(255, 110, 64) !important; } .deep-orange.accent-3 { background-color: rgb(255, 61, 0) !important; } .deep-orange-text.text-accent-3 { color: rgb(255, 61, 0) !important; } .deep-orange.accent-4 { background-color: rgb(221, 44, 0) !important; } .deep-orange-text.text-accent-4 { color: rgb(221, 44, 0) !important; } .brown { background-color: rgb(121, 85, 72) !important; } .brown-text { color: rgb(121, 85, 72) !important; } .brown.lighten-5 { background-color: rgb(239, 235, 233) !important; } .brown-text.text-lighten-5 { color: rgb(239, 235, 233) !important; } .brown.lighten-4 { background-color: rgb(215, 204, 200) !important; } .brown-text.text-lighten-4 { color: rgb(215, 204, 200) !important; } .brown.lighten-3 { background-color: rgb(188, 170, 164) !important; } .brown-text.text-lighten-3 { color: rgb(188, 170, 164) !important; } .brown.lighten-2 { background-color: rgb(161, 136, 127) !important; } .brown-text.text-lighten-2 { color: rgb(161, 136, 127) !important; } .brown.lighten-1 { background-color: rgb(141, 110, 99) !important; } .brown-text.text-lighten-1 { color: rgb(141, 110, 99) !important; } .brown.darken-1 { background-color: rgb(109, 76, 65) !important; } .brown-text.text-darken-1 { color: rgb(109, 76, 65) !important; } .brown.darken-2 { background-color: rgb(93, 64, 55) !important; } .brown-text.text-darken-2 { color: rgb(93, 64, 55) !important; } .brown.darken-3 { background-color: rgb(78, 52, 46) !important; } .brown-text.text-darken-3 { color: rgb(78, 52, 46) !important; } .brown.darken-4 { background-color: rgb(62, 39, 35) !important; } .brown-text.text-darken-4 { color: rgb(62, 39, 35) !important; } .blue-grey { background-color: rgb(96, 125, 139) !important; } .blue-grey-text { color: rgb(96, 125, 139) !important; } .blue-grey.lighten-5 { background-color: rgb(236, 239, 241) !important; } .blue-grey-text.text-lighten-5 { color: rgb(236, 239, 241) !important; } .blue-grey.lighten-4 { background-color: rgb(207, 216, 220) !important; } .blue-grey-text.text-lighten-4 { color: rgb(207, 216, 220) !important; } .blue-grey.lighten-3 { background-color: rgb(176, 190, 197) !important; } .blue-grey-text.text-lighten-3 { color: rgb(176, 190, 197) !important; } .blue-grey.lighten-2 { background-color: rgb(144, 164, 174) !important; } .blue-grey-text.text-lighten-2 { color: rgb(144, 164, 174) !important; } .blue-grey.lighten-1 { background-color: rgb(120, 144, 156) !important; } .blue-grey-text.text-lighten-1 { color: rgb(120, 144, 156) !important; } .blue-grey.darken-1 { background-color: rgb(84, 110, 122) !important; } .blue-grey-text.text-darken-1 { color: rgb(84, 110, 122) !important; } .blue-grey.darken-2 { background-color: rgb(69, 90, 100) !important; } .blue-grey-text.text-darken-2 { color: rgb(69, 90, 100) !important; } .blue-grey.darken-3 { background-color: rgb(55, 71, 79) !important; } .blue-grey-text.text-darken-3 { color: rgb(55, 71, 79) !important; } .blue-grey.darken-4 { background-color: rgb(38, 50, 56) !important; } .blue-grey-text.text-darken-4 { color: rgb(38, 50, 56) !important; } .grey { background-color: rgb(158, 158, 158) !important; } .grey-text { color: rgb(158, 158, 158) !important; } .grey.lighten-5 { background-color: rgb(250, 250, 250) !important; } .grey-text.text-lighten-5 { color: rgb(250, 250, 250) !important; } .grey.lighten-4 { background-color: rgb(245, 245, 245) !important; } .grey-text.text-lighten-4 { color: rgb(245, 245, 245) !important; } .grey.lighten-3 { background-color: rgb(238, 238, 238) !important; } .grey-text.text-lighten-3 { color: rgb(238, 238, 238) !important; } .grey.lighten-2 { background-color: rgb(224, 224, 224) !important; } .grey-text.text-lighten-2 { color: rgb(224, 224, 224) !important; } .grey.lighten-1 { background-color: rgb(189, 189, 189) !important; } .grey-text.text-lighten-1 { color: rgb(189, 189, 189) !important; } .grey.darken-1 { background-color: rgb(117, 117, 117) !important; } .grey-text.text-darken-1 { color: rgb(117, 117, 117) !important; } .grey.darken-2 { background-color: rgb(97, 97, 97) !important; } .grey-text.text-darken-2 { color: rgb(97, 97, 97) !important; } .grey.darken-3 { background-color: rgb(66, 66, 66) !important; } .grey-text.text-darken-3 { color: rgb(66, 66, 66) !important; } .grey.darken-4 { background-color: rgb(33, 33, 33) !important; } .grey-text.text-darken-4 { color: rgb(33, 33, 33) !important; } .black { background-color: rgb(0, 0, 0) !important; } .black-text { color: rgb(0, 0, 0) !important; } .white { background-color: rgb(255, 255, 255) !important; } .white-text { color: rgb(255, 255, 255) !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } html { line-height: 1.15; text-size-adjust: 100%; } body { margin: 0px; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } html { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } button, input, optgroup, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } ul:not(.browser-default) { padding-left: 0px; list-style-type: none; } ul:not(.browser-default) > li { list-style-type: none; } a { color: rgb(46, 87, 144); text-decoration: none; -webkit-tap-highlight-color: transparent; } :focus { outline: none; } .valign-wrapper { display: flex; align-items: center; } .clearfix { clear: both; } .z-depth-0 { box-shadow: none !important; } .z-depth-1, nav, .card-panel, .card, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; } .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 3px 0px, rgba(0, 0, 0, 0.12) 0px 1px 7px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -1px; } .z-depth-2 { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.3) 0px 2px 4px -1px; } .z-depth-3 { box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 17px 2px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px, rgba(0, 0, 0, 0.2) 0px 5px 5px -3px; } .z-depth-4 { box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.2) 0px 8px 10px -7px; } .z-depth-5, .modal { box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px; } .hoverable { transition: box-shadow 0.25s ease 0s; } .hoverable:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 17px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px; } .divider { height: 1px; overflow: hidden; background-color: rgb(224, 224, 224); } blockquote { margin: 20px 0px; padding-left: 1.5rem; border-left: 5px solid rgb(46, 87, 144); } i { line-height: inherit; } i.left { float: left; margin-right: 15px; } i.right { float: right; margin-left: 15px; } i.tiny { font-size: 1rem; } i.small { font-size: 2rem; } i.medium { font-size: 4rem; } i.large { font-size: 6rem; } img.responsive-img, video.responsive-video { max-width: 100%; height: auto; } .pagination li { display: inline-block; border-radius: 2px; text-align: center; vertical-align: top; height: 30px; } .pagination li a { color: rgb(68, 68, 68); display: inline-block; font-size: 1.2rem; padding: 0px 10px; line-height: 30px; } .pagination li.active a { color: rgb(255, 255, 255); } .pagination li.active { background-color: rgb(46, 87, 144); } .pagination li.disabled a { cursor: default; color: rgb(153, 153, 153); } .pagination li i { font-size: 2rem; } .pagination li.pages ul li { display: inline-block; float: none; } @media only screen and (max-width: 992px) { .pagination { width: 100%; } .pagination li.prev, .pagination li.next { width: 10%; } .pagination li.pages { width: 80%; overflow: hidden; white-space: nowrap; }} .breadcrumb { font-size: 18px; color: rgba(255, 255, 255, 0.7); } .breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons { display: inline-block; float: left; font-size: 24px; } .breadcrumb::before { content: "&#58828;"; color: rgba(255, 255, 255, 0.7); vertical-align: top; display: inline-block; font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 25px; margin: 0px 10px 0px 8px; -webkit-font-smoothing: antialiased; } .breadcrumb:first-child::before { display: none; } .breadcrumb:last-child { color: rgb(255, 255, 255); } .parallax-container { position: relative; overflow: hidden; height: 500px; } .parallax-container .parallax { position: absolute; inset: 0px; z-index: -1; } .parallax-container .parallax img { opacity: 0; position: absolute; left: 50%; bottom: 0px; min-width: 100%; min-height: 100%; transform: translateX(-50%); } .pin-top, .pin-bottom { position: relative; } .pinned { position: fixed !important; } ul.staggered-list li { opacity: 0; } .fade-in { opacity: 0; transform-origin: 0px 50%; } @media only screen and (max-width: 600px) { .hide-on-small-only, .hide-on-small-and-down { display: none !important; }} @media only screen and (max-width: 992px) { .hide-on-med-and-down { display: none !important; }} @media only screen and (min-width: 601px) { .hide-on-med-and-up { display: none !important; }} @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display: none !important; }} @media only screen and (min-width: 993px) { .hide-on-large-only { display: none !important; }} @media only screen and (min-width: 1201px) { .hide-on-extra-large-only { display: none !important; }} @media only screen and (min-width: 1201px) { .show-on-extra-large { display: block !important; }} @media only screen and (min-width: 993px) { .show-on-large { display: block !important; }} @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display: block !important; }} @media only screen and (max-width: 600px) { .show-on-small { display: block !important; }} @media only screen and (min-width: 601px) { .show-on-medium-and-up { display: block !important; }} @media only screen and (max-width: 992px) { .show-on-medium-and-down { display: block !important; }} @media only screen and (max-width: 600px) { .center-on-small-only { text-align: center; }} .page-footer { padding-top: 20px; color: rgb(255, 255, 255); background-color: rgb(46, 87, 144); } .page-footer .footer-copyright { overflow: hidden; min-height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08); } table, th, td { border: none; } table { width: 100%; display: table; border-collapse: collapse; border-spacing: 0px; } table.striped tr { border-bottom: none; } table.striped > tbody > tr:nth-child(2n+1) { background-color: rgba(242, 242, 242, 0.5); } table.striped > tbody > tr > td { border-radius: 0px; } table.highlight > tbody > tr { transition: background-color 0.25s ease 0s; } table.highlight > tbody > tr:hover { background-color: rgba(242, 242, 242, 0.5); } table.centered thead tr th, table.centered tbody tr td { text-align: center; } tr { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } td, th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; } @media only screen and (max-width: 992px) { table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0px; display: block; position: relative; } table.responsive-table td:empty::before { content: " "; } table.responsive-table th, table.responsive-table td { margin: 0px; vertical-align: top; } table.responsive-table th { text-align: left; } table.responsive-table thead { display: block; float: left; } table.responsive-table thead tr { display: block; padding: 0px 10px 0px 0px; } table.responsive-table thead tr th::before { content: " "; } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive-table tbody tr { display: inline-block; vertical-align: top; } table.responsive-table th { display: block; text-align: right; } table.responsive-table td { display: block; min-height: 1.25em; text-align: left; } table.responsive-table tr { border-bottom: none; padding: 0px 10px; } table.responsive-table thead { border-width: 0px 1px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-right-style: solid; border-right-color: rgba(0, 0, 0, 0.12); }} .collection { margin: 0.5rem 0px 1rem; border: 1px solid rgb(224, 224, 224); border-radius: 2px; overflow: hidden; position: relative; } .collection .collection-item { background-color: rgb(255, 255, 255); line-height: 1.5rem; padding: 10px 20px; margin: 0px; border-bottom: 1px solid rgb(224, 224, 224); } .collection .collection-item.avatar { min-height: 84px; padding-left: 72px; position: relative; } .collection .collection-item.avatar:not(.circle-clipper) > .circle, .collection .collection-item.avatar :not(.circle-clipper) > .circle { position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .collection-item.avatar i.circle { font-size: 18px; line-height: 42px; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); text-align: center; } .collection .collection-item.avatar .title { font-size: 16px; } .collection .collection-item.avatar p { margin: 0px; } .collection .collection-item.avatar .secondary-content { position: absolute; top: 16px; right: 16px; } .collection .collection-item:last-child { border-bottom: none; } .collection .collection-item.active { background-color: rgb(128, 164, 215); color: rgb(255, 255, 255); } .collection .collection-item.active .secondary-content { color: rgb(255, 255, 255); } .collection a.collection-item { display: block; transition: all 0.25s ease 0s; color: rgb(128, 164, 215); } .collection a.collection-item:not(.active):hover { background-color: rgb(221, 221, 221); } .collection.with-header .collection-header { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 224, 224); padding: 10px 20px; } .collection.with-header .collection-item { padding-left: 30px; } .collection.with-header .collection-item.avatar { padding-left: 72px; } .secondary-content { float: right; color: rgb(128, 164, 215); } .collapsible .collection { margin: 0px; border: none; } .video-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .progress { position: relative; height: 4px; display: block; width: 100%; background-color: rgb(255, 255, 255); border-radius: 2px; margin: 0.5rem 0px 1rem; overflow: hidden; } .progress .determinate { position: absolute; top: 0px; left: 0px; bottom: 0px; background-color: rgb(128, 164, 215); transition: width 0.3s linear 0s; } .progress .indeterminate { background-color: rgb(128, 164, 215); } .progress .indeterminate::before { content: ""; position: absolute; background-color: inherit; top: 0px; left: 0px; bottom: 0px; will-change: left, right; animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running indeterminate; } .progress .indeterminate::after { content: ""; position: absolute; background-color: inherit; top: 0px; left: 0px; bottom: 0px; will-change: left, right; animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite normal none running indeterminate-short; } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; }} @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; }} .hide { display: none !important; } .left-align { text-align: left; } .right-align { text-align: right; } .center, .center-align { text-align: center; } .left { float: left !important; } .right { float: right !important; } .no-select, input[type="range"], input[type="range"] + .thumb { user-select: none; } .circle { border-radius: 50%; } .center-block { display: block; margin-left: auto; margin-right: auto; } .truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-padding { padding: 0px !important; } span.badge { min-width: 3rem; padding: 0px 6px; margin-left: 14px; text-align: center; font-size: 1rem; line-height: 22px; height: 22px; color: rgb(117, 117, 117); float: right; box-sizing: border-box; } span.badge.new { font-weight: 300; font-size: 0.8rem; color: rgb(255, 255, 255); background-color: rgb(128, 164, 215); border-radius: 2px; } span.badge.new::after { content: " new"; } span.badge[data-badge-caption]::after { content: " " attr(data-badge-caption); } nav ul a span.badge { display: inline-block; float: none; margin-left: 4px; line-height: 22px; height: 22px; -webkit-font-smoothing: auto; } .collection-item span.badge { margin-top: calc(0.75rem - 11px); } .collapsible span.badge { margin-left: auto; } .sidenav span.badge { margin-top: calc(13px); } table span.badge { display: inline-block; float: none; margin-left: auto; } .material-icons { text-rendering: optimizelegibility; font-feature-settings: "liga"; } .container { margin: 0px auto; max-width: 1280px; width: 90%; } @media only screen and (min-width: 601px) { .container { width: 85%; }} @media only screen and (min-width: 993px) { .container { width: 70%; }} .col .row { margin-left: -0.75rem; margin-right: -0.75rem; } .section { padding-top: 1rem; padding-bottom: 1rem; } .section.no-pad { padding: 0px; } .section.no-pad-bot { padding-bottom: 0px; } .section.no-pad-top { padding-top: 0px; } .row { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .row::after { content: ""; display: table; clear: both; } .row .col { float: left; box-sizing: border-box; padding: 0px 0.75rem; min-height: 1px; } .row .col[class*="push-"], .row .col[class*="pull-"] { position: relative; } .row .col.s1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } .row .col.s2 { width: 16.6667%; margin-left: auto; left: auto; right: auto; } .row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.s4 { width: 33.3333%; margin-left: auto; left: auto; right: auto; } .row .col.s5 { width: 41.6667%; margin-left: auto; left: auto; right: auto; } .row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.s7 { width: 58.3333%; margin-left: auto; left: auto; right: auto; } .row .col.s8 { width: 66.6667%; margin-left: auto; left: auto; right: auto; } .row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.s10 { width: 83.3333%; margin-left: auto; left: auto; right: auto; } .row .col.s11 { width: 91.6667%; margin-left: auto; left: auto; right: auto; } .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-s1 { margin-left: 8.33333%; } .row .col.pull-s1 { right: 8.33333%; } .row .col.push-s1 { left: 8.33333%; } .row .col.offset-s2 { margin-left: 16.6667%; } .row .col.pull-s2 { right: 16.6667%; } .row .col.push-s2 { left: 16.6667%; } .row .col.offset-s3 { margin-left: 25%; } .row .col.pull-s3 { right: 25%; } .row .col.push-s3 { left: 25%; } .row .col.offset-s4 { margin-left: 33.3333%; } .row .col.pull-s4 { right: 33.3333%; } .row .col.push-s4 { left: 33.3333%; } .row .col.offset-s5 { margin-left: 41.6667%; } .row .col.pull-s5 { right: 41.6667%; } .row .col.push-s5 { left: 41.6667%; } .row .col.offset-s6 { margin-left: 50%; } .row .col.pull-s6 { right: 50%; } .row .col.push-s6 { left: 50%; } .row .col.offset-s7 { margin-left: 58.3333%; } .row .col.pull-s7 { right: 58.3333%; } .row .col.push-s7 { left: 58.3333%; } .row .col.offset-s8 { margin-left: 66.6667%; } .row .col.pull-s8 { right: 66.6667%; } .row .col.push-s8 { left: 66.6667%; } .row .col.offset-s9 { margin-left: 75%; } .row .col.pull-s9 { right: 75%; } .row .col.push-s9 { left: 75%; } .row .col.offset-s10 { margin-left: 83.3333%; } .row .col.pull-s10 { right: 83.3333%; } .row .col.push-s10 { left: 83.3333%; } .row .col.offset-s11 { margin-left: 91.6667%; } .row .col.pull-s11 { right: 91.6667%; } .row .col.push-s11 { left: 91.6667%; } .row .col.offset-s12 { margin-left: 100%; } .row .col.pull-s12 { right: 100%; } .row .col.push-s12 { left: 100%; } @media only screen and (min-width: 601px) { .row .col.m1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } .row .col.m2 { width: 16.6667%; margin-left: auto; left: auto; right: auto; } .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.m4 { width: 33.3333%; margin-left: auto; left: auto; right: auto; } .row .col.m5 { width: 41.6667%; margin-left: auto; left: auto; right: auto; } .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.m7 { width: 58.3333%; margin-left: auto; left: auto; right: auto; } .row .col.m8 { width: 66.6667%; margin-left: auto; left: auto; right: auto; } .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.m10 { width: 83.3333%; margin-left: auto; left: auto; right: auto; } .row .col.m11 { width: 91.6667%; margin-left: auto; left: auto; right: auto; } .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-m1 { margin-left: 8.33333%; } .row .col.pull-m1 { right: 8.33333%; } .row .col.push-m1 { left: 8.33333%; } .row .col.offset-m2 { margin-left: 16.6667%; } .row .col.pull-m2 { right: 16.6667%; } .row .col.push-m2 { left: 16.6667%; } .row .col.offset-m3 { margin-left: 25%; } .row .col.pull-m3 { right: 25%; } .row .col.push-m3 { left: 25%; } .row .col.offset-m4 { margin-left: 33.3333%; } .row .col.pull-m4 { right: 33.3333%; } .row .col.push-m4 { left: 33.3333%; } .row .col.offset-m5 { margin-left: 41.6667%; } .row .col.pull-m5 { right: 41.6667%; } .row .col.push-m5 { left: 41.6667%; } .row .col.offset-m6 { margin-left: 50%; } .row .col.pull-m6 { right: 50%; } .row .col.push-m6 { left: 50%; } .row .col.offset-m7 { margin-left: 58.3333%; } .row .col.pull-m7 { right: 58.3333%; } .row .col.push-m7 { left: 58.3333%; } .row .col.offset-m8 { margin-left: 66.6667%; } .row .col.pull-m8 { right: 66.6667%; } .row .col.push-m8 { left: 66.6667%; } .row .col.offset-m9 { margin-left: 75%; } .row .col.pull-m9 { right: 75%; } .row .col.push-m9 { left: 75%; } .row .col.offset-m10 { margin-left: 83.3333%; } .row .col.pull-m10 { right: 83.3333%; } .row .col.push-m10 { left: 83.3333%; } .row .col.offset-m11 { margin-left: 91.6667%; } .row .col.pull-m11 { right: 91.6667%; } .row .col.push-m11 { left: 91.6667%; } .row .col.offset-m12 { margin-left: 100%; } .row .col.pull-m12 { right: 100%; } .row .col.push-m12 { left: 100%; }} @media only screen and (min-width: 993px) { .row .col.l1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } .row .col.l2 { width: 16.6667%; margin-left: auto; left: auto; right: auto; } .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.l4 { width: 33.3333%; margin-left: auto; left: auto; right: auto; } .row .col.l5 { width: 41.6667%; margin-left: auto; left: auto; right: auto; } .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.l7 { width: 58.3333%; margin-left: auto; left: auto; right: auto; } .row .col.l8 { width: 66.6667%; margin-left: auto; left: auto; right: auto; } .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.l10 { width: 83.3333%; margin-left: auto; left: auto; right: auto; } .row .col.l11 { width: 91.6667%; margin-left: auto; left: auto; right: auto; } .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-l1 { margin-left: 8.33333%; } .row .col.pull-l1 { right: 8.33333%; } .row .col.push-l1 { left: 8.33333%; } .row .col.offset-l2 { margin-left: 16.6667%; } .row .col.pull-l2 { right: 16.6667%; } .row .col.push-l2 { left: 16.6667%; } .row .col.offset-l3 { margin-left: 25%; } .row .col.pull-l3 { right: 25%; } .row .col.push-l3 { left: 25%; } .row .col.offset-l4 { margin-left: 33.3333%; } .row .col.pull-l4 { right: 33.3333%; } .row .col.push-l4 { left: 33.3333%; } .row .col.offset-l5 { margin-left: 41.6667%; } .row .col.pull-l5 { right: 41.6667%; } .row .col.push-l5 { left: 41.6667%; } .row .col.offset-l6 { margin-left: 50%; } .row .col.pull-l6 { right: 50%; } .row .col.push-l6 { left: 50%; } .row .col.offset-l7 { margin-left: 58.3333%; } .row .col.pull-l7 { right: 58.3333%; } .row .col.push-l7 { left: 58.3333%; } .row .col.offset-l8 { margin-left: 66.6667%; } .row .col.pull-l8 { right: 66.6667%; } .row .col.push-l8 { left: 66.6667%; } .row .col.offset-l9 { margin-left: 75%; } .row .col.pull-l9 { right: 75%; } .row .col.push-l9 { left: 75%; } .row .col.offset-l10 { margin-left: 83.3333%; } .row .col.pull-l10 { right: 83.3333%; } .row .col.push-l10 { left: 83.3333%; } .row .col.offset-l11 { margin-left: 91.6667%; } .row .col.pull-l11 { right: 91.6667%; } .row .col.push-l11 { left: 91.6667%; } .row .col.offset-l12 { margin-left: 100%; } .row .col.pull-l12 { right: 100%; } .row .col.push-l12 { left: 100%; }} @media only screen and (min-width: 1201px) { .row .col.xl1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } .row .col.xl2 { width: 16.6667%; margin-left: auto; left: auto; right: auto; } .row .col.xl3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.xl4 { width: 33.3333%; margin-left: auto; left: auto; right: auto; } .row .col.xl5 { width: 41.6667%; margin-left: auto; left: auto; right: auto; } .row .col.xl6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.xl7 { width: 58.3333%; margin-left: auto; left: auto; right: auto; } .row .col.xl8 { width: 66.6667%; margin-left: auto; left: auto; right: auto; } .row .col.xl9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.xl10 { width: 83.3333%; margin-left: auto; left: auto; right: auto; } .row .col.xl11 { width: 91.6667%; margin-left: auto; left: auto; right: auto; } .row .col.xl12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-xl1 { margin-left: 8.33333%; } .row .col.pull-xl1 { right: 8.33333%; } .row .col.push-xl1 { left: 8.33333%; } .row .col.offset-xl2 { margin-left: 16.6667%; } .row .col.pull-xl2 { right: 16.6667%; } .row .col.push-xl2 { left: 16.6667%; } .row .col.offset-xl3 { margin-left: 25%; } .row .col.pull-xl3 { right: 25%; } .row .col.push-xl3 { left: 25%; } .row .col.offset-xl4 { margin-left: 33.3333%; } .row .col.pull-xl4 { right: 33.3333%; } .row .col.push-xl4 { left: 33.3333%; } .row .col.offset-xl5 { margin-left: 41.6667%; } .row .col.pull-xl5 { right: 41.6667%; } .row .col.push-xl5 { left: 41.6667%; } .row .col.offset-xl6 { margin-left: 50%; } .row .col.pull-xl6 { right: 50%; } .row .col.push-xl6 { left: 50%; } .row .col.offset-xl7 { margin-left: 58.3333%; } .row .col.pull-xl7 { right: 58.3333%; } .row .col.push-xl7 { left: 58.3333%; } .row .col.offset-xl8 { margin-left: 66.6667%; } .row .col.pull-xl8 { right: 66.6667%; } .row .col.push-xl8 { left: 66.6667%; } .row .col.offset-xl9 { margin-left: 75%; } .row .col.pull-xl9 { right: 75%; } .row .col.push-xl9 { left: 75%; } .row .col.offset-xl10 { margin-left: 83.3333%; } .row .col.pull-xl10 { right: 83.3333%; } .row .col.push-xl10 { left: 83.3333%; } .row .col.offset-xl11 { margin-left: 91.6667%; } .row .col.pull-xl11 { right: 91.6667%; } .row .col.push-xl11 { left: 91.6667%; } .row .col.offset-xl12 { margin-left: 100%; } .row .col.pull-xl12 { right: 100%; } .row .col.push-xl12 { left: 100%; }} nav { color: rgb(255, 255, 255); background-color: rgb(46, 87, 144); width: 100%; height: 56px; line-height: 56px; } nav.nav-extended { height: auto; } nav.nav-extended .nav-wrapper { min-height: 56px; height: auto; } nav.nav-extended .nav-content { position: relative; line-height: normal; } nav a { color: rgb(255, 255, 255); } nav i, nav [class^="mdi-"], nav [class*="mdi-"] { display: block; font-size: 24px; height: 56px; line-height: 56px; } nav .nav-wrapper { position: relative; height: 100%; } nav .sidenav-trigger { float: left; position: relative; z-index: 1; height: 56px; } nav .sidenav-trigger i { height: 56px; line-height: 56px; } nav .nav-title { display: inline-block; font-size: 32px; padding: 28px 0px; } nav ul { margin: 0px; } nav ul li { transition: background-color 0.3s ease 0s; float: left; padding: 0px; } nav ul li.active { background-color: rgba(0, 0, 0, 0.1); } nav ul a { transition: background-color 0.3s ease 0s; font-size: 1rem; color: rgb(255, 255, 255); display: block; padding: 0px 15px; cursor: pointer; } nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating { margin-top: -2px; margin-left: 15px; margin-right: 15px; } nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons { height: inherit; line-height: inherit; } nav ul a:hover { background-color: rgba(0, 0, 0, 0.1); } nav ul.left { float: left; } nav form { height: 100%; } nav .input-field { margin: 0px; height: 100%; } nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem; } nav .input-field input:focus, nav .input-field input[type="text"]:valid, nav .input-field input[type="password"]:valid, nav .input-field input[type="email"]:valid, nav .input-field input[type="url"]:valid, nav .input-field input[type="date"]:valid { border: none; box-shadow: none; } nav .input-field label { top: 0px; left: 0px; } nav .input-field label i { color: rgba(255, 255, 255, 0.7); transition: color 0.3s ease 0s; } nav .input-field label.active i { color: rgb(255, 255, 255); } .navbar-fixed { position: relative; height: 56px; z-index: 997; } .navbar-fixed nav { position: fixed; } @media only screen and (min-width: 601px) { nav.nav-extended .nav-wrapper { min-height: 64px; } nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i { height: 64px; line-height: 64px; } .navbar-fixed { height: 64px; }} a { text-decoration: none; } html { line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.87); } @media only screen and (min-width: 0) { html { font-size: 14px; }} @media only screen and (min-width: 992px) { html { font-size: 14.5px; }} @media only screen and (min-width: 1200px) { html { font-size: 15px; }} h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.3; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 4.2rem; line-height: 110%; margin: 2.8rem 0px 1.68rem; } h2 { font-size: 3.56rem; line-height: 110%; margin: 2.37333rem 0px 1.424rem; } h3 { font-size: 2.92rem; line-height: 110%; margin: 1.94667rem 0px 1.168rem; } h4 { font-size: 2.28rem; line-height: 110%; margin: 1.52rem 0px 0.912rem; } h5 { font-size: 1.64rem; line-height: 110%; margin: 1.09333rem 0px 0.656rem; } h6 { font-size: 1.2rem; line-height: 110%; margin: 0.8rem 0px 0.48rem; } em { font-style: italic; } strong { font-weight: 500; } small { font-size: 75%; } .light { font-weight: 300; } .thin { font-weight: 200; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; }} @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; }} @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; }} @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; }} @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; }} @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; }} @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; }} @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; }} @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; }} @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; }} @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; }} @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; }} @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; }} @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; }} @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; }} @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; }} @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; }} @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; }} @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; }} @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; }} @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; }} @media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; }} .scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) 0s !important; } .scale-transition.scale-out { transform: scale(0); transition: transform 0.2s ease 0s !important; } .scale-transition.scale-in { transform: scale(1); } .card-panel { transition: box-shadow 0.25s ease 0s; padding: 15px; margin: 0.5rem 0px 1rem; border-radius: 2px; background-color: rgb(255, 255, 255); } .card { position: relative; margin: 0.5rem 0px 1rem; background-color: rgb(255, 255, 255); transition: box-shadow 0.25s ease 0s; border-radius: 2px; } .card .card-title { font-size: 24px; font-weight: 300; } .card .card-title.activator { cursor: pointer; } .card.small, .card.medium, .card.large { position: relative; } .card.small .card-image, .card.medium .card-image, .card.large .card-image { max-height: 60%; overflow: hidden; } .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { max-height: 40%; } .card.small .card-content, .card.medium .card-content, .card.large .card-content { max-height: 100%; overflow: hidden; } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0px; left: 0px; right: 0px; } .card.small { height: 300px; } .card.medium { height: 400px; } .card.large { height: 500px; } .card.horizontal { display: flex; } .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { height: 100%; max-height: none; overflow: visible; } .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { height: 100%; } .card.horizontal .card-image { max-width: 50%; } .card.horizontal .card-image img { border-radius: 2px 0px 0px 2px; max-width: 100%; width: auto; } .card.horizontal .card-stacked { display: flex; flex-direction: column; flex: 1 1 0%; position: relative; } .card.horizontal .card-stacked .card-content { flex-grow: 1; } .card.sticky-action .card-action { z-index: 2; } .card.sticky-action .card-reveal { z-index: 1; padding-bottom: 64px; } .card .card-image { position: relative; } .card .card-image img { display: block; border-radius: 2px 2px 0px 0px; position: relative; inset: 0px; width: 100%; } .card .card-image .card-title { color: rgb(255, 255, 255); position: absolute; bottom: 0px; left: 0px; max-width: 100%; padding: 15px; } .card .card-content { padding: 15px; border-radius: 0px 0px 2px 2px; } .card .card-content p { margin: 0px; } .card .card-content .card-title { display: block; line-height: 32px; margin-bottom: 8px; } .card .card-content .card-title i { line-height: 32px; } .card .card-action { background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); position: relative; padding: 16px 15px; } .card .card-action:last-child { border-radius: 0px 0px 2px 2px; } .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) { color: rgb(57, 73, 171); margin-right: 15px; transition: color 0.3s ease 0s; text-transform: uppercase; } .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover { color: rgb(120, 133, 210); } .card .card-reveal { padding: 15px; position: absolute; background-color: rgb(255, 255, 255); width: 100%; overflow-y: auto; left: 0px; top: 100%; height: 100%; z-index: 3; display: none; } .card .card-reveal .card-title { cursor: pointer; display: block; } .tabs { position: relative; overflow: auto hidden; height: 48px; width: 100%; background-color: rgb(241, 241, 241); margin: 0px auto; white-space: nowrap; } .tabs.tabs-transparent { background-color: transparent; } .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover { color: rgba(255, 255, 255, 0.7); } .tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active { color: rgb(255, 255, 255); } .tabs.tabs-transparent .indicator { background-color: rgb(255, 255, 255); } .tabs.tabs-fixed-width { display: flex; } .tabs.tabs-fixed-width .tab { flex-grow: 1; } .tabs .tab { display: inline-block; text-align: center; line-height: 48px; height: 48px; padding: 0px; margin: 0px; text-transform: uppercase; } .tabs .tab a { color: rgba(51, 51, 51, 0.7); display: block; width: 100%; height: 100%; padding: 0px 24px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; transition: color 0.28s ease 0s, background-color 0.28s ease 0s; } .tabs .tab a:focus, .tabs .tab a:focus.active { background-color: transparent; outline: none; } .tabs .tab a:hover, .tabs .tab a.active { background-color: transparent; color: rgb(51, 51, 51); } .tabs .tab.disabled a, .tabs .tab.disabled a:hover { color: rgba(51, 51, 51, 0.4); cursor: default; } .tabs .indicator { position: absolute; bottom: 0px; height: 2px; background-color: transparent; will-change: left, right; } @media only screen and (max-width: 992px) { .tabs { display: flex; } .tabs .tab { flex-grow: 1; } .tabs .tab a { padding: 0px 12px; }} .material-tooltip { padding: 10px 8px; font-size: 1rem; z-index: 2000; border-radius: 2px; color: rgb(255, 255, 255); min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0px; top: 0px; pointer-events: none; visibility: hidden; background-color: rgb(50, 50, 50); } .backdrop { position: absolute; opacity: 0; height: 7px; width: 14px; border-radius: 0px 0px 50% 50%; background-color: rgb(50, 50, 50); z-index: -1; transform-origin: 50% 0%; visibility: hidden; } .btn, .btn-large, .btn-small, .btn-flat { border: none; border-radius: 4px; display: inline-block; height: 36px; line-height: 36px; padding: 0px 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], [disabled].btn-large, [disabled].btn-small, .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] { pointer-events: none; box-shadow: none; cursor: default; background-color: rgb(223, 223, 223) !important; color: rgb(159, 159, 159) !important; } .btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-small.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, [disabled].btn-large:hover, [disabled].btn-small:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-flat[disabled]:hover { background-color: rgb(223, 223, 223) !important; color: rgb(159, 159, 159) !important; } .btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat { font-size: 1rem; outline: 0px; } .btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } .btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus { background-color: rgb(90, 137, 202); } .btn, .btn-large, .btn-small { text-decoration: none; color: rgb(255, 255, 255); background-color: rgb(128, 164, 215); text-align: center; letter-spacing: 0.5px; transition: background-color 0.2s ease-out 0s; cursor: pointer; } .btn:hover, .btn-large:hover, .btn-small:hover { background-color: rgb(148, 178, 221); } .btn-floating { display: inline-block; color: rgb(255, 255, 255); position: relative; overflow: hidden; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0px; background-color: rgb(46, 87, 144); border-radius: 50%; transition: background-color 0.3s ease 0s; cursor: pointer; vertical-align: middle; } .btn-floating:hover { background-color: rgb(46, 87, 144); } .btn-floating::before { border-radius: 0px; } .btn-floating.btn-large { width: 4rem; height: 4rem; padding: 0px; } .btn-floating.btn-large.halfway-fab { bottom: -2rem; } .btn-floating.btn-large i { line-height: 4rem; } .btn-floating.btn-small { width: 32.4px; height: 32.4px; } .btn-floating.btn-small.halfway-fab { bottom: -16.2px; } .btn-floating.btn-small i { line-height: 32.4px; } .btn-floating.halfway-fab { position: absolute; right: 24px; bottom: -20px; } .btn-floating.halfway-fab.left { right: auto; left: 24px; } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: rgb(255, 255, 255); font-size: 1.6rem; line-height: 40px; } button.btn-floating { border: none; } .fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0px; z-index: 997; } .fixed-action-btn.active ul { visibility: visible; } .fixed-action-btn.direction-left, .fixed-action-btn.direction-right { padding: 0px 0px 0px 15px; } .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul { text-align: right; right: 64px; top: 50%; transform: translateY(-50%); height: 100%; left: auto; width: 500px; } .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li { display: inline-block; margin: 7.5px 15px 0px 0px; } .fixed-action-btn.direction-right { padding: 0px 15px 0px 0px; } .fixed-action-btn.direction-right ul { text-align: left; direction: rtl; left: 64px; right: auto; } .fixed-action-btn.direction-right ul li { margin: 7.5px 0px 0px 15px; } .fixed-action-btn.direction-bottom { padding: 0px 0px 15px; } .fixed-action-btn.direction-bottom ul { top: 64px; bottom: auto; display: flex; flex-direction: column-reverse; } .fixed-action-btn.direction-bottom ul li { margin: 15px 0px 0px; } .fixed-action-btn.toolbar { padding: 0px; height: 4rem; } .fixed-action-btn.toolbar.active > a i { opacity: 0; } .fixed-action-btn.toolbar ul { display: flex; top: 0px; bottom: 0px; z-index: 1; } .fixed-action-btn.toolbar ul li { flex: 1 1 0%; display: inline-block; margin: 0px; height: 100%; transition: none 0s ease 0s; } .fixed-action-btn.toolbar ul li a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background-color: transparent; box-shadow: none; color: rgb(255, 255, 255); line-height: 4rem; z-index: 1; } .fixed-action-btn.toolbar ul li a i { line-height: inherit; } .fixed-action-btn ul { left: 0px; right: 0px; text-align: center; position: absolute; bottom: 64px; margin: 0px; visibility: hidden; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { opacity: 0; } .fixed-action-btn .fab-backdrop { position: absolute; top: 0px; left: 0px; z-index: -1; width: 40px; height: 40px; background-color: rgb(46, 87, 144); border-radius: 50%; transform: scale(0); } .btn-flat { box-shadow: none; background-color: transparent; color: rgb(52, 52, 52); cursor: pointer; transition: background-color 0.2s ease 0s; } .btn-flat:focus, .btn-flat:hover { box-shadow: none; } .btn-flat:focus { background-color: rgba(0, 0, 0, 0.1); } .btn-flat.disabled, .btn-flat.btn-flat[disabled] { cursor: default; background-color: transparent !important; color: rgb(179, 179, 179) !important; } .btn-large { height: 54px; line-height: 54px; font-size: 1rem; padding: 0px 28px; } .btn-large i { font-size: 1.6rem; } .btn-small { height: 32.4px; line-height: 32.4px; font-size: 1rem; } .btn-small i { font-size: 1.2rem; } .btn-block { display: block; } .dropdown-content { background-color: rgb(255, 255, 255); margin: 0px; display: none; min-width: 100px; overflow-y: auto; opacity: 0; position: absolute; left: 0px; top: 0px; z-index: 9999; transform-origin: 0px 0px; } .dropdown-content:focus { outline: 0px; } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; } .dropdown-content li:hover, .dropdown-content li.active { background-color: rgb(238, 238, 238); } .dropdown-content li:focus { outline: none; } .dropdown-content li.divider { min-height: 0px; height: 1px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 16px; color: rgb(128, 164, 215); display: block; line-height: 22px; padding: 14px 16px; } .dropdown-content li > span > label { top: 1px; left: 0px; height: 18px; } .dropdown-content li > a > i { height: inherit; line-height: inherit; float: left; margin: 0px 24px 0px 0px; width: 24px; } body.keyboard-focused .dropdown-content li:focus { background-color: rgb(218, 218, 218); } .input-field.col .dropdown-content [type="checkbox"] + label { top: 1px; left: 0px; height: 18px; transform: none; } .dropdown-trigger { cursor: pointer; } .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; transition: all 0.3s ease-out 0s; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: transform 0.7s ease-out 0s, opacity; transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0px; font-style: normal; font-size: inherit; text-transform: inherit; background: none; } .waves-effect img { position: relative; z-index: -1; } .waves-notransition { transition: none 0s ease 0s !important; } .waves-circle { transform: translateZ(0px); -webkit-mask-image: -webkit-radial-gradient(center, circle cover, rgb(255, 255, 255) 100%, rgb(0, 0, 0) 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0px; left: 0px; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } .waves-effect .waves-ripple { z-index: -1; } .modal { display: none; position: fixed; left: 0px; right: 0px; background-color: rgb(250, 250, 250); padding: 0px; max-height: 70%; width: 55%; margin: auto; overflow-y: auto; border-radius: 2px; will-change: top, opacity; } .modal:focus { outline: none; } @media only screen and (max-width: 992px) { .modal { width: 80%; }} .modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0px; } .modal .modal-content { padding: 24px; } .modal .modal-close { cursor: pointer; } .modal .modal-footer { border-radius: 0px 0px 2px 2px; background-color: rgb(250, 250, 250); padding: 4px 6px; height: 56px; width: 100%; text-align: right; } .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat { margin: 6px 0px; } .modal-overlay { position: fixed; z-index: 999; inset: -25% 0px 0px; height: 125%; width: 100%; background: rgb(0, 0, 0); display: none; will-change: opacity; } .modal.modal-fixed-footer { padding: 0px; height: 70%; } .modal.modal-fixed-footer .modal-content { position: absolute; height: calc(100% - 56px); max-height: 100%; width: 100%; overflow-y: auto; } .modal.modal-fixed-footer .modal-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 0px; } .modal.bottom-sheet { top: auto; bottom: -100%; margin: 0px; width: 100%; max-height: 45%; border-radius: 0px; will-change: bottom, opacity; } .collapsible { border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); margin: 0.5rem 0px 1rem; } .collapsible-header { display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); } .collapsible-header:focus { outline: 0px; } .collapsible-header i { width: 2rem; font-size: 1.6rem; display: inline-block; text-align: center; margin-right: 1rem; } .keyboard-focused .collapsible-header:focus { background-color: rgb(238, 238, 238); } .collapsible-body { display: none; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 2rem; } .sidenav .collapsible, .sidenav.fixed .collapsible { border: none; box-shadow: none; } .sidenav .collapsible li, .sidenav.fixed .collapsible li { padding: 0px; } .sidenav .collapsible-header, .sidenav.fixed .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0px 16px; } .sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); } .sidenav .collapsible-header i, .sidenav.fixed .collapsible-header i { line-height: inherit; } .sidenav .collapsible-body, .sidenav.fixed .collapsible-body { border: 0px; background-color: rgb(255, 255, 255); } .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a { padding: 0px 23.5px 0px 31px; } .collapsible.popout { border: none; box-shadow: none; } .collapsible.popout > li { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; margin: 0px 24px; transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .collapsible.popout > li.active { box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 11px 0px, rgba(0, 0, 0, 0.15) 0px 4px 15px 0px; margin: 16px 0px; } .chip { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0px 12px; border-radius: 16px; background-color: rgb(228, 228, 228); margin-bottom: 5px; margin-right: 5px; } .chip:focus { outline: none; background-color: rgb(38, 166, 154); color: rgb(255, 255, 255); } .chip > img { float: left; margin: 0px 8px 0px -12px; height: 32px; width: 32px; border-radius: 50%; } .chip .close { cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px; } .chips { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(158, 158, 158); box-shadow: none; margin: 0px 0px 8px; min-height: 45px; outline: none; transition: all 0.3s ease 0s; } .chips.focus { border-bottom: 1px solid rgb(38, 166, 154); box-shadow: rgb(38, 166, 154) 0px 1px 0px 0px; } .chips:hover { cursor: text; } .chips .input { background: none; border: 0px; color: rgba(0, 0, 0, 0.6); display: inline-block; font-size: 1rem; height: 3rem; line-height: 32px; outline: 0px; margin: 0px; padding: 0px !important; width: 120px !important; } .chips .input:focus { border: 0px !important; box-shadow: none !important; } .chips .autocomplete-content { margin-top: 0px; margin-bottom: 0px; } .prefix ~ .chips { margin-left: 3rem; width: calc(100% - 3rem); } .chips:empty ~ label { font-size: 0.8rem; transform: translateY(-140%); } .materialboxed { display: block; cursor: zoom-in; position: relative; transition: opacity 0.4s ease 0s; backface-visibility: hidden; } .materialboxed:hover:not(.active) { opacity: 0.8; } .materialboxed.active { cursor: zoom-out; } #materialbox-overlay { position: fixed; inset: 0px; background-color: rgb(41, 41, 41); z-index: 1000; will-change: opacity; } .materialbox-caption { position: fixed; display: none; color: rgb(255, 255, 255); line-height: 50px; bottom: 0px; left: 0px; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; } select:focus { outline: rgb(255, 255, 255) solid 1px; } button:focus { outline: none; background-color: rgb(144, 176, 220); } label { font-size: 0.8rem; color: rgb(158, 158, 158); } ::placeholder { color: rgb(209, 209, 209); } input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea { background-color: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(158, 158, 158); border-radius: 0px; outline: none; height: 3rem; width: 100%; font-size: 1rem; margin: 0px 0px 8px; padding: 0px; box-shadow: none; box-sizing: content-box; transition: box-shadow 0.3s ease 0s, border 0.3s ease 0s; } input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type="text"]:not(.browser-default):disabled, input[type="text"]:not(.browser-default)[readonly="readonly"], input[type="password"]:not(.browser-default):disabled, input[type="password"]:not(.browser-default)[readonly="readonly"], input[type="email"]:not(.browser-default):disabled, input[type="email"]:not(.browser-default)[readonly="readonly"], input[type="url"]:not(.browser-default):disabled, input[type="url"]:not(.browser-default)[readonly="readonly"], input[type="time"]:not(.browser-default):disabled, input[type="time"]:not(.browser-default)[readonly="readonly"], input[type="date"]:not(.browser-default):disabled, input[type="date"]:not(.browser-default)[readonly="readonly"], input[type="datetime"]:not(.browser-default):disabled, input[type="datetime"]:not(.browser-default)[readonly="readonly"], input[type="datetime-local"]:not(.browser-default):disabled, input[type="datetime-local"]:not(.browser-default)[readonly="readonly"], input[type="tel"]:not(.browser-default):disabled, input[type="tel"]:not(.browser-default)[readonly="readonly"], input[type="number"]:not(.browser-default):disabled, input[type="number"]:not(.browser-default)[readonly="readonly"], input[type="search"]:not(.browser-default):disabled, input[type="search"]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.42); border-bottom: 1px dotted rgba(0, 0, 0, 0.42); } input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type="text"]:not(.browser-default):disabled + label, input[type="text"]:not(.browser-default)[readonly="readonly"] + label, input[type="password"]:not(.browser-default):disabled + label, input[type="password"]:not(.browser-default)[readonly="readonly"] + label, input[type="email"]:not(.browser-default):disabled + label, input[type="email"]:not(.browser-default)[readonly="readonly"] + label, input[type="url"]:not(.browser-default):disabled + label, input[type="url"]:not(.browser-default)[readonly="readonly"] + label, input[type="time"]:not(.browser-default):disabled + label, input[type="time"]:not(.browser-default)[readonly="readonly"] + label, input[type="date"]:not(.browser-default):disabled + label, input[type="date"]:not(.browser-default)[readonly="readonly"] + label, input[type="datetime"]:not(.browser-default):disabled + label, input[type="datetime"]:not(.browser-default)[readonly="readonly"] + label, input[type="datetime-local"]:not(.browser-default):disabled + label, input[type="datetime-local"]:not(.browser-default)[readonly="readonly"] + label, input[type="tel"]:not(.browser-default):disabled + label, input[type="tel"]:not(.browser-default)[readonly="readonly"] + label, input[type="number"]:not(.browser-default):disabled + label, input[type="number"]:not(.browser-default)[readonly="readonly"] + label, input[type="search"]:not(.browser-default):disabled + label, input[type="search"]:not(.browser-default)[readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.42); } input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid rgb(128, 164, 215); box-shadow: rgb(128, 164, 215) 0px 1px 0px 0px; } input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: rgb(128, 164, 215); } input:not([type]):focus.valid ~ label, input[type="text"]:not(.browser-default):focus.valid ~ label, input[type="password"]:not(.browser-default):focus.valid ~ label, input[type="email"]:not(.browser-default):focus.valid ~ label, input[type="url"]:not(.browser-default):focus.valid ~ label, input[type="time"]:not(.browser-default):focus.valid ~ label, input[type="date"]:not(.browser-default):focus.valid ~ label, input[type="datetime"]:not(.browser-default):focus.valid ~ label, input[type="datetime-local"]:not(.browser-default):focus.valid ~ label, input[type="tel"]:not(.browser-default):focus.valid ~ label, input[type="number"]:not(.browser-default):focus.valid ~ label, input[type="search"]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label { } input:not([type]):focus.invalid ~ label, input[type="text"]:not(.browser-default):focus.invalid ~ label, input[type="password"]:not(.browser-default):focus.invalid ~ label, input[type="email"]:not(.browser-default):focus.invalid ~ label, input[type="url"]:not(.browser-default):focus.invalid ~ label, input[type="time"]:not(.browser-default):focus.invalid ~ label, input[type="date"]:not(.browser-default):focus.invalid ~ label, input[type="datetime"]:not(.browser-default):focus.invalid ~ label, input[type="datetime-local"]:not(.browser-default):focus.invalid ~ label, input[type="tel"]:not(.browser-default):focus.invalid ~ label, input[type="number"]:not(.browser-default):focus.invalid ~ label, input[type="search"]:not(.browser-default):focus.invalid ~ label, textarea.materialize-textarea:focus.invalid ~ label { } input:not([type]).validate + label, input[type="text"]:not(.browser-default).validate + label, input[type="password"]:not(.browser-default).validate + label, input[type="email"]:not(.browser-default).validate + label, input[type="url"]:not(.browser-default).validate + label, input[type="time"]:not(.browser-default).validate + label, input[type="date"]:not(.browser-default).validate + label, input[type="datetime"]:not(.browser-default).validate + label, input[type="datetime-local"]:not(.browser-default).validate + label, input[type="tel"]:not(.browser-default).validate + label, input[type="number"]:not(.browser-default).validate + label, input[type="search"]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label { width: 100%; } input.valid:not([type]), input.valid:not([type]):focus, input[type="text"].valid:not(.browser-default), input[type="text"].valid:not(.browser-default):focus, input[type="password"].valid:not(.browser-default), input[type="password"].valid:not(.browser-default):focus, input[type="email"].valid:not(.browser-default), input[type="email"].valid:not(.browser-default):focus, input[type="url"].valid:not(.browser-default), input[type="url"].valid:not(.browser-default):focus, input[type="time"].valid:not(.browser-default), input[type="time"].valid:not(.browser-default):focus, input[type="date"].valid:not(.browser-default), input[type="date"].valid:not(.browser-default):focus, input[type="datetime"].valid:not(.browser-default), input[type="datetime"].valid:not(.browser-default):focus, input[type="datetime-local"].valid:not(.browser-default), input[type="datetime-local"].valid:not(.browser-default):focus, input[type="tel"].valid:not(.browser-default), input[type="tel"].valid:not(.browser-default):focus, input[type="number"].valid:not(.browser-default), input[type="number"].valid:not(.browser-default):focus, input[type="search"].valid:not(.browser-default), input[type="search"].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown { } input.invalid:not([type]), input.invalid:not([type]):focus, input[type="text"].invalid:not(.browser-default), input[type="text"].invalid:not(.browser-default):focus, input[type="password"].invalid:not(.browser-default), input[type="password"].invalid:not(.browser-default):focus, input[type="email"].invalid:not(.browser-default), input[type="email"].invalid:not(.browser-default):focus, input[type="url"].invalid:not(.browser-default), input[type="url"].invalid:not(.browser-default):focus, input[type="time"].invalid:not(.browser-default), input[type="time"].invalid:not(.browser-default):focus, input[type="date"].invalid:not(.browser-default), input[type="date"].invalid:not(.browser-default):focus, input[type="datetime"].invalid:not(.browser-default), input[type="datetime"].invalid:not(.browser-default):focus, input[type="datetime-local"].invalid:not(.browser-default), input[type="datetime-local"].invalid:not(.browser-default):focus, input[type="tel"].invalid:not(.browser-default), input[type="tel"].invalid:not(.browser-default):focus, input[type="number"].invalid:not(.browser-default), input[type="number"].invalid:not(.browser-default):focus, input[type="search"].invalid:not(.browser-default), input[type="search"].invalid:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus { } input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.valid ~ .helper-text[data-success], input:not([type]).invalid ~ .helper-text[data-error], input:not([type]):focus.invalid ~ .helper-text[data-error], input[type="text"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="text"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="text"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="text"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="password"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="password"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="password"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="password"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="email"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="email"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="email"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="email"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="url"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="url"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="url"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="url"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="time"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="time"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="time"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="time"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="date"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="date"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="date"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="date"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="datetime"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="datetime"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="datetime"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="datetime"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="datetime-local"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="datetime-local"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="datetime-local"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="datetime-local"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="tel"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="tel"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="tel"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="tel"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="number"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="number"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="number"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="number"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type="search"]:not(.browser-default).valid ~ .helper-text[data-success], input[type="search"]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type="search"]:not(.browser-default).invalid ~ .helper-text[data-error], input[type="search"]:not(.browser-default):focus.invalid ~ .helper-text[data-error], textarea.materialize-textarea.valid ~ .helper-text[data-success], textarea.materialize-textarea:focus.valid ~ .helper-text[data-success], textarea.materialize-textarea.invalid ~ .helper-text[data-error], textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid ~ .helper-text[data-error] { color: transparent; user-select: none; pointer-events: none; } input:not([type]).valid ~ .helper-text::after, input:not([type]):focus.valid ~ .helper-text::after, input[type="text"]:not(.browser-default).valid ~ .helper-text::after, input[type="text"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="password"]:not(.browser-default).valid ~ .helper-text::after, input[type="password"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="email"]:not(.browser-default).valid ~ .helper-text::after, input[type="email"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="url"]:not(.browser-default).valid ~ .helper-text::after, input[type="url"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="time"]:not(.browser-default).valid ~ .helper-text::after, input[type="time"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="date"]:not(.browser-default).valid ~ .helper-text::after, input[type="date"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="datetime"]:not(.browser-default).valid ~ .helper-text::after, input[type="datetime"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="datetime-local"]:not(.browser-default).valid ~ .helper-text::after, input[type="datetime-local"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="tel"]:not(.browser-default).valid ~ .helper-text::after, input[type="tel"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="number"]:not(.browser-default).valid ~ .helper-text::after, input[type="number"]:not(.browser-default):focus.valid ~ .helper-text::after, input[type="search"]:not(.browser-default).valid ~ .helper-text::after, input[type="search"]:not(.browser-default):focus.valid ~ .helper-text::after, textarea.materialize-textarea.valid ~ .helper-text::after, textarea.materialize-textarea:focus.valid ~ .helper-text::after, .select-wrapper.valid ~ .helper-text::after { content: attr(data-success); } input:not([type]).invalid ~ .helper-text::after, input:not([type]):focus.invalid ~ .helper-text::after, input[type="text"]:not(.browser-default).invalid ~ .helper-text::after, input[type="text"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="password"]:not(.browser-default).invalid ~ .helper-text::after, input[type="password"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="email"]:not(.browser-default).invalid ~ .helper-text::after, input[type="email"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="url"]:not(.browser-default).invalid ~ .helper-text::after, input[type="url"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="time"]:not(.browser-default).invalid ~ .helper-text::after, input[type="time"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="date"]:not(.browser-default).invalid ~ .helper-text::after, input[type="date"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="datetime"]:not(.browser-default).invalid ~ .helper-text::after, input[type="datetime"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="datetime-local"]:not(.browser-default).invalid ~ .helper-text::after, input[type="datetime-local"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="tel"]:not(.browser-default).invalid ~ .helper-text::after, input[type="tel"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="number"]:not(.browser-default).invalid ~ .helper-text::after, input[type="number"]:not(.browser-default):focus.invalid ~ .helper-text::after, input[type="search"]:not(.browser-default).invalid ~ .helper-text::after, input[type="search"]:not(.browser-default):focus.invalid ~ .helper-text::after, textarea.materialize-textarea.invalid ~ .helper-text::after, textarea.materialize-textarea:focus.invalid ~ .helper-text::after, .select-wrapper.invalid ~ .helper-text::after { content: attr(data-error); } input:not([type]) + label::after, input[type="text"]:not(.browser-default) + label::after, input[type="password"]:not(.browser-default) + label::after, input[type="email"]:not(.browser-default) + label::after, input[type="url"]:not(.browser-default) + label::after, input[type="time"]:not(.browser-default) + label::after, input[type="date"]:not(.browser-default) + label::after, input[type="datetime"]:not(.browser-default) + label::after, input[type="datetime-local"]:not(.browser-default) + label::after, input[type="tel"]:not(.browser-default) + label::after, input[type="number"]:not(.browser-default) + label::after, input[type="search"]:not(.browser-default) + label::after, textarea.materialize-textarea + label::after, .select-wrapper + label::after { display: block; content: ""; position: absolute; top: 100%; left: 0px; opacity: 0; transition: opacity 0.2s ease-out 0s, color 0.2s ease-out 0s; } .input-field { position: relative; margin-top: 1rem; margin-bottom: 1rem; } .input-field.inline { display: inline-block; vertical-align: middle; margin-left: 5px; } .input-field.inline input, .input-field.inline .select-dropdown { margin-bottom: 1rem; } .input-field.col label { left: 0.75rem; } .input-field.col .prefix ~ label, .input-field.col .prefix ~ .validate ~ label { width: calc((100% - 3rem) - 1.5rem); } .input-field > label { color: rgb(158, 158, 158); position: absolute; top: 0px; left: 0px; font-size: 1rem; cursor: text; transition: transform 0.2s ease-out 0s, color 0.2s ease-out 0s; transform-origin: 0% 100%; text-align: initial; transform: translateY(12px); } .input-field > label:not(.label-icon).active { transform: translateY(-14px) scale(0.8); transform-origin: 0px 0px; } .input-field > input[type]:-webkit-autofill:not(.browser-default) + label, .input-field > input[type="date"]:not(.browser-default) + label, .input-field > input[type="time"]:not(.browser-default) + label { transform: translateY(-14px) scale(0.8); transform-origin: 0px 0px; } .input-field .helper-text { position: relative; min-height: 18px; display: block; font-size: 12px; color: rgba(0, 0, 0, 0.54); } .input-field .helper-text::after { opacity: 1; position: absolute; top: 0px; left: 0px; } .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; transition: color 0.2s ease 0s; top: 0.5rem; } .input-field .prefix.active { color: rgb(128, 164, 215); } .input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content { margin-left: 3rem; width: calc(100% - 3rem); } .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width: 992px) { .input-field .prefix ~ input { width: calc(100% - 3rem); }} @media only screen and (max-width: 600px) { .input-field .prefix ~ input { width: calc(100% - 3rem); }} .input-field input[type="search"] { display: block; line-height: inherit; transition: background-color 0.3s ease 0s; } .nav-wrapper .input-field input[type="search"] { height: inherit; padding-left: 4rem; width: calc(100% - 4rem); border: 0px; box-shadow: none; } .input-field input[type="search"]:focus:not(.browser-default) { background-color: rgb(255, 255, 255); border: 0px; box-shadow: none; color: rgb(68, 68, 68); } .input-field input[type="search"]:focus:not(.browser-default) + label i, .input-field input[type="search"]:focus:not(.browser-default) ~ .mdi-navigation-close, .input-field input[type="search"]:focus:not(.browser-default) ~ .material-icons { color: rgb(68, 68, 68); } .input-field input[type="search"] + .label-icon { transform: none; left: 1rem; } .input-field input[type="search"] ~ .mdi-navigation-close, .input-field input[type="search"] ~ .material-icons { position: absolute; top: 0px; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: color 0.3s ease 0s; } textarea { width: 100%; height: 3rem; background-color: transparent; } textarea.materialize-textarea { line-height: normal; overflow-y: hidden; padding: 0.8rem 0px; resize: none; min-height: 3rem; box-sizing: border-box; } .hiddendiv { visibility: hidden; white-space: pre-wrap; overflow-wrap: break-word; padding-top: 1.2rem; position: absolute; top: 0px; z-index: -1; } .autocomplete-content li .highlight { color: rgb(68, 68, 68); } .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; } .character-counter { min-height: 18px; } [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } [type="radio"]:not(:checked) + span, [type="radio"]:checked + span { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; transition: all 0.28s ease 0s; user-select: none; } [type="radio"] + span::before, [type="radio"] + span::after { content: ""; position: absolute; left: 0px; top: 0px; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: all 0.28s ease 0s; } [type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after, [type="radio"]:checked + span::before, [type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after { border-radius: 50%; } [type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after { border: 2px solid rgb(90, 90, 90); } [type="radio"]:not(:checked) + span::after { transform: scale(0); } [type="radio"]:checked + span::before { border: 2px solid transparent; } [type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after { border: 2px solid rgb(46, 87, 144); } [type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after { background-color: rgb(46, 87, 144); } [type="radio"]:checked + span::after { transform: scale(1.02); } [type="radio"].with-gap:checked + span::after { transform: scale(0.5); } [type="radio"].tabbed:focus + span::before { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 10px; } [type="radio"].with-gap:disabled:checked + span::before { border: 2px solid rgba(0, 0, 0, 0.42); } [type="radio"].with-gap:disabled:checked + span::after { border: none; background-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:not(:checked) + span::before, [type="radio"]:disabled:checked + span::before { background-color: transparent; border-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled + span { color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:not(:checked) + span::before { border-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:checked + span::after { background-color: rgba(0, 0, 0, 0.42); border-color: rgb(148, 148, 148); } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; opacity: 0; pointer-events: none; } [type="checkbox"] + span:not(.lever) { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; user-select: none; } [type="checkbox"] + span:not(.lever)::before, [type="checkbox"]:not(.filled-in) + span:not(.lever)::after { content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; z-index: 0; border: 2px solid rgb(90, 90, 90); border-radius: 1px; margin-top: 3px; transition: all 0.2s ease 0s; } [type="checkbox"]:not(.filled-in) + span:not(.lever)::after { border: 0px; transform: scale(0); } [type="checkbox"]:not(:checked):disabled + span:not(.lever)::before { border: none; background-color: rgba(0, 0, 0, 0.42); } [type="checkbox"].tabbed:focus + span:not(.lever)::after { transform: scale(1); border: 0px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 10px; background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"]:checked + span:not(.lever)::before { top: -4px; left: -5px; width: 12px; height: 22px; border-width: 2px; border-style: solid; border-color: transparent rgb(46, 87, 144) rgb(46, 87, 144) transparent; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } [type="checkbox"]:checked:disabled + span::before { border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42); } [type="checkbox"]:indeterminate + span:not(.lever)::before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid rgb(46, 87, 144); border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } [type="checkbox"]:indeterminate:disabled + span:not(.lever)::before { border-right: 2px solid rgba(0, 0, 0, 0.42); background-color: transparent; } [type="checkbox"].filled-in + span:not(.lever)::after { border-radius: 2px; } [type="checkbox"].filled-in + span:not(.lever)::before, [type="checkbox"].filled-in + span:not(.lever)::after { content: ""; left: 0px; position: absolute; transition: border 0.25s ease 0s, background-color 0.25s ease 0s, width 0.2s ease 0.1s, height 0.2s ease 0.1s, top 0.2s ease 0.1s, left 0.2s ease 0.1s; z-index: 1; } [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::before { width: 0px; height: 0px; border: 3px solid transparent; left: 6px; top: 10px; transform: rotateZ(37deg); transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 20px; width: 20px; background-color: transparent; border: 2px solid rgb(90, 90, 90); top: 0px; z-index: 0; } [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 0px; left: 1px; width: 8px; height: 13px; border-width: 2px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent; transform: rotateZ(37deg); transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked + span:not(.lever)::after { top: 0px; width: 20px; height: 20px; border: 2px solid rgb(128, 164, 215); background-color: rgb(128, 164, 215); z-index: 0; } [type="checkbox"].filled-in.tabbed:focus + span:not(.lever)::after { border-radius: 2px; border-color: rgb(90, 90, 90); background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever)::after { border-radius: 2px; background-color: rgb(128, 164, 215); border-color: rgb(128, 164, 215); } [type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever)::before { background-color: transparent; border: 2px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever)::after { border-color: transparent; background-color: rgb(148, 148, 148); } [type="checkbox"].filled-in:disabled:checked + span:not(.lever)::before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked + span:not(.lever)::after { background-color: rgb(148, 148, 148); border-color: rgb(148, 148, 148); } .switch, .switch * { -webkit-tap-highlight-color: transparent; user-select: none; } .switch label { cursor: pointer; } .switch label input[type="checkbox"] { opacity: 0; width: 0px; height: 0px; } .switch label input[type="checkbox"]:checked + .lever { background-color: rgb(230, 234, 240); } .switch label input[type="checkbox"]:checked + .lever::before, .switch label input[type="checkbox"]:checked + .lever::after { left: 18px; } .switch label input[type="checkbox"]:checked + .lever::after { background-color: rgb(128, 164, 215); } .switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0, 0, 0, 0.38); border-radius: 15px; transition: background 0.3s ease 0s; vertical-align: middle; margin: 0px 16px; } .switch label .lever::before, .switch label .lever::after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0px; top: -3px; transition: left 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s, transform 0.1s ease 0s; } .switch label .lever::before { background-color: rgba(128, 164, 215, 0.15); } .switch label .lever::after { background-color: rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::before, input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::before { transform: scale(2.4); background-color: rgba(128, 164, 215, 0.15); } input[type="checkbox"]:not(:disabled) ~ .lever:active::before, input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::before { transform: scale(2.4); background-color: rgba(0, 0, 0, 0.08); } .switch input[type="checkbox"][disabled] + .lever { cursor: default; background-color: rgba(0, 0, 0, 0.12); } .switch label input[type="checkbox"][disabled] + .lever::after, .switch label input[type="checkbox"][disabled]:checked + .lever::after { background-color: rgb(148, 148, 148); } select { display: none; } select.browser-default { display: block; } select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid rgb(242, 242, 242); border-radius: 2px; height: 3rem; } .select-label { position: absolute; } .select-wrapper { position: relative; } .select-wrapper.valid + label, .select-wrapper.invalid + label { width: 100%; pointer-events: none; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(158, 158, 158); outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0px 0px 8px; padding: 0px; display: block; user-select: none; z-index: 1; } .select-wrapper input.select-dropdown:focus { border-bottom: 1px solid rgb(128, 164, 215); } .select-wrapper .caret { position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto 0px; z-index: 0; fill: rgba(0, 0, 0, 0.87); } .select-wrapper + label { position: absolute; top: -26px; font-size: 0.8rem; } select:disabled { color: rgba(0, 0, 0, 0.42); } .select-wrapper.disabled + label { color: rgba(0, 0, 0, 0.42); } .select-wrapper.disabled .caret { fill: rgba(0, 0, 0, 0.42); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.42); cursor: default; user-select: none; } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent; } body.keyboard-focused .select-dropdown.dropdown-content li:focus { background-color: rgba(0, 0, 0, 0.08); } .select-dropdown.dropdown-content li:hover { background-color: rgba(0, 0, 0, 0.08); } .select-dropdown.dropdown-content li.selected { background-color: rgba(0, 0, 0, 0.03); } .prefix ~ .select-wrapper { margin-left: 3rem; width: calc(100% - 3rem); } .prefix ~ label { margin-left: 3rem; } .select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; } .select-dropdown li.optgroup { border-top: 1px solid rgb(238, 238, 238); } .select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); } .select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); } .select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; } .file-field { position: relative; } .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; } .file-field input.file-path { width: 100%; } .file-field .btn, .file-field .btn-large, .file-field .btn-small { float: left; height: 3rem; line-height: 3rem; } .file-field span { cursor: pointer; } .file-field input[type="file"] { position: absolute; inset: 0px; width: 100%; margin: 0px; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; } .file-field input[type="file"]::-webkit-file-upload-button { display: none; } .range-field { position: relative; } input[type="range"], input[type="range"] + .thumb { cursor: pointer; } input[type="range"] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0px; padding: 0px; } input[type="range"]:focus { outline: none; } input[type="range"] + .thumb { position: absolute; top: 10px; left: 0px; border: none; height: 0px; width: 0px; border-radius: 50%; background-color: rgb(46, 87, 144); margin-left: 7px; transform-origin: 50% 50%; transform: rotate(-45deg); } input[type="range"] + .thumb .value { display: block; width: 30px; text-align: center; color: rgb(46, 87, 144); font-size: 0px; transform: rotate(45deg); } input[type="range"] + .thumb.active { border-radius: 50% 50% 50% 0px; } input[type="range"] + .thumb.active .value { color: rgb(255, 255, 255); margin-left: -1px; margin-top: 8px; font-size: 10px; } input[type="range"] { appearance: none; } input[type="range"]::-webkit-slider-runnable-track { height: 3px; background: rgb(194, 192, 194); border: none; } input[type="range"]::-webkit-slider-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: rgb(46, 87, 144); transition: box-shadow 0.3s ease 0s; appearance: none; transform-origin: 50% 50%; margin: -5px 0px 0px; } .keyboard-focused input[type="range"]:focus:not(.active)::-webkit-slider-thumb { box-shadow: rgba(46, 87, 144, 0.26) 0px 0px 0px 10px; } input[type="range"] { border: 1px solid white; } .table-of-contents.fixed { position: fixed; } .table-of-contents li { padding: 2px 0px; } .table-of-contents a { font-weight: 300; color: rgb(117, 117, 117); padding-left: 16px; height: 1.5rem; line-height: 1.5rem; display: inline-block; } .table-of-contents a:hover { color: rgb(168, 168, 168); padding-left: 15px; border-left: 1px solid rgb(46, 87, 144); } .table-of-contents a.active { font-weight: 500; padding-left: 14px; border-left: 2px solid rgb(46, 87, 144); } .sidenav { position: fixed; width: 250px; left: 0px; top: 0px; margin: 0px; height: calc(100% + 60px); padding-bottom: 60px; background-color: rgb(255, 255, 255); z-index: 999; overflow-y: auto; will-change: transform; backface-visibility: hidden; transform: translateX(-105%); } @media only screen and (min-width: 993px) { .sidenav.sidenav-collapsible { transition: all 0.3s ease 0s; }} .sidenav.right-aligned { right: 0px; left: auto; transform: translateX(100%); } .sidenav .collapsible { margin: 0px; } .sidenav li { float: none; line-height: 48px; } .sidenav li.active { background-color: rgba(0, 0, 0, 0.035); } .sidenav li > a { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 500; height: 48px; line-height: 48px; padding: 0px 32px; } .sidenav li > a:hover { background-color: rgba(0, 0, 0, 0.016); } .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating { margin: 10px 15px; } .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating { color: rgb(255, 255, 255); } .sidenav li > a.btn-flat { color: rgb(52, 52, 52); } .sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover { background-color: rgb(148, 178, 221); } .sidenav li > a.btn-floating:hover { background-color: rgb(128, 164, 215); } .sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons { float: left; height: 48px; line-height: 48px; margin: 0px 32px 0px 0px; width: 24px; color: rgba(0, 0, 0, 0.54); } .sidenav .divider { margin: 8px 0px 0px; } .sidenav .subheader { cursor: initial; pointer-events: none; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 500; line-height: 48px; } .sidenav .subheader:hover { background-color: transparent; } .sidenav .user-view { position: relative; padding: 32px 32px 0px; margin-bottom: 8px; } .sidenav .user-view > a { height: auto; padding: 0px; } .sidenav .user-view > a:hover { background-color: transparent; } .sidenav .user-view .background { overflow: hidden; position: absolute; inset: 0px; z-index: -1; } .sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email { display: block; } .sidenav .user-view .circle { height: 64px; width: 64px; } .sidenav .user-view .name, .sidenav .user-view .email { font-size: 14px; line-height: 24px; } .sidenav .user-view .name { margin-top: 16px; font-weight: 500; } .sidenav .user-view .email { padding-bottom: 16px; font-weight: 400; } .drag-target { height: 100%; width: 10px; position: fixed; top: 0px; z-index: 998; } .drag-target.right-aligned { right: 0px; } .sidenav.sidenav-fixed { left: 0px; transform: translateX(0px); position: fixed; } .sidenav.sidenav-fixed.right-aligned { right: 0px; left: auto; } @media only screen and (max-width: 992px) { .sidenav.sidenav-fixed { transform: translateX(-105%); } .sidenav.sidenav-fixed.right-aligned { transform: translateX(105%); } .sidenav > a { padding: 0px 16px; } .sidenav .user-view { padding: 16px 16px 0px; }} .sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active { background-color: rgb(46, 87, 144); } .sidenav .collapsible-body > ul:not(.collapsible) > li.active a, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a { color: rgb(255, 255, 255); } .sidenav .collapsible-body { padding: 0px; } .sidenav-overlay { position: fixed; top: 0px; left: 0px; right: 0px; opacity: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; display: none; } .preloader-wrapper { display: inline-block; position: relative; width: 50px; height: 50px; } .preloader-wrapper.small { width: 36px; height: 36px; } .preloader-wrapper.big { width: 64px; height: 64px; } .preloader-wrapper.active { animation: 1568ms linear 0s infinite normal none running container-rotate; } @-webkit-keyframes container-rotate { 100% { transform: rotate(360deg); }} @keyframes container-rotate { 100% { transform: rotate(360deg); }} .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: rgb(128, 164, 215); } .spinner-blue, .spinner-blue-only { border-color: rgb(66, 133, 244); } .spinner-red, .spinner-red-only { border-color: rgb(219, 68, 55); } .spinner-yellow, .spinner-yellow-only { border-color: rgb(244, 180, 0); } .spinner-green, .spinner-green-only { border-color: rgb(15, 157, 88); } .active .spinner-layer.spinner-blue { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running blue-fade-in-out; } .active .spinner-layer.spinner-red { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running red-fade-in-out; } .active .spinner-layer.spinner-yellow { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running yellow-fade-in-out; } .active .spinner-layer.spinner-green { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running green-fade-in-out; } .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { opacity: 1; animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate; } @-webkit-keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); }} @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); }} @-webkit-keyframes blue-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; }} @keyframes blue-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; }} @-webkit-keyframes red-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; }} @keyframes red-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; }} @-webkit-keyframes yellow-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; }} @keyframes yellow-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; }} @-webkit-keyframes green-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; }} @keyframes green-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; }} .gap-patch { position: absolute; top: 0px; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; border-style: solid; border-top-color: inherit; border-right-color: inherit; border-left-color: inherit; border-radius: 50%; animation: 0s ease 0s 1 normal none running none; position: absolute; top: 0px; right: 0px; bottom: 0px; border-bottom-color: transparent !important; } .circle-clipper.left .circle { left: 0px; transform: rotate(129deg); border-right-color: transparent !important; } .circle-clipper.right .circle { left: -100%; transform: rotate(-129deg); border-left-color: transparent !important; } .active .circle-clipper.left .circle { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running left-spin; } .active .circle-clipper.right .circle { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running right-spin; } @-webkit-keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); }} @keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); }} @-webkit-keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); }} @keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); }} #spinnerContainer.cooldown { animation: 1568ms linear 0s infinite normal none running container-rotate, 400ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running fade-out; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; }} @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; }} .slider { position: relative; height: 400px; width: 100%; } .slider.fullscreen { height: 100%; width: 100%; position: absolute; inset: 0px; } .slider.fullscreen ul.slides { height: 100%; } .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; } .slider .slides { background-color: rgb(158, 158, 158); margin: 0px; height: 400px; } .slider .slides li { opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: inherit; overflow: hidden; } .slider .slides li img { height: 100%; width: 100%; background-size: cover; background-position: center center; } .slider .slides li .caption { color: rgb(255, 255, 255); position: absolute; top: 15%; left: 15%; width: 70%; opacity: 0; } .slider .slides li .caption p { color: rgb(224, 224, 224); } .slider .slides li.active { z-index: 2; } .slider .indicators { position: absolute; text-align: center; left: 0px; right: 0px; bottom: 0px; margin: 0px; } .slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0px 12px; background-color: rgb(224, 224, 224); transition: background-color 0.3s ease 0s; border-radius: 50%; } .slider .indicators .indicator-item.active { background-color: rgb(76, 175, 80); } .carousel { overflow: hidden; position: relative; width: 100%; height: 400px; perspective: 500px; transform-style: preserve-3d; transform-origin: 0% 50%; } .carousel.carousel-slider { top: 0px; left: 0px; } .carousel.carousel-slider .carousel-fixed-item { position: absolute; left: 0px; right: 0px; bottom: 20px; z-index: 1; } .carousel.carousel-slider .carousel-fixed-item.with-indicators { bottom: 68px; } .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; min-height: 400px; position: absolute; top: 0px; left: 0px; } .carousel.carousel-slider .carousel-item h2 { font-size: 24px; font-weight: 500; line-height: 32px; } .carousel.carousel-slider .carousel-item p { font-size: 15px; } .carousel .carousel-item { visibility: hidden; width: 200px; height: 200px; position: absolute; top: 0px; left: 0px; } .carousel .carousel-item > img { width: 100%; } .carousel .indicators { position: absolute; text-align: center; left: 0px; right: 0px; bottom: 0px; margin: 0px; } .carousel .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 8px; width: 8px; margin: 24px 4px; background-color: rgba(255, 255, 255, 0.5); transition: background-color 0.3s ease 0s; border-radius: 50%; } .carousel .indicators .indicator-item.active { background-color: rgb(255, 255, 255); } .carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active) .materialboxed { pointer-events: none; } .tap-target-wrapper { width: 800px; height: 800px; position: fixed; z-index: 1000; visibility: hidden; transition: visibility 0s ease 0.3s; } .tap-target-wrapper.open { visibility: visible; transition: visibility 0s ease 0s; } .tap-target-wrapper.open .tap-target { transform: scale(1); opacity: 0.95; transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s, opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .tap-target-wrapper.open .tap-target-wave::before { transform: scale(1); } .tap-target-wrapper.open .tap-target-wave::after { visibility: visible; animation: 1s cubic-bezier(0.24, 0, 0.38, 1) 0s infinite normal none running pulse-animation; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, visibility 0s ease 1s; } .tap-target { position: absolute; font-size: 1rem; border-radius: 50%; background-color: rgb(46, 87, 144); box-shadow: rgba(0, 0, 0, 0.14) 0px 20px 20px 0px, rgba(0, 0, 0, 0.12) 0px 10px 50px 0px, rgba(0, 0, 0, 0.2) 0px 30px 10px -20px; width: 100%; height: 100%; opacity: 0; transform: scale(0); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s, opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .tap-target-content { position: relative; display: table-cell; } .tap-target-wave { position: absolute; border-radius: 50%; z-index: 10001; } .tap-target-wave::before, .tap-target-wave::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: rgb(255, 255, 255); } .tap-target-wave::before { transform: scale(0); transition: transform 0.3s ease 0s; } .tap-target-wave::after { visibility: hidden; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, visibility 0s ease 0s; z-index: -1; } .tap-target-origin { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10002; position: absolute !important; } .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover { background: none; } @media only screen and (max-width: 600px) { .tap-target, .tap-target-wrapper { width: 600px; height: 600px; }} .pulse { overflow: visible; position: relative; } .pulse::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: inherit; border-radius: inherit; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; animation: 1s cubic-bezier(0.24, 0, 0.38, 1) 0s infinite normal none running pulse-animation; z-index: -1; } @keyframes pulse-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); }} .datepicker-modal { max-width: 325px; min-width: 300px; max-height: none; } .datepicker-container.modal-content { display: flex; flex-direction: column; padding: 0px; } .datepicker-controls { display: flex; justify-content: space-between; width: 280px; margin: 0px auto; } .datepicker-controls .selects-container { display: flex; } .datepicker-controls .select-wrapper input { border-bottom: none; text-align: center; margin: 0px; } .datepicker-controls .select-wrapper input:focus { border-bottom: none; } .datepicker-controls .select-wrapper .caret { display: none; } .datepicker-controls .select-year input { width: 50px; } .datepicker-controls .select-month input { width: 70px; } .month-prev, .month-next { margin-top: 4px; cursor: pointer; background-color: transparent; border: none; } .datepicker-date-display { flex: 1 1 auto; background-color: rgb(128, 164, 215); color: rgb(255, 255, 255); padding: 20px 22px; font-weight: 500; } .datepicker-date-display .year-text { display: block; font-size: 1.5rem; line-height: 25px; color: rgba(255, 255, 255, 0.7); } .datepicker-date-display .date-text { display: block; font-size: 2.8rem; line-height: 47px; font-weight: 500; } .datepicker-calendar-container { flex: 2.5 1 auto; } .datepicker-table { width: 280px; font-size: 1rem; margin: 0px auto; } .datepicker-table thead { border-bottom: none; } .datepicker-table th { padding: 10px 5px; text-align: center; } .datepicker-table tr { border: none; } .datepicker-table abbr { text-decoration: none; color: rgb(153, 153, 153); } .datepicker-table td { border-radius: 50%; padding: 0px; } .datepicker-table td.is-today { color: rgb(128, 164, 215); } .datepicker-table td.is-selected { background-color: rgb(128, 164, 215); color: rgb(255, 255, 255); } .datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled { color: rgba(0, 0, 0, 0.3); pointer-events: none; } .datepicker-day-button { background-color: transparent; border: none; line-height: 38px; display: block; width: 100%; border-radius: 50%; padding: 0px 5px; cursor: pointer; color: inherit; } .datepicker-day-button:focus { background-color: rgba(133, 165, 210, 0.25); } .datepicker-footer { width: 280px; margin: 0px auto; padding-bottom: 5px; display: flex; justify-content: space-between; } .datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done { color: rgb(128, 164, 215); padding: 0px 1rem; } .datepicker-clear { } @media only screen and (min-width: 601px) { .datepicker-modal { max-width: 625px; } .datepicker-container.modal-content { flex-direction: row; } .datepicker-date-display { flex: 0 1 270px; } .datepicker-controls, .datepicker-table, .datepicker-footer { width: 320px; } .datepicker-day-button { line-height: 44px; }} .timepicker-modal { max-width: 325px; max-height: none; } .timepicker-container.modal-content { display: flex; flex-direction: column; padding: 0px; } .text-primary { color: rgb(255, 255, 255); } .timepicker-digital-display { flex: 1 1 auto; background-color: rgb(128, 164, 215); padding: 10px; font-weight: 300; } .timepicker-text-container { font-size: 4rem; text-align: center; color: rgba(255, 255, 255, 0.6); font-weight: 400; position: relative; user-select: none; } .timepicker-span-hours, .timepicker-span-minutes, .timepicker-span-am-pm div { cursor: pointer; } .timepicker-span-hours { margin-right: 3px; } .timepicker-span-minutes { margin-left: 3px; } .timepicker-display-am-pm { font-size: 1.3rem; position: absolute; right: 1rem; bottom: 1rem; font-weight: 400; } .timepicker-analog-display { flex: 2.5 1 auto; } .timepicker-plate { background-color: rgb(238, 238, 238); border-radius: 50%; width: 270px; height: 270px; overflow: visible; position: relative; margin: 25px auto 5px; user-select: none; } .timepicker-canvas, .timepicker-dial { position: absolute; inset: 0px; } .timepicker-minutes { visibility: hidden; } .timepicker-tick { border-radius: 50%; color: rgba(0, 0, 0, 0.87); line-height: 40px; text-align: center; width: 40px; height: 40px; position: absolute; cursor: pointer; font-size: 15px; } .timepicker-tick.active, .timepicker-tick:hover { background-color: rgba(128, 164, 215, 0.25); } .timepicker-dial { transition: transform 350ms ease 0s, opacity 350ms ease 0s; } .timepicker-dial-out { opacity: 0; } .timepicker-dial-out.timepicker-hours { transform: scale(1.1, 1.1); } .timepicker-dial-out.timepicker-minutes { transform: scale(0.8, 0.8); } .timepicker-canvas { transition: opacity 175ms ease 0s; } .timepicker-canvas line { stroke: rgb(128, 164, 215); stroke-width: 4; stroke-linecap: round; } .timepicker-canvas-out { opacity: 0.25; } .timepicker-canvas-bearing { stroke: none; fill: rgb(128, 164, 215); } .timepicker-canvas-bg { stroke: none; fill: rgb(128, 164, 215); } .timepicker-footer { margin: 0px auto; padding: 5px 1rem; display: flex; justify-content: space-between; } .timepicker-clear { } .timepicker-close { color: rgb(128, 164, 215); } .timepicker-clear, .timepicker-close { padding: 0px 20px; } @media only screen and (min-width: 601px) { .timepicker-modal { max-width: 600px; } .timepicker-container.modal-content { flex-direction: row; } .timepicker-text-container { top: 32%; } .timepicker-display-am-pm { position: relative; right: auto; bottom: auto; text-align: center; margin-top: 1.2rem; }} html, body { height: 100%; } body { background-color: rgb(255, 255, 255) !important; } @media only screen and (max-width: 600px) { .layout-semi-dark #header nav.navbar-color { background: rgb(55, 71, 79); }} #main { min-height: calc(100% - 116px); padding-left: 0px; transition: all 0.3s ease 0s; backface-visibility: hidden; } #main.main-full { padding-left: 0px; } #main .content-wrapper-before { position: absolute; z-index: -1; top: 64px; left: 0px; width: 100%; height: 185px; transition: all 0.3s ease 0s; } footer { padding-left: 0px; } footer.page-footer { padding-top: 1px; } select { background-color: transparent; width: 100%; padding: 5px; border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 2px; height: 3rem; border-bottom: 1px solid rgb(189, 189, 189); } .container { padding: 0px 0.5rem; margin: 0px auto; width: 100%; max-width: 100% !important; } .container .dropdown-settings i.right { margin-left: 0px; } @media only screen and (min-width: 601px) { .container { width: 100%; }} @media only screen and (min-width: 993px) { .container { width: 100%; } .sidenav-overlay { background-color: transparent; }} @media only screen and (min-width: 993px) { #main { padding-left: 250px; } #main.main-full { padding-left: 64px; } footer { padding-left: 250px; }} @media only screen and (max-width: 600px) { #main .content-wrapper-before { top: 56px; }} .ps-scrollbar-x-rail { z-index: 9999; } .ps-scrollbar-y-rail { z-index: 9999; } .bg-opacity-8 { background-color: rgba(255, 255, 255, 0.8); } .height-100vh { height: 100vh; } button, html [type="button"], [type="reset"], [type="submit"] { appearance: none; cursor: pointer; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40% !important; } .width-50 { width: 50% !important; } .width-60 { width: 60% !important; } .width-70 { width: 70% !important; } .width-80 { width: 80% !important; } .width-90 { width: 90% !important; } .width-100 { width: 100% !important; } .border-radius-1 { border-radius: 1px !important; } .border-radius-2 { border-radius: 2px !important; } .border-radius-3 { border-radius: 3px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-5 { border-radius: 5px !important; } .border-radius-6 { border-radius: 6px !important; } .border-radius-7 { border-radius: 7px !important; } .border-radius-8 { border-radius: 8px !important; } .border-radius-9 { border-radius: 9px !important; } .border-radius-10 { border-radius: 10px !important; } .border-round { border-radius: 150px !important; } .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .m-0 { margin: 0px !important; } .mt-0 { margin-top: 0% !important; } .mt-1 { margin-top: 1% !important; } .mt-2 { margin-top: 2% !important; } .mt-3 { margin-top: 3% !important; } .mt-4 { margin-top: 4% !important; } .mt-5 { margin-top: 5% !important; } .mt-6 { margin-top: 6% !important; } .mt-7 { margin-top: 7% !important; } .mt-8 { margin-top: 8% !important; } .mt-9 { margin-top: 9% !important; } .mt-10 { margin-top: 10% !important; } .mr-0 { margin-right: 0% !important; } .mr-1 { margin-right: 1% !important; } .mr-2 { margin-right: 2% !important; } .mr-3 { margin-right: 3% !important; } .mr-4 { margin-right: 4% !important; } .mr-5 { margin-right: 5% !important; } .mr-6 { margin-right: 6% !important; } .mr-7 { margin-right: 7% !important; } .mr-8 { margin-right: 8% !important; } .mr-9 { margin-right: 9% !important; } .mr-10 { margin-right: 10% !important; } .ml-0 { margin-left: 0% !important; } .ml-1 { margin-left: 1% !important; } .ml-2 { margin-left: 2% !important; } .ml-3 { margin-left: 3% !important; } .ml-4 { margin-left: 4% !important; } .ml-5 { margin-left: 5% !important; } .ml-6 { margin-left: 6% !important; } .ml-7 { margin-left: 7% !important; } .ml-8 { margin-left: 8% !important; } .ml-9 { margin-left: 9% !important; } .ml-10 { margin-left: 10% !important; } .mb-0 { margin-bottom: 0% !important; } .mb-1 { margin-bottom: 1% !important; } .mb-2 { margin-bottom: 2% !important; } .mb-3 { margin-bottom: 3% !important; } .mb-4 { margin-bottom: 4% !important; } .mb-5 { margin-bottom: 5% !important; } .mb-6 { margin-bottom: 6% !important; } .mb-7 { margin-bottom: 7% !important; } .mb-8 { margin-bottom: 8% !important; } .mb-9 { margin-bottom: 9% !important; } .mb-10 { margin-bottom: 10% !important; } .padding-1 { padding: 1% !important; } .padding-2 { padding: 2% !important; } .padding-3 { padding: 3% !important; } .padding-4 { padding: 4% !important; } .padding-5 { padding: 5% !important; } .padding-6 { padding: 6% !important; } .padding-7 { padding: 7% !important; } .padding-8 { padding: 8% !important; } .padding-9 { padding: 9% !important; } .padding-10 { padding: 10% !important; } .p-0 { padding: 0px !important; } .pt-0 { padding-top: 0% !important; } .pt-1 { padding-top: 1% !important; } .pt-2 { padding-top: 2% !important; } .pt-3 { padding-top: 3% !important; } .pt-4 { padding-top: 4% !important; } .pt-5 { padding-top: 5% !important; } .pt-6 { padding-top: 6% !important; } .pt-7 { padding-top: 7% !important; } .pt-8 { padding-top: 8% !important; } .pt-9 { padding-top: 9% !important; } .pt-10 { padding-top: 10% !important; } .pr-0 { padding-right: 0% !important; } .pr-1 { padding-right: 1% !important; } .pr-2 { padding-right: 2% !important; } .pr-3 { padding-right: 3% !important; } .pr-4 { padding-right: 4% !important; } .pr-5 { padding-right: 5% !important; } .pr-6 { padding-right: 6% !important; } .pr-7 { padding-right: 7% !important; } .pr-8 { padding-right: 8% !important; } .pr-9 { padding-right: 9% !important; } .pr-10 { padding-right: 10% !important; } .pl-0 { padding-left: 0% !important; } .pl-1 { padding-left: 1% !important; } .pl-2 { padding-left: 2% !important; } .pl-3 { padding-left: 3% !important; } .pl-4 { padding-left: 4% !important; } .pl-5 { padding-left: 5% !important; } .pl-6 { padding-left: 6% !important; } .pl-7 { padding-left: 7% !important; } .pl-8 { padding-left: 8% !important; } .pl-9 { padding-left: 9% !important; } .pl-10 { padding-left: 10% !important; } .pb-0 { padding-bottom: 0% !important; } .pb-1 { padding-bottom: 1% !important; } .pb-2 { padding-bottom: 2% !important; } .pb-3 { padding-bottom: 3% !important; } .pb-4 { padding-bottom: 4% !important; } .pb-5 { padding-bottom: 5% !important; } .pb-6 { padding-bottom: 6% !important; } .pb-7 { padding-bottom: 7% !important; } .pb-8 { padding-bottom: 8% !important; } .pb-9 { padding-bottom: 9% !important; } .pb-10 { padding-bottom: 10% !important; } .min-height-100 { min-height: 100px !important; } .min-height-150 { min-height: 150px !important; } .min-height-200 { min-height: 200px !important; } .min-height-250 { min-height: 250px !important; } .min-height-300 { min-height: 300px !important; } @media (min-width: 576px) { .left-align-sm { text-align: left !important; } .right-align-sm { text-align: right !important; } .center-align-sm { text-align: center !important; }} @media (min-width: 768px) { .left-align-md { text-align: left !important; } .right-align-md { text-align: right !important; } .center-align-md { text-align: center !important; }} @media (min-width: 992px) { .left-align-lg { text-align: left !important; } .right-align-lg { text-align: right !important; } .center-align-lg { text-align: center !important; }} @media (min-width: 1200px) { .left-align-xl { text-align: left !important; } .right-align-xl { text-align: right !important; } .center-align-xl { text-align: center !important; }} .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .background-round { background-color: rgba(0, 0, 0, 0.18); padding: 15px; border-radius: 50%; } .opacity-0 { opacity: 0; } .border-none { border-width: initial !important; border-style: none !important; border-color: initial !important; } .box-shadow-none { box-shadow: none !important; } .no-margin { margin: 0% !important; } .no-padding { padding: 0% !important; } .position-absolute { position: absolute; } .position-none { position: unset; } .vertical-align-center { position: absolute; top: 50%; transform: translateY(-50%); } .vertical-align-bottom { vertical-align: bottom; } .vertical-align-super { vertical-align: super; } .vertical-text-top { vertical-align: text-top !important; } .vertical-text-sub { vertical-align: sub; } .vertical-text-middle { vertical-align: middle; } .height-100vh { height: 100vh; } .line-height-0 { line-height: 0px !important; } .icon-bg-circle { color: rgb(255, 255, 255); padding: 0.4rem; border-radius: 50%; } .text-shadow { text-shadow: rgb(0, 0, 0) -1px 2px 4px; } .display-none { display: none; } .display-inline { display: inline; } .display-block { display: block; } .display-grid { display: grid; } .display-flex { display: flex; } .float-none { float: none !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-inherit { float: inherit !important; } .clear-both { clear: both; } ul.list-type-bullet { padding-left: 40px; list-style-type: inherit; } ul.list-type-bullet li { list-style-type: inherit; } .justify-content-end { justify-content: flex-end; } .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { text-decoration: none; } html { line-height: 1.5; font-weight: normal; color: rgb(51, 51, 51); font-family: Roboto, sans-serif !important; } @media only screen and (min-width: 0) { html { font-size: 14px; }} @media only screen and (min-width: 992px) { html { font-size: 14.5px; }} @media only screen and (min-width: 1200px) { html { font-size: 15px; }} h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.1; color: rgb(51, 51, 51); } p { font-family: Roboto, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 4.2rem; line-height: 110%; margin: 2.1rem 0px 1.68rem; } h2 { font-size: 3.56rem; line-height: 110%; margin: 1.78rem 0px 1.424rem; } h3 { font-size: 2.92rem; line-height: 110%; margin: 1.46rem 0px 1.168rem; } h4 { font-size: 2.28rem; line-height: 110%; margin: 1.14rem 0px 0.912rem; } h5 { font-size: 1.64rem; line-height: 110%; margin: 0.82rem 0px 0.656rem; } h6 { font-size: 1.2rem; line-height: 110%; margin: 0.6rem 0px 0.48rem; } em { font-style: italic; } strong { font-weight: 500; } small { font-size: 75%; } .light { font-weight: 300; } .thin { font-weight: 200; } .flow-text { font-weight: 300; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; }} @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; }} @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; }} @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; }} @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; }} @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; }} @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; }} @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; }} @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; }} @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; }} @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; }} @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; }} @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; }} @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; }} @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; }} @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; }} @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; }} @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; }} @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; }} @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; }} @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; }} @media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; }} @media only screen and (max-width: 768px) { .nav-expanded .brand-sidebar { background: transparent !important; } .brand-sidebar .logo-wrapper { text-align: center; background: transparent; padding: 17px 18px !important; }} .small { font-size: 1rem !important; } .medium-small { font-size: 0.9rem !important; } .ultra-small { font-size: 0.8rem !important; } small { font-size: 0.8rem; } .strong { font-weight: 600; } h4.header { line-height: 2.508rem; margin: 1.14rem 0px 0.912rem; font-size: 1.4rem; font-weight: 400; text-transform: uppercase; } h4.header2 { font-size: 1.1rem; font-weight: 400; text-transform: uppercase; } p.title { font-size: 1.3rem; } p.header { font-size: 1rem; font-weight: 500; text-transform: uppercase; } li.li-hover:hover { background: transparent !important; } li.search-out:hover { background: transparent; } li.mobile::before { background: rgb(247, 70, 74); } li.kitchen::before { background: rgb(70, 191, 189); } li.home::before { background: rgb(253, 180, 92); } .more-text { padding: 5px 20px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .valign-demo { height: 400px; background-color: rgb(221, 221, 221); } .margin { margin: 0px !important; } .uppercase { text-transform: uppercase; } .section { padding: 0.5rem 0px; } .row { margin-bottom: 0px; } .row .col { padding: 0px 1rem; } .azul-to { background-color: rgb(46, 87, 144) !important; } .azul-to-text { color: rgb(46, 87, 144) !important; } .azul-to.lighten-5 { background-color: rgb(206, 220, 239) !important; } .azul-to-text.text-lighten-5 { color: rgb(206, 220, 239) !important; } .azul-to.lighten-4 { background-color: rgb(167, 192, 227) !important; } .azul-to-text.text-lighten-4 { color: rgb(167, 192, 227) !important; } .azul-to.lighten-3 { background-color: rgb(128, 164, 215) !important; } .azul-to-text.text-lighten-3 { color: rgb(128, 164, 215) !important; } .azul-to.lighten-2 { background-color: rgb(90, 137, 202) !important; } .azul-to-text.text-lighten-2 { color: rgb(90, 137, 202) !important; } .azul-to.lighten-1 { background-color: rgb(58, 110, 183) !important; } .azul-to-text.text-lighten-1 { color: rgb(58, 110, 183) !important; } .azul-to.darken-1 { background-color: rgb(40, 75, 125) !important; } .azul-to-text.text-darken-1 { color: rgb(40, 75, 125) !important; } .azul-to.darken-2 { background-color: rgb(34, 64, 105) !important; } .azul-to-text.text-darken-2 { color: rgb(34, 64, 105) !important; } .azul-to.darken-3 { background-color: rgb(27, 52, 86) !important; } .azul-to-text.text-darken-3 { color: rgb(27, 52, 86) !important; } .azul-to.darken-4 { background-color: rgb(21, 40, 67) !important; } .azul-to-text.text-darken-4 { color: rgb(21, 40, 67) !important; } .verde-to { background-color: rgb(37, 149, 81) !important; } .verde-to-text { color: rgb(37, 149, 81) !important; } .verde-to.lighten-5 { background-color: rgb(47, 190, 103) !important; } .verde-to-text.text-lighten-5 { color: rgb(47, 190, 103) !important; } .verde-to.lighten-4 { background-color: rgb(77, 211, 130) !important; } .verde-to-text.text-lighten-4 { color: rgb(77, 211, 130) !important; } .verde-to.lighten-3 { background-color: rgb(118, 221, 158) !important; } .verde-to-text.text-lighten-3 { color: rgb(118, 221, 158) !important; } .verde-to.lighten-2 { background-color: rgb(159, 231, 187) !important; } .verde-to-text.text-lighten-2 { color: rgb(159, 231, 187) !important; } .verde-to.lighten-1 { background-color: rgb(200, 241, 216) !important; } .verde-to-text.text-lighten-1 { color: rgb(200, 241, 216) !important; } .verde-to.darken-1 { background-color: rgb(32, 129, 70) !important; } .verde-to-text.text-darken-1 { color: rgb(32, 129, 70) !important; } .verde-to.darken-2 { background-color: rgb(27, 108, 59) !important; } .verde-to-text.text-darken-2 { color: rgb(27, 108, 59) !important; } .verde-to.darken-3 { background-color: rgb(22, 88, 48) !important; } .verde-to-text.text-darken-3 { color: rgb(22, 88, 48) !important; } .verde-to.darken-4 { background-color: rgb(17, 67, 37) !important; } .verde-to-text.text-darken-4 { color: rgb(17, 67, 37) !important; } .amarelo-to { background-color: rgb(246, 198, 45) !important; } .amarelo-to-text { color: rgb(246, 198, 45) !important; } .amarelo-to.lighten-5 { background-color: rgb(248, 211, 94) !important; } .amarelo-to-text.text-lighten-5 { color: rgb(248, 211, 94) !important; } .amarelo-to.lighten-4 { background-color: rgb(250, 225, 143) !important; } .amarelo-to-text.text-lighten-4 { color: rgb(250, 225, 143) !important; } .amarelo-to.lighten-3 { background-color: rgb(252, 238, 192) !important; } .amarelo-to-text.text-lighten-3 { color: rgb(252, 238, 192) !important; } .amarelo-to.lighten-2 { background-color: rgb(253, 244, 216) !important; } .amarelo-to-text.text-lighten-2 { color: rgb(253, 244, 216) !important; } .amarelo-to.lighten-1 { background-color: rgb(254, 251, 241) !important; } .amarelo-to-text.text-lighten-1 { color: rgb(254, 251, 241) !important; } .amarelo-to.darken-1 { background-color: rgb(245, 191, 21) !important; } .amarelo-to-text.text-darken-1 { color: rgb(245, 191, 21) !important; } .amarelo-to.darken-2 { background-color: rgb(230, 178, 10) !important; } .amarelo-to-text.text-darken-2 { color: rgb(230, 178, 10) !important; } .amarelo-to.darken-3 { background-color: rgb(206, 159, 9) !important; } .amarelo-to-text.text-darken-3 { color: rgb(206, 159, 9) !important; } .amarelo-to.darken-4 { background-color: rgb(181, 140, 8) !important; } .amarelo-to-text.text-darken-4 { color: rgb(181, 140, 8) !important; } .materialize-red { background-color: rgb(229, 28, 35) !important; } .materialize-red-text { color: rgb(229, 28, 35) !important; } .materialize-red.lighten-5 { background-color: rgb(253, 234, 235) !important; } .materialize-red-text.text-lighten-5 { color: rgb(253, 234, 235) !important; } .materialize-red.lighten-4 { background-color: rgb(248, 193, 195) !important; } .materialize-red-text.text-lighten-4 { color: rgb(248, 193, 195) !important; } .materialize-red.lighten-3 { background-color: rgb(243, 152, 155) !important; } .materialize-red-text.text-lighten-3 { color: rgb(243, 152, 155) !important; } .materialize-red.lighten-2 { background-color: rgb(238, 110, 115) !important; } .materialize-red-text.text-lighten-2 { color: rgb(238, 110, 115) !important; } .materialize-red.lighten-1 { background-color: rgb(234, 69, 75) !important; } .materialize-red-text.text-lighten-1 { color: rgb(234, 69, 75) !important; } .materialize-red.darken-1 { background-color: rgb(208, 24, 30) !important; } .materialize-red-text.text-darken-1 { color: rgb(208, 24, 30) !important; } .materialize-red.darken-2 { background-color: rgb(185, 21, 27) !important; } .materialize-red-text.text-darken-2 { color: rgb(185, 21, 27) !important; } .materialize-red.darken-3 { background-color: rgb(162, 19, 24) !important; } .materialize-red-text.text-darken-3 { color: rgb(162, 19, 24) !important; } .materialize-red.darken-4 { background-color: rgb(139, 16, 20) !important; } .materialize-red-text.text-darken-4 { color: rgb(139, 16, 20) !important; } .red { background-color: rgb(244, 67, 54) !important; } .red-text { color: rgb(244, 67, 54) !important; } .red.lighten-5 { background-color: rgb(255, 235, 238) !important; } .red-text.text-lighten-5 { color: rgb(255, 235, 238) !important; } .red.lighten-4 { background-color: rgb(255, 205, 210) !important; } .red-text.text-lighten-4 { color: rgb(255, 205, 210) !important; } .red.lighten-3 { background-color: rgb(239, 154, 154) !important; } .red-text.text-lighten-3 { color: rgb(239, 154, 154) !important; } .red.lighten-2 { background-color: rgb(229, 115, 115) !important; } .red-text.text-lighten-2 { color: rgb(229, 115, 115) !important; } .red.lighten-1 { background-color: rgb(239, 83, 80) !important; } .red-text.text-lighten-1 { color: rgb(239, 83, 80) !important; } .red.darken-1 { background-color: rgb(229, 57, 53) !important; } .red-text.text-darken-1 { color: rgb(229, 57, 53) !important; } .red.darken-2 { background-color: rgb(211, 47, 47) !important; } .red-text.text-darken-2 { color: rgb(211, 47, 47) !important; } .red.darken-3 { background-color: rgb(198, 40, 40) !important; } .red-text.text-darken-3 { color: rgb(198, 40, 40) !important; } .red.darken-4 { background-color: rgb(183, 28, 28) !important; } .red-text.text-darken-4 { color: rgb(183, 28, 28) !important; } .red.accent-1 { background-color: rgb(255, 138, 128) !important; } .red-text.text-accent-1 { color: rgb(255, 138, 128) !important; } .red.accent-2 { background-color: rgb(255, 82, 82) !important; } .red-text.text-accent-2 { color: rgb(255, 82, 82) !important; } .red.accent-3 { background-color: rgb(255, 23, 68) !important; } .red-text.text-accent-3 { color: rgb(255, 23, 68) !important; } .red.accent-4 { background-color: rgb(213, 0, 0) !important; } .red-text.text-accent-4 { color: rgb(213, 0, 0) !important; } .pink { background-color: rgb(233, 30, 99) !important; } .pink-text { color: rgb(233, 30, 99) !important; } .pink.lighten-5 { background-color: rgb(252, 228, 236) !important; } .pink-text.text-lighten-5 { color: rgb(252, 228, 236) !important; } .pink.lighten-4 { background-color: rgb(248, 187, 208) !important; } .pink-text.text-lighten-4 { color: rgb(248, 187, 208) !important; } .pink.lighten-3 { background-color: rgb(244, 143, 177) !important; } .pink-text.text-lighten-3 { color: rgb(244, 143, 177) !important; } .pink.lighten-2 { background-color: rgb(240, 98, 146) !important; } .pink-text.text-lighten-2 { color: rgb(240, 98, 146) !important; } .pink.lighten-1 { background-color: rgb(236, 64, 122) !important; } .pink-text.text-lighten-1 { color: rgb(236, 64, 122) !important; } .pink.darken-1 { background-color: rgb(216, 27, 96) !important; } .pink-text.text-darken-1 { color: rgb(216, 27, 96) !important; } .pink.darken-2 { background-color: rgb(194, 24, 91) !important; } .pink-text.text-darken-2 { color: rgb(194, 24, 91) !important; } .pink.darken-3 { background-color: rgb(173, 20, 87) !important; } .pink-text.text-darken-3 { color: rgb(173, 20, 87) !important; } .pink.darken-4 { background-color: rgb(136, 14, 79) !important; } .pink-text.text-darken-4 { color: rgb(136, 14, 79) !important; } .pink.accent-1 { background-color: rgb(255, 128, 171) !important; } .pink-text.text-accent-1 { color: rgb(255, 128, 171) !important; } .pink.accent-2 { background-color: rgb(255, 64, 129) !important; } .pink-text.text-accent-2 { color: rgb(255, 64, 129) !important; } .pink.accent-3 { background-color: rgb(245, 0, 87) !important; } .pink-text.text-accent-3 { color: rgb(245, 0, 87) !important; } .pink.accent-4 { background-color: rgb(197, 17, 98) !important; } .pink-text.text-accent-4 { color: rgb(197, 17, 98) !important; } .purple { background-color: rgb(156, 39, 176) !important; } .purple-text { color: rgb(156, 39, 176) !important; } .purple.lighten-5 { background-color: rgb(243, 229, 245) !important; } .purple-text.text-lighten-5 { color: rgb(243, 229, 245) !important; } .purple.lighten-4 { background-color: rgb(225, 190, 231) !important; } .purple-text.text-lighten-4 { color: rgb(225, 190, 231) !important; } .purple.lighten-3 { background-color: rgb(206, 147, 216) !important; } .purple-text.text-lighten-3 { color: rgb(206, 147, 216) !important; } .purple.lighten-2 { background-color: rgb(186, 104, 200) !important; } .purple-text.text-lighten-2 { color: rgb(186, 104, 200) !important; } .purple.lighten-1 { background-color: rgb(171, 71, 188) !important; } .purple-text.text-lighten-1 { color: rgb(171, 71, 188) !important; } .purple.darken-1 { background-color: rgb(142, 36, 170) !important; } .purple-text.text-darken-1 { color: rgb(142, 36, 170) !important; } .purple.darken-2 { background-color: rgb(123, 31, 162) !important; } .purple-text.text-darken-2 { color: rgb(123, 31, 162) !important; } .purple.darken-3 { background-color: rgb(106, 27, 154) !important; } .purple-text.text-darken-3 { color: rgb(106, 27, 154) !important; } .purple.darken-4 { background-color: rgb(74, 20, 140) !important; } .purple-text.text-darken-4 { color: rgb(74, 20, 140) !important; } .purple.accent-1 { background-color: rgb(234, 128, 252) !important; } .purple-text.text-accent-1 { color: rgb(234, 128, 252) !important; } .purple.accent-2 { background-color: rgb(224, 64, 251) !important; } .purple-text.text-accent-2 { color: rgb(224, 64, 251) !important; } .purple.accent-3 { background-color: rgb(213, 0, 249) !important; } .purple-text.text-accent-3 { color: rgb(213, 0, 249) !important; } .purple.accent-4 { background-color: rgb(170, 0, 255) !important; } .purple-text.text-accent-4 { color: rgb(170, 0, 255) !important; } .deep-purple { background-color: rgb(103, 58, 183) !important; } .deep-purple-text { color: rgb(103, 58, 183) !important; } .deep-purple.lighten-5 { background-color: rgb(237, 231, 246) !important; } .deep-purple-text.text-lighten-5 { color: rgb(237, 231, 246) !important; } .deep-purple.lighten-4 { background-color: rgb(209, 196, 233) !important; } .deep-purple-text.text-lighten-4 { color: rgb(209, 196, 233) !important; } .deep-purple.lighten-3 { background-color: rgb(179, 157, 219) !important; } .deep-purple-text.text-lighten-3 { color: rgb(179, 157, 219) !important; } .deep-purple.lighten-2 { background-color: rgb(149, 117, 205) !important; } .deep-purple-text.text-lighten-2 { color: rgb(149, 117, 205) !important; } .deep-purple.lighten-1 { background-color: rgb(126, 87, 194) !important; } .deep-purple-text.text-lighten-1 { color: rgb(126, 87, 194) !important; } .deep-purple.darken-1 { background-color: rgb(94, 53, 177) !important; } .deep-purple-text.text-darken-1 { color: rgb(94, 53, 177) !important; } .deep-purple.darken-2 { background-color: rgb(81, 45, 168) !important; } .deep-purple-text.text-darken-2 { color: rgb(81, 45, 168) !important; } .deep-purple.darken-3 { background-color: rgb(69, 39, 160) !important; } .deep-purple-text.text-darken-3 { color: rgb(69, 39, 160) !important; } .deep-purple.darken-4 { background-color: rgb(49, 27, 146) !important; } .deep-purple-text.text-darken-4 { color: rgb(49, 27, 146) !important; } .deep-purple.accent-1 { background-color: rgb(179, 136, 255) !important; } .deep-purple-text.text-accent-1 { color: rgb(179, 136, 255) !important; } .deep-purple.accent-2 { background-color: rgb(124, 77, 255) !important; } .deep-purple-text.text-accent-2 { color: rgb(124, 77, 255) !important; } .deep-purple.accent-3 { background-color: rgb(101, 31, 255) !important; } .deep-purple-text.text-accent-3 { color: rgb(101, 31, 255) !important; } .deep-purple.accent-4 { background-color: rgb(98, 0, 234) !important; } .deep-purple-text.text-accent-4 { color: rgb(98, 0, 234) !important; } .indigo { background-color: rgb(63, 81, 181) !important; } .indigo-text { color: rgb(63, 81, 181) !important; } .indigo.lighten-5 { background-color: rgb(232, 234, 246) !important; } .indigo-text.text-lighten-5 { color: rgb(232, 234, 246) !important; } .indigo.lighten-4 { background-color: rgb(197, 202, 233) !important; } .indigo-text.text-lighten-4 { color: rgb(197, 202, 233) !important; } .indigo.lighten-3 { background-color: rgb(159, 168, 218) !important; } .indigo-text.text-lighten-3 { color: rgb(159, 168, 218) !important; } .indigo.lighten-2 { background-color: rgb(121, 134, 203) !important; } .indigo-text.text-lighten-2 { color: rgb(121, 134, 203) !important; } .indigo.lighten-1 { background-color: rgb(92, 107, 192) !important; } .indigo-text.text-lighten-1 { color: rgb(92, 107, 192) !important; } .indigo.darken-1 { background-color: rgb(57, 73, 171) !important; } .indigo-text.text-darken-1 { color: rgb(57, 73, 171) !important; } .indigo.darken-2 { background-color: rgb(48, 63, 159) !important; } .indigo-text.text-darken-2 { color: rgb(48, 63, 159) !important; } .indigo.darken-3 { background-color: rgb(40, 53, 147) !important; } .indigo-text.text-darken-3 { color: rgb(40, 53, 147) !important; } .indigo.darken-4 { background-color: rgb(26, 35, 126) !important; } .indigo-text.text-darken-4 { color: rgb(26, 35, 126) !important; } .indigo.accent-1 { background-color: rgb(140, 158, 255) !important; } .indigo-text.text-accent-1 { color: rgb(140, 158, 255) !important; } .indigo.accent-2 { background-color: rgb(83, 109, 254) !important; } .indigo-text.text-accent-2 { color: rgb(83, 109, 254) !important; } .indigo.accent-3 { background-color: rgb(61, 90, 254) !important; } .indigo-text.text-accent-3 { color: rgb(61, 90, 254) !important; } .indigo.accent-4 { background-color: rgb(48, 79, 254) !important; } .indigo-text.text-accent-4 { color: rgb(48, 79, 254) !important; } .blue { background-color: rgb(33, 150, 243) !important; } .blue-text { color: rgb(33, 150, 243) !important; } .blue.lighten-5 { background-color: rgb(227, 242, 253) !important; } .blue-text.text-lighten-5 { color: rgb(227, 242, 253) !important; } .blue.lighten-4 { background-color: rgb(187, 222, 251) !important; } .blue-text.text-lighten-4 { color: rgb(187, 222, 251) !important; } .blue.lighten-3 { background-color: rgb(144, 202, 249) !important; } .blue-text.text-lighten-3 { color: rgb(144, 202, 249) !important; } .blue.lighten-2 { background-color: rgb(100, 181, 246) !important; } .blue-text.text-lighten-2 { color: rgb(100, 181, 246) !important; } .blue.lighten-1 { background-color: rgb(66, 165, 245) !important; } .blue-text.text-lighten-1 { color: rgb(66, 165, 245) !important; } .blue.darken-1 { background-color: rgb(30, 136, 229) !important; } .blue-text.text-darken-1 { color: rgb(30, 136, 229) !important; } .blue.darken-2 { background-color: rgb(25, 118, 210) !important; } .blue-text.text-darken-2 { color: rgb(25, 118, 210) !important; } .blue.darken-3 { background-color: rgb(21, 101, 192) !important; } .blue-text.text-darken-3 { color: rgb(21, 101, 192) !important; } .blue.darken-4 { background-color: rgb(13, 71, 161) !important; } .blue-text.text-darken-4 { color: rgb(13, 71, 161) !important; } .blue.accent-1 { background-color: rgb(130, 177, 255) !important; } .blue-text.text-accent-1 { color: rgb(130, 177, 255) !important; } .blue.accent-2 { background-color: rgb(68, 138, 255) !important; } .blue-text.text-accent-2 { color: rgb(68, 138, 255) !important; } .blue.accent-3 { background-color: rgb(41, 121, 255) !important; } .blue-text.text-accent-3 { color: rgb(41, 121, 255) !important; } .blue.accent-4 { background-color: rgb(41, 98, 255) !important; } .blue-text.text-accent-4 { color: rgb(41, 98, 255) !important; } .light-blue { background-color: rgb(3, 169, 244) !important; } .light-blue-text { color: rgb(3, 169, 244) !important; } .light-blue.lighten-5 { background-color: rgb(225, 245, 254) !important; } .light-blue-text.text-lighten-5 { color: rgb(225, 245, 254) !important; } .light-blue.lighten-4 { background-color: rgb(179, 229, 252) !important; } .light-blue-text.text-lighten-4 { color: rgb(179, 229, 252) !important; } .light-blue.lighten-3 { background-color: rgb(129, 212, 250) !important; } .light-blue-text.text-lighten-3 { color: rgb(129, 212, 250) !important; } .light-blue.lighten-2 { background-color: rgb(79, 195, 247) !important; } .light-blue-text.text-lighten-2 { color: rgb(79, 195, 247) !important; } .light-blue.lighten-1 { background-color: rgb(41, 182, 246) !important; } .light-blue-text.text-lighten-1 { color: rgb(41, 182, 246) !important; } .light-blue.darken-1 { background-color: rgb(3, 155, 229) !important; } .light-blue-text.text-darken-1 { color: rgb(3, 155, 229) !important; } .light-blue.darken-2 { background-color: rgb(2, 136, 209) !important; } .light-blue-text.text-darken-2 { color: rgb(2, 136, 209) !important; } .light-blue.darken-3 { background-color: rgb(2, 119, 189) !important; } .light-blue-text.text-darken-3 { color: rgb(2, 119, 189) !important; } .light-blue.darken-4 { background-color: rgb(1, 87, 155) !important; } .light-blue-text.text-darken-4 { color: rgb(1, 87, 155) !important; } .light-blue.accent-1 { background-color: rgb(128, 216, 255) !important; } .light-blue-text.text-accent-1 { color: rgb(128, 216, 255) !important; } .light-blue.accent-2 { background-color: rgb(64, 196, 255) !important; } .light-blue-text.text-accent-2 { color: rgb(64, 196, 255) !important; } .light-blue.accent-3 { background-color: rgb(0, 176, 255) !important; } .light-blue-text.text-accent-3 { color: rgb(0, 176, 255) !important; } .light-blue.accent-4 { background-color: rgb(0, 145, 234) !important; } .light-blue-text.text-accent-4 { color: rgb(0, 145, 234) !important; } .cyan { background-color: rgb(0, 188, 212) !important; } .cyan-text { color: rgb(0, 188, 212) !important; } .cyan.lighten-5 { background-color: rgb(224, 247, 250) !important; } .cyan-text.text-lighten-5 { color: rgb(224, 247, 250) !important; } .cyan.lighten-4 { background-color: rgb(178, 235, 242) !important; } .cyan-text.text-lighten-4 { color: rgb(178, 235, 242) !important; } .cyan.lighten-3 { background-color: rgb(128, 222, 234) !important; } .cyan-text.text-lighten-3 { color: rgb(128, 222, 234) !important; } .cyan.lighten-2 { background-color: rgb(77, 208, 225) !important; } .cyan-text.text-lighten-2 { color: rgb(77, 208, 225) !important; } .cyan.lighten-1 { background-color: rgb(38, 198, 218) !important; } .cyan-text.text-lighten-1 { color: rgb(38, 198, 218) !important; } .cyan.darken-1 { background-color: rgb(0, 172, 193) !important; } .cyan-text.text-darken-1 { color: rgb(0, 172, 193) !important; } .cyan.darken-2 { background-color: rgb(0, 151, 167) !important; } .cyan-text.text-darken-2 { color: rgb(0, 151, 167) !important; } .cyan.darken-3 { background-color: rgb(0, 131, 143) !important; } .cyan-text.text-darken-3 { color: rgb(0, 131, 143) !important; } .cyan.darken-4 { background-color: rgb(0, 96, 100) !important; } .cyan-text.text-darken-4 { color: rgb(0, 96, 100) !important; } .cyan.accent-1 { background-color: rgb(132, 255, 255) !important; } .cyan-text.text-accent-1 { color: rgb(132, 255, 255) !important; } .cyan.accent-2 { background-color: rgb(24, 255, 255) !important; } .cyan-text.text-accent-2 { color: rgb(24, 255, 255) !important; } .cyan.accent-3 { background-color: rgb(0, 229, 255) !important; } .cyan-text.text-accent-3 { color: rgb(0, 229, 255) !important; } .cyan.accent-4 { background-color: rgb(0, 184, 212) !important; } .cyan-text.text-accent-4 { color: rgb(0, 184, 212) !important; } .teal { background-color: rgb(0, 150, 136) !important; } .teal-text { color: rgb(0, 150, 136) !important; } .teal.lighten-5 { background-color: rgb(224, 242, 241) !important; } .teal-text.text-lighten-5 { color: rgb(224, 242, 241) !important; } .teal.lighten-4 { background-color: rgb(178, 223, 219) !important; } .teal-text.text-lighten-4 { color: rgb(178, 223, 219) !important; } .teal.lighten-3 { background-color: rgb(128, 203, 196) !important; } .teal-text.text-lighten-3 { color: rgb(128, 203, 196) !important; } .teal.lighten-2 { background-color: rgb(77, 182, 172) !important; } .teal-text.text-lighten-2 { color: rgb(77, 182, 172) !important; } .teal.lighten-1 { background-color: rgb(38, 166, 154) !important; } .teal-text.text-lighten-1 { color: rgb(38, 166, 154) !important; } .teal.darken-1 { background-color: rgb(0, 137, 123) !important; } .teal-text.text-darken-1 { color: rgb(0, 137, 123) !important; } .teal.darken-2 { background-color: rgb(0, 121, 107) !important; } .teal-text.text-darken-2 { color: rgb(0, 121, 107) !important; } .teal.darken-3 { background-color: rgb(0, 105, 92) !important; } .teal-text.text-darken-3 { color: rgb(0, 105, 92) !important; } .teal.darken-4 { background-color: rgb(0, 77, 64) !important; } .teal-text.text-darken-4 { color: rgb(0, 77, 64) !important; } .teal.accent-1 { background-color: rgb(167, 255, 235) !important; } .teal-text.text-accent-1 { color: rgb(167, 255, 235) !important; } .teal.accent-2 { background-color: rgb(100, 255, 218) !important; } .teal-text.text-accent-2 { color: rgb(100, 255, 218) !important; } .teal.accent-3 { background-color: rgb(29, 233, 182) !important; } .teal-text.text-accent-3 { color: rgb(29, 233, 182) !important; } .teal.accent-4 { background-color: rgb(0, 191, 165) !important; } .teal-text.text-accent-4 { color: rgb(0, 191, 165) !important; } .green { background-color: rgb(76, 175, 80) !important; } .green-text { color: rgb(76, 175, 80) !important; } .green.lighten-5 { background-color: rgb(232, 245, 233) !important; } .green-text.text-lighten-5 { color: rgb(232, 245, 233) !important; } .green.lighten-4 { background-color: rgb(200, 230, 201) !important; } .green-text.text-lighten-4 { color: rgb(200, 230, 201) !important; } .green.lighten-3 { background-color: rgb(165, 214, 167) !important; } .green-text.text-lighten-3 { color: rgb(165, 214, 167) !important; } .green.lighten-2 { background-color: rgb(129, 199, 132) !important; } .green-text.text-lighten-2 { color: rgb(129, 199, 132) !important; } .green.lighten-1 { background-color: rgb(102, 187, 106) !important; } .green-text.text-lighten-1 { color: rgb(102, 187, 106) !important; } .green.darken-1 { background-color: rgb(67, 160, 71) !important; } .green-text.text-darken-1 { color: rgb(67, 160, 71) !important; } .green.darken-2 { background-color: rgb(56, 142, 60) !important; } .green-text.text-darken-2 { color: rgb(56, 142, 60) !important; } .green.darken-3 { background-color: rgb(46, 125, 50) !important; } .green-text.text-darken-3 { color: rgb(46, 125, 50) !important; } .green.darken-4 { background-color: rgb(27, 94, 32) !important; } .green-text.text-darken-4 { color: rgb(27, 94, 32) !important; } .green.accent-1 { background-color: rgb(185, 246, 202) !important; } .green-text.text-accent-1 { color: rgb(185, 246, 202) !important; } .green.accent-2 { background-color: rgb(105, 240, 174) !important; } .green-text.text-accent-2 { color: rgb(105, 240, 174) !important; } .green.accent-3 { background-color: rgb(0, 230, 118) !important; } .green-text.text-accent-3 { color: rgb(0, 230, 118) !important; } .green.accent-4 { background-color: rgb(0, 200, 83) !important; } .green-text.text-accent-4 { color: rgb(0, 200, 83) !important; } .light-green { background-color: rgb(139, 195, 74) !important; } .light-green-text { color: rgb(139, 195, 74) !important; } .light-green.lighten-5 { background-color: rgb(241, 248, 233) !important; } .light-green-text.text-lighten-5 { color: rgb(241, 248, 233) !important; } .light-green.lighten-4 { background-color: rgb(220, 237, 200) !important; } .light-green-text.text-lighten-4 { color: rgb(220, 237, 200) !important; } .light-green.lighten-3 { background-color: rgb(197, 225, 165) !important; } .light-green-text.text-lighten-3 { color: rgb(197, 225, 165) !important; } .light-green.lighten-2 { background-color: rgb(174, 213, 129) !important; } .light-green-text.text-lighten-2 { color: rgb(174, 213, 129) !important; } .light-green.lighten-1 { background-color: rgb(156, 204, 101) !important; } .light-green-text.text-lighten-1 { color: rgb(156, 204, 101) !important; } .light-green.darken-1 { background-color: rgb(124, 179, 66) !important; } .light-green-text.text-darken-1 { color: rgb(124, 179, 66) !important; } .light-green.darken-2 { background-color: rgb(104, 159, 56) !important; } .light-green-text.text-darken-2 { color: rgb(104, 159, 56) !important; } .light-green.darken-3 { background-color: rgb(85, 139, 47) !important; } .light-green-text.text-darken-3 { color: rgb(85, 139, 47) !important; } .light-green.darken-4 { background-color: rgb(51, 105, 30) !important; } .light-green-text.text-darken-4 { color: rgb(51, 105, 30) !important; } .light-green.accent-1 { background-color: rgb(204, 255, 144) !important; } .light-green-text.text-accent-1 { color: rgb(204, 255, 144) !important; } .light-green.accent-2 { background-color: rgb(178, 255, 89) !important; } .light-green-text.text-accent-2 { color: rgb(178, 255, 89) !important; } .light-green.accent-3 { background-color: rgb(118, 255, 3) !important; } .light-green-text.text-accent-3 { color: rgb(118, 255, 3) !important; } .light-green.accent-4 { background-color: rgb(100, 221, 23) !important; } .light-green-text.text-accent-4 { color: rgb(100, 221, 23) !important; } .lime { background-color: rgb(205, 220, 57) !important; } .lime-text { color: rgb(205, 220, 57) !important; } .lime.lighten-5 { background-color: rgb(249, 251, 231) !important; } .lime-text.text-lighten-5 { color: rgb(249, 251, 231) !important; } .lime.lighten-4 { background-color: rgb(240, 244, 195) !important; } .lime-text.text-lighten-4 { color: rgb(240, 244, 195) !important; } .lime.lighten-3 { background-color: rgb(230, 238, 156) !important; } .lime-text.text-lighten-3 { color: rgb(230, 238, 156) !important; } .lime.lighten-2 { background-color: rgb(220, 231, 117) !important; } .lime-text.text-lighten-2 { color: rgb(220, 231, 117) !important; } .lime.lighten-1 { background-color: rgb(212, 225, 87) !important; } .lime-text.text-lighten-1 { color: rgb(212, 225, 87) !important; } .lime.darken-1 { background-color: rgb(192, 202, 51) !important; } .lime-text.text-darken-1 { color: rgb(192, 202, 51) !important; } .lime.darken-2 { background-color: rgb(175, 180, 43) !important; } .lime-text.text-darken-2 { color: rgb(175, 180, 43) !important; } .lime.darken-3 { background-color: rgb(158, 157, 36) !important; } .lime-text.text-darken-3 { color: rgb(158, 157, 36) !important; } .lime.darken-4 { background-color: rgb(130, 119, 23) !important; } .lime-text.text-darken-4 { color: rgb(130, 119, 23) !important; } .lime.accent-1 { background-color: rgb(244, 255, 129) !important; } .lime-text.text-accent-1 { color: rgb(244, 255, 129) !important; } .lime.accent-2 { background-color: rgb(238, 255, 65) !important; } .lime-text.text-accent-2 { color: rgb(238, 255, 65) !important; } .lime.accent-3 { background-color: rgb(198, 255, 0) !important; } .lime-text.text-accent-3 { color: rgb(198, 255, 0) !important; } .lime.accent-4 { background-color: rgb(174, 234, 0) !important; } .lime-text.text-accent-4 { color: rgb(174, 234, 0) !important; } .yellow { background-color: rgb(255, 235, 59) !important; } .yellow-text { color: rgb(255, 235, 59) !important; } .yellow.lighten-5 { background-color: rgb(255, 253, 231) !important; } .yellow-text.text-lighten-5 { color: rgb(255, 253, 231) !important; } .yellow.lighten-4 { background-color: rgb(255, 249, 196) !important; } .yellow-text.text-lighten-4 { color: rgb(255, 249, 196) !important; } .yellow.lighten-3 { background-color: rgb(255, 245, 157) !important; } .yellow-text.text-lighten-3 { color: rgb(255, 245, 157) !important; } .yellow.lighten-2 { background-color: rgb(255, 241, 118) !important; } .yellow-text.text-lighten-2 { color: rgb(255, 241, 118) !important; } .yellow.lighten-1 { background-color: rgb(255, 238, 88) !important; } .yellow-text.text-lighten-1 { color: rgb(255, 238, 88) !important; } .yellow.darken-1 { background-color: rgb(253, 216, 53) !important; } .yellow-text.text-darken-1 { color: rgb(253, 216, 53) !important; } .yellow.darken-2 { background-color: rgb(251, 192, 45) !important; } .yellow-text.text-darken-2 { color: rgb(251, 192, 45) !important; } .yellow.darken-3 { background-color: rgb(249, 168, 37) !important; } .yellow-text.text-darken-3 { color: rgb(249, 168, 37) !important; } .yellow.darken-4 { background-color: rgb(245, 127, 23) !important; } .yellow-text.text-darken-4 { color: rgb(245, 127, 23) !important; } .yellow.accent-1 { background-color: rgb(255, 255, 141) !important; } .yellow-text.text-accent-1 { color: rgb(255, 255, 141) !important; } .yellow.accent-2 { background-color: rgb(255, 255, 0) !important; } .yellow-text.text-accent-2 { color: rgb(255, 255, 0) !important; } .yellow.accent-3 { background-color: rgb(255, 234, 0) !important; } .yellow-text.text-accent-3 { color: rgb(255, 234, 0) !important; } .yellow.accent-4 { background-color: rgb(255, 214, 0) !important; } .yellow-text.text-accent-4 { color: rgb(255, 214, 0) !important; } .amber { background-color: rgb(255, 193, 7) !important; } .amber-text { color: rgb(255, 193, 7) !important; } .amber.lighten-5 { background-color: rgb(255, 248, 225) !important; } .amber-text.text-lighten-5 { color: rgb(255, 248, 225) !important; } .amber.lighten-4 { background-color: rgb(255, 236, 179) !important; } .amber-text.text-lighten-4 { color: rgb(255, 236, 179) !important; } .amber.lighten-3 { background-color: rgb(255, 224, 130) !important; } .amber-text.text-lighten-3 { color: rgb(255, 224, 130) !important; } .amber.lighten-2 { background-color: rgb(255, 213, 79) !important; } .amber-text.text-lighten-2 { color: rgb(255, 213, 79) !important; } .amber.lighten-1 { background-color: rgb(255, 202, 40) !important; } .amber-text.text-lighten-1 { color: rgb(255, 202, 40) !important; } .amber.darken-1 { background-color: rgb(255, 179, 0) !important; } .amber-text.text-darken-1 { color: rgb(255, 179, 0) !important; } .amber.darken-2 { background-color: rgb(255, 160, 0) !important; } .amber-text.text-darken-2 { color: rgb(255, 160, 0) !important; } .amber.darken-3 { background-color: rgb(255, 143, 0) !important; } .amber-text.text-darken-3 { color: rgb(255, 143, 0) !important; } .amber.darken-4 { background-color: rgb(255, 111, 0) !important; } .amber-text.text-darken-4 { color: rgb(255, 111, 0) !important; } .amber.accent-1 { background-color: rgb(255, 229, 127) !important; } .amber-text.text-accent-1 { color: rgb(255, 229, 127) !important; } .amber.accent-2 { background-color: rgb(255, 215, 64) !important; } .amber-text.text-accent-2 { color: rgb(255, 215, 64) !important; } .amber.accent-3 { background-color: rgb(255, 196, 0) !important; } .amber-text.text-accent-3 { color: rgb(255, 196, 0) !important; } .amber.accent-4 { background-color: rgb(255, 171, 0) !important; } .amber-text.text-accent-4 { color: rgb(255, 171, 0) !important; } .orange { background-color: rgb(255, 152, 0) !important; } .orange-text { color: rgb(255, 152, 0) !important; } .orange.lighten-5 { background-color: rgb(255, 243, 224) !important; } .orange-text.text-lighten-5 { color: rgb(255, 243, 224) !important; } .orange.lighten-4 { background-color: rgb(255, 224, 178) !important; } .orange-text.text-lighten-4 { color: rgb(255, 224, 178) !important; } .orange.lighten-3 { background-color: rgb(255, 204, 128) !important; } .orange-text.text-lighten-3 { color: rgb(255, 204, 128) !important; } .orange.lighten-2 { background-color: rgb(255, 183, 77) !important; } .orange-text.text-lighten-2 { color: rgb(255, 183, 77) !important; } .orange.lighten-1 { background-color: rgb(255, 167, 38) !important; } .orange-text.text-lighten-1 { color: rgb(255, 167, 38) !important; } .orange.darken-1 { background-color: rgb(251, 140, 0) !important; } .orange-text.text-darken-1 { color: rgb(251, 140, 0) !important; } .orange.darken-2 { background-color: rgb(245, 124, 0) !important; } .orange-text.text-darken-2 { color: rgb(245, 124, 0) !important; } .orange.darken-3 { background-color: rgb(239, 108, 0) !important; } .orange-text.text-darken-3 { color: rgb(239, 108, 0) !important; } .orange.darken-4 { background-color: rgb(230, 81, 0) !important; } .orange-text.text-darken-4 { color: rgb(230, 81, 0) !important; } .orange.accent-1 { background-color: rgb(255, 209, 128) !important; } .orange-text.text-accent-1 { color: rgb(255, 209, 128) !important; } .orange.accent-2 { background-color: rgb(255, 171, 64) !important; } .orange-text.text-accent-2 { color: rgb(255, 171, 64) !important; } .orange.accent-3 { background-color: rgb(255, 145, 0) !important; } .orange-text.text-accent-3 { color: rgb(255, 145, 0) !important; } .orange.accent-4 { background-color: rgb(255, 109, 0) !important; } .orange-text.text-accent-4 { color: rgb(255, 109, 0) !important; } .deep-orange { background-color: rgb(255, 87, 34) !important; } .deep-orange-text { color: rgb(255, 87, 34) !important; } .deep-orange.lighten-5 { background-color: rgb(251, 233, 231) !important; } .deep-orange-text.text-lighten-5 { color: rgb(251, 233, 231) !important; } .deep-orange.lighten-4 { background-color: rgb(255, 204, 188) !important; } .deep-orange-text.text-lighten-4 { color: rgb(255, 204, 188) !important; } .deep-orange.lighten-3 { background-color: rgb(255, 171, 145) !important; } .deep-orange-text.text-lighten-3 { color: rgb(255, 171, 145) !important; } .deep-orange.lighten-2 { background-color: rgb(255, 138, 101) !important; } .deep-orange-text.text-lighten-2 { color: rgb(255, 138, 101) !important; } .deep-orange.lighten-1 { background-color: rgb(255, 112, 67) !important; } .deep-orange-text.text-lighten-1 { color: rgb(255, 112, 67) !important; } .deep-orange.darken-1 { background-color: rgb(244, 81, 30) !important; } .deep-orange-text.text-darken-1 { color: rgb(244, 81, 30) !important; } .deep-orange.darken-2 { background-color: rgb(230, 74, 25) !important; } .deep-orange-text.text-darken-2 { color: rgb(230, 74, 25) !important; } .deep-orange.darken-3 { background-color: rgb(216, 67, 21) !important; } .deep-orange-text.text-darken-3 { color: rgb(216, 67, 21) !important; } .deep-orange.darken-4 { background-color: rgb(191, 54, 12) !important; } .deep-orange-text.text-darken-4 { color: rgb(191, 54, 12) !important; } .deep-orange.accent-1 { background-color: rgb(255, 158, 128) !important; } .deep-orange-text.text-accent-1 { color: rgb(255, 158, 128) !important; } .deep-orange.accent-2 { background-color: rgb(255, 110, 64) !important; } .deep-orange-text.text-accent-2 { color: rgb(255, 110, 64) !important; } .deep-orange.accent-3 { background-color: rgb(255, 61, 0) !important; } .deep-orange-text.text-accent-3 { color: rgb(255, 61, 0) !important; } .deep-orange.accent-4 { background-color: rgb(221, 44, 0) !important; } .deep-orange-text.text-accent-4 { color: rgb(221, 44, 0) !important; } .brown { background-color: rgb(121, 85, 72) !important; } .brown-text { color: rgb(121, 85, 72) !important; } .brown.lighten-5 { background-color: rgb(239, 235, 233) !important; } .brown-text.text-lighten-5 { color: rgb(239, 235, 233) !important; } .brown.lighten-4 { background-color: rgb(215, 204, 200) !important; } .brown-text.text-lighten-4 { color: rgb(215, 204, 200) !important; } .brown.lighten-3 { background-color: rgb(188, 170, 164) !important; } .brown-text.text-lighten-3 { color: rgb(188, 170, 164) !important; } .brown.lighten-2 { background-color: rgb(161, 136, 127) !important; } .brown-text.text-lighten-2 { color: rgb(161, 136, 127) !important; } .brown.lighten-1 { background-color: rgb(141, 110, 99) !important; } .brown-text.text-lighten-1 { color: rgb(141, 110, 99) !important; } .brown.darken-1 { background-color: rgb(109, 76, 65) !important; } .brown-text.text-darken-1 { color: rgb(109, 76, 65) !important; } .brown.darken-2 { background-color: rgb(93, 64, 55) !important; } .brown-text.text-darken-2 { color: rgb(93, 64, 55) !important; } .brown.darken-3 { background-color: rgb(78, 52, 46) !important; } .brown-text.text-darken-3 { color: rgb(78, 52, 46) !important; } .brown.darken-4 { background-color: rgb(62, 39, 35) !important; } .brown-text.text-darken-4 { color: rgb(62, 39, 35) !important; } .blue-grey { background-color: rgb(96, 125, 139) !important; } .blue-grey-text { color: rgb(96, 125, 139) !important; } .blue-grey.lighten-5 { background-color: rgb(236, 239, 241) !important; } .blue-grey-text.text-lighten-5 { color: rgb(236, 239, 241) !important; } .blue-grey.lighten-4 { background-color: rgb(207, 216, 220) !important; } .blue-grey-text.text-lighten-4 { color: rgb(207, 216, 220) !important; } .blue-grey.lighten-3 { background-color: rgb(176, 190, 197) !important; } .blue-grey-text.text-lighten-3 { color: rgb(176, 190, 197) !important; } .blue-grey.lighten-2 { background-color: rgb(144, 164, 174) !important; } .blue-grey-text.text-lighten-2 { color: rgb(144, 164, 174) !important; } .blue-grey.lighten-1 { background-color: rgb(120, 144, 156) !important; } .blue-grey-text.text-lighten-1 { color: rgb(120, 144, 156) !important; } .blue-grey.darken-1 { background-color: rgb(84, 110, 122) !important; } .blue-grey-text.text-darken-1 { color: rgb(84, 110, 122) !important; } .blue-grey.darken-2 { background-color: rgb(69, 90, 100) !important; } .blue-grey-text.text-darken-2 { color: rgb(69, 90, 100) !important; } .blue-grey.darken-3 { background-color: rgb(55, 71, 79) !important; } .blue-grey-text.text-darken-3 { color: rgb(55, 71, 79) !important; } .blue-grey.darken-4 { background-color: rgb(38, 50, 56) !important; } .blue-grey-text.text-darken-4 { color: rgb(38, 50, 56) !important; } .grey { background-color: rgb(158, 158, 158) !important; } .grey-text { color: rgb(158, 158, 158) !important; } .grey.lighten-5 { background-color: rgb(250, 250, 250) !important; } .grey-text.text-lighten-5 { color: rgb(250, 250, 250) !important; } .grey.lighten-4 { background-color: rgb(245, 245, 245) !important; } .grey-text.text-lighten-4 { color: rgb(245, 245, 245) !important; } .grey.lighten-3 { background-color: rgb(238, 238, 238) !important; } .grey-text.text-lighten-3 { color: rgb(238, 238, 238) !important; } .grey.lighten-2 { background-color: rgb(224, 224, 224) !important; } .grey-text.text-lighten-2 { color: rgb(224, 224, 224) !important; } .grey.lighten-1 { background-color: rgb(189, 189, 189) !important; } .grey-text.text-lighten-1 { color: rgb(189, 189, 189) !important; } .grey.darken-1 { background-color: rgb(117, 117, 117) !important; } .grey-text.text-darken-1 { color: rgb(117, 117, 117) !important; } .grey.darken-2 { background-color: rgb(97, 97, 97) !important; } .grey-text.text-darken-2 { color: rgb(97, 97, 97) !important; } .grey.darken-3 { background-color: rgb(66, 66, 66) !important; } .grey-text.text-darken-3 { color: rgb(66, 66, 66) !important; } .grey.darken-4 { background-color: rgb(33, 33, 33) !important; } .grey-text.text-darken-4 { color: rgb(33, 33, 33) !important; } .black { background-color: rgb(0, 0, 0) !important; } .black-text { color: rgb(0, 0, 0) !important; } .white { background-color: rgb(255, 255, 255) !important; } .white-text { color: rgb(255, 255, 255) !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } .gradient-45deg-light-blue-teal { background: linear-gradient(45deg, rgb(179, 229, 252), rgb(100, 255, 218)) !important; } .gradient-45deg-light-blue-teal.gradient-shadow { box-shadow: rgba(100, 255, 218, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-indigo-light-blue { background: linear-gradient(45deg, rgb(57, 73, 171), rgb(79, 195, 247)) !important; } .gradient-45deg-indigo-light-blue.gradient-shadow { box-shadow: rgba(79, 195, 247, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-light-blue-indigo { background: linear-gradient(45deg, rgb(179, 229, 252), rgb(159, 168, 218)) !important; } .gradient-45deg-light-blue-indigo.gradient-shadow { box-shadow: rgba(159, 168, 218, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-yellow-green { background: linear-gradient(45deg, rgb(255, 255, 141), rgb(185, 246, 202)) !important; } .gradient-45deg-yellow-green.gradient-shadow { box-shadow: rgba(185, 246, 202, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-orange-deep-orange { background: linear-gradient(45deg, rgb(255, 224, 178), rgb(255, 204, 188)) !important; } .gradient-45deg-orange-deep-orange.gradient-shadow { box-shadow: rgba(255, 204, 188, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-deep-purple-purple { background: linear-gradient(45deg, rgb(209, 196, 233), rgb(243, 229, 245)) !important; } .gradient-45deg-deep-purple-purple.gradient-shadow { box-shadow: rgba(243, 229, 245, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-red-pink { background: linear-gradient(45deg, rgb(255, 82, 82), rgb(244, 143, 177)) !important; } .gradient-45deg-red-pink.gradient-shadow { box-shadow: rgba(244, 143, 177, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-light-green-amber { background: linear-gradient(45deg, rgb(197, 225, 165), rgb(255, 248, 225)) !important; } .gradient-45deg-light-green-amber.gradient-shadow { box-shadow: rgba(255, 248, 225, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-amber-amber { background: linear-gradient(45deg, rgb(255, 111, 0), rgb(255, 202, 40)) !important; } .gradient-45deg-amber-amber.gradient-shadow { box-shadow: rgba(255, 202, 40, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-purple-pink { background: linear-gradient(45deg, rgb(234, 128, 252), rgb(252, 228, 236)) !important; } .gradient-45deg-purple-pink.gradient-shadow { box-shadow: rgba(252, 228, 236, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-teal-cyan { background: linear-gradient(45deg, rgb(224, 242, 241), rgb(0, 229, 255)) !important; } .gradient-45deg-teal-cyan.gradient-shadow { box-shadow: rgba(0, 229, 255, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-blue-grey-blue-grey { background: linear-gradient(45deg, rgb(207, 216, 220), rgb(84, 110, 122)) !important; } .gradient-45deg-blue-grey-blue-grey.gradient-shadow { box-shadow: rgba(84, 110, 122, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-orange-amber { background: linear-gradient(45deg, rgb(230, 81, 0), rgb(25, 118, 210)) !important; } .gradient-45deg-orange-amber.gradient-shadow { box-shadow: rgba(25, 118, 210, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-indigo-blue { background: linear-gradient(45deg, rgb(48, 63, 159), rgb(25, 118, 210)) !important; } .gradient-45deg-indigo-blue.gradient-shadow { box-shadow: rgba(25, 118, 210, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-brown-brown { background: linear-gradient(45deg, rgb(109, 76, 65), rgb(187, 222, 251)) !important; } .gradient-45deg-brown-brown.gradient-shadow { box-shadow: rgba(187, 222, 251, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-blue-grey-blue { background: linear-gradient(45deg, rgb(38, 50, 56), rgb(41, 121, 255)) !important; } .gradient-45deg-blue-grey-blue.gradient-shadow { box-shadow: rgba(41, 121, 255, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-purple-deep-orange { background: linear-gradient(45deg, rgb(142, 36, 170), rgb(255, 110, 64)) !important; } .gradient-45deg-purple-deep-orange.gradient-shadow { box-shadow: rgba(255, 110, 64, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-green-teal { background: linear-gradient(45deg, rgb(67, 160, 71), rgb(29, 233, 182)) !important; } .gradient-45deg-green-teal.gradient-shadow { box-shadow: rgba(29, 233, 182, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-purple-light-blue { background: linear-gradient(45deg, rgb(224, 64, 251), rgb(79, 195, 247)) !important; } .gradient-45deg-purple-light-blue.gradient-shadow { box-shadow: rgba(79, 195, 247, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-cyan-cyan { background: linear-gradient(45deg, rgb(24, 255, 255), rgb(0, 229, 255)) !important; } .gradient-45deg-cyan-cyan.gradient-shadow { box-shadow: rgba(0, 229, 255, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-yellow-teal { background: linear-gradient(45deg, rgb(255, 249, 196), rgb(100, 255, 218)) !important; } .gradient-45deg-yellow-teal.gradient-shadow { box-shadow: rgba(100, 255, 218, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-purple-deep-purple { background: linear-gradient(45deg, rgb(123, 31, 162), rgb(124, 77, 255)) !important; } .gradient-45deg-purple-deep-purple.gradient-shadow { box-shadow: rgba(124, 77, 255, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-cyan-light-green { background: linear-gradient(45deg, rgb(0, 151, 167), rgb(178, 255, 89)) !important; } .gradient-45deg-cyan-light-green.gradient-shadow { box-shadow: rgba(178, 255, 89, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-purple-amber { background: linear-gradient(45deg, rgb(213, 0, 249), rgb(255, 160, 0)) !important; } .gradient-45deg-purple-amber.gradient-shadow { box-shadow: rgba(255, 160, 0, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-indigo-purple { background: linear-gradient(45deg, rgb(48, 63, 159), rgb(123, 31, 162)) !important; } .gradient-45deg-indigo-purple.gradient-shadow { box-shadow: rgba(123, 31, 162, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-deep-purple-blue { background: linear-gradient(45deg, rgb(98, 0, 234), rgb(25, 118, 210)) !important; } .gradient-45deg-deep-purple-blue.gradient-shadow { box-shadow: rgba(25, 118, 210, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-deep-orange-orange { background: linear-gradient(45deg, rgb(191, 54, 12), rgb(245, 124, 0)) !important; } .gradient-45deg-deep-orange-orange.gradient-shadow { box-shadow: rgba(245, 124, 0, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-light-blue-cyan { background: linear-gradient(45deg, rgb(2, 136, 209), rgb(38, 198, 218)) !important; } .gradient-45deg-light-blue-cyan.gradient-shadow { box-shadow: rgba(38, 198, 218, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-blue-indigo { background: linear-gradient(45deg, rgb(41, 98, 255), rgb(57, 73, 171)) !important; } .gradient-45deg-blue-indigo.gradient-shadow { box-shadow: rgba(57, 73, 171, 0.5) 0px 6px 20px 0px !important; } .gradient-45deg-semi-dark { background: linear-gradient(-90deg, rgb(0, 174, 255), rgb(51, 105, 230)) !important; } .gradient-45deg-semi-dark.gradient-shadow { box-shadow: rgba(51, 105, 230, 0.5) 0px 6px 20px 0px !important; } .avatar-status { position: relative; display: inline-block; line-height: 50px; width: 28px; white-space: nowrap; border-radius: 50px; vertical-align: bottom; } .avatar-status i { position: absolute; right: -2px; bottom: 18px; border: 1px solid rgb(255, 255, 255); border-radius: 100%; width: 9px !important; height: 9px !important; } .avatar-status span.text-circle { text-align: center; vertical-align: middle; color: rgb(255, 255, 255); font-size: 1.2rem; background: rgb(250, 250, 250); display: table-cell; } .avatar-status img { width: 100%; max-width: 100%; height: auto; background: rgb(230, 230, 230); border: 0px none; border-radius: 1000px; } .avatar-online i { background-color: rgb(0, 230, 118); } .avatar-off i { background-color: rgb(189, 189, 189); } .avatar-busy i { background-color: rgb(255, 23, 68); } .avatar-away i { background-color: rgb(255, 196, 0); } .avatar-status.avatar-100 { width: 100px; } .avatar-status.avatar-100 span.text-circle { width: 100px; height: 100px; } .avatar-status.avatar-100 i { height: 20px; width: 20px; } .avatar-status.avatar-50 { line-height: 0; width: 50px; } .avatar-status.avatar-50 span.text-circle { width: 50px; height: 50px; } .avatar-status.avatar-50 i { right: -1px; bottom: 21px; height: 12px !important; width: 12px !important; } .avatar-status.avatar-lg { width: 144px; } .avatar-status.avatar-lg span.text-circle { width: 144px; height: 144px; } .avatar-status.avatar-lg i { right: 0px; bottom: 0px; height: 20px; width: 20px; } .avatar-status.avatar-md { width: 40px; } .avatar-status.avatar-md span.text-circle { width: 40px; height: 40px; } .avatar-status.avatar-md i { right: 0px; bottom: 0px; height: 10px; width: 10px; } .avatar-status.avatar-sm { width: 32px; } .avatar-status.avatar-sm span.text-circle { width: 32px; height: 32px; } .avatar-status.avatar-sm i { height: 8px; width: 8px; } .avatar-status.avatar-xs { width: 24px; } .avatar-status.avatar-xs span.text-circle { width: 24px; height: 24px; } .avatar-status.avatar-xs i { height: 7px; width: 7px; } .collection .collection-item.avatar:not(.circle-clipper) > .circle { background: rgb(230, 230, 230); } .dropdown-content li:hover, .dropdown-content li.active { background-color: rgb(238, 238, 238); } .dropdown-content li > a, .dropdown-content li > span { padding: 14px 24px; } .dropdown-content li > a:hover, .dropdown-content li > a.active, .dropdown-content li > span:hover, .dropdown-content li > span.active { background-color: rgb(238, 238, 238); } .dropdown-content li > a > i { margin: 0px 12px 0px 0px; width: 24px; } span.badge { color: rgb(255, 255, 255); } span.badge.pill { font-size: 0.8rem; min-width: 1rem; line-height: 20px; height: 20px; border-radius: 9px; } #badges-navbar nav .brand-logo { font-size: 2.1rem; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; overflow-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-feature-settings: "liga"; } .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } .material-icons.md-light { color: rgb(255, 255, 255); } .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } .pulse-style-one { display: flex; justify-content: space-around; } @media not all, not all { .modal { top: 10%; } .modal.bottom-sheet { top: 155%; height: 100%; } .modal.bottom-sheet + .modal-overlay { top: 100%; } .modal-overlay { height: 100%; top: 5%; }} .navbar .header-search-wrapper { margin: 10px auto 0px 275px; width: calc(100% - 600px); height: 40px; display: inline-block; position: relative; transition: all 0.3s ease 0s; backface-visibility: hidden; } .navbar .header-search-wrapper i { position: absolute; font-size: 24px; top: 6px; left: 24px; transition: color 200ms ease 0s; line-height: 32px !important; } .navbar .nav-collapsed .header-search-wrapper { margin: 10px auto 0px 100px; } .navbar input.header-search-input { display: block; padding: 8px 8px 8px 72px; width: 87%; background: rgba(255, 255, 255, 0.3); height: 24px; transition: all 200ms ease 0s; border: none; font-size: 16px; appearance: textfield; font-weight: 400; outline: none; border-radius: 3px; } .navbar input.header-search-input:hover { background: rgba(255, 255, 255, 0.5); } .navbar input.header-search-input:focus { color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-bottom: none !important; box-shadow: none !important; } .navbar .header-search-wrapper-focus i { color: rgb(68, 68, 68); } .navbar .header-search-input::-webkit-input-placeholder { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; } .navbar .header-search-input:focus::-webkit-input-placeholder { color: rgb(51, 51, 51); font-size: 16px; font-weight: 400; } .navbar .header-search-input:focus::placeholder { color: rgb(51, 51, 51); font-size: 16px; font-weight: 400; } .navbar .header-search-input::placeholder { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; } .navbar .toggle-fullscreen, .navbar .notification-button { line-height: 1; } .navbar .notification-badge { font-family: Roboto, sans-serif; position: relative; right: 5px; top: -20px; color: rgb(255, 255, 255); background-color: rgb(128, 164, 215); box-shadow: rgb(128, 164, 215) 0px 0px 10px 0px; margin: 0px -0.8em; border-radius: 50%; padding: 2px 5px; } .navbar #notifications-dropdown h5 { font-size: 1rem; text-transform: capitalize; font-weight: 500; } .navbar #notifications-dropdown li { padding: 8px 16px; font-size: 1rem; } .navbar #notifications-dropdown li > a { padding: 0px; font-size: 1.1rem; font-weight: 300; } .navbar #notifications-dropdown li > a > span { display: inline-block; font-size: 1.2rem; position: relative; top: 4px; margin-right: 5px; } .navbar #notifications-dropdown li > time { font-size: 0.8rem; font-weight: 400; margin-left: 38px; } .navbar #notifications-dropdown li.divider { padding: 0px; } .navbar .navbar-light { background: rgb(255, 255, 255); } .navbar .navbar-light ul a { color: rgba(0, 0, 0, 0.87); } .navbar .navbar-light .header-search-wrapper i { color: rgba(0, 0, 0, 0.87); } .navbar .navbar-light .header-search-wrapper input.header-search-input { border: 1px solid rgb(239, 239, 239); color: rgba(0, 0, 0, 0.87); background: rgba(230, 230, 230, 0.3); } .navbar .navbar-light .header-search-wrapper input.header-search-input:hover, .navbar .navbar-light .header-search-wrapper input.header-search-input:active, .navbar .navbar-light .header-search-wrapper input.header-search-input:focus { border-top: 1px solid rgb(173, 173, 173); border-right: 1px solid rgb(173, 173, 173); border-left: 1px solid rgb(173, 173, 173); border-image: initial; background: rgba(230, 230, 230, 0); border-bottom: 1px solid rgb(173, 173, 173) !important; } .navbar .navbar-light .header-search-wrapper input.header-search-input::placeholder { color: rgba(0, 0, 0, 0.87); } .navbar .navbar-dark { background: rgb(55, 71, 79); } .navbar .navbar-dark ul a { color: rgb(255, 255, 255); } .navbar .navbar-dark .header-search-wrapper i { color: rgb(255, 255, 255); } .navbar .navbar-dark .header-search-wrapper input.header-search-input { border: 1px solid rgba(230, 230, 230, 0.05); color: rgb(255, 255, 255); background: rgba(230, 230, 230, 0.3); } .navbar .navbar-dark .header-search-wrapper input.header-search-input:hover, .navbar .navbar-dark .header-search-wrapper input.header-search-input:active, .navbar .navbar-dark .header-search-wrapper input.header-search-input:focus { border: 1px solid rgba(230, 230, 230, 0.1); background: rgba(230, 230, 230, 0.1); } .navbar .navbar-dark .header-search-wrapper input.header-search-input::placeholder { color: rgb(255, 255, 255); } .navbar .no-shadow { box-shadow: none; } nav.display-none.search-sm .nav-wrapper form .input-field input.search-box-sm:not(:focus) { color: rgb(255, 255, 255); } @media only screen and (max-width: 600px) { .navbar .nav-wrapper .dropdown-content { width: 100% !important; left: 0px !important; } .notification-button i { position: relative; top: 12px; font-size: 29px; } .search-button i { height: 0px; top: 6px; position: relative; } .search-sm-close { position: absolute !important; top: 12px !important; } .search-sm-icon { position: absolute !important; top: 14px !important; }} .sidenav-main { position: fixed; top: 0px; z-index: 999; height: 100%; width: 250px; transition: all 0.3s ease 0s; } .sidenav-main span.badge.new { line-height: 20px; margin-top: 11px; } .brand-sidebar { position: fixed; left: 0px; height: 64px; top: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 7px 0px; width: inherit; backface-visibility: hidden; background: rgb(255, 255, 255); } .brand-sidebar .logo-wrapper { font-size: 3rem; white-space: nowrap; margin: 0px; line-height: 17px !important; } .brand-sidebar .logo-wrapper a.brand-logo img { height: 18px; } .brand-sidebar .logo-wrapper a.navbar-toggler { position: absolute; right: 22px; top: 7px; } .brand-sidebar .logo-wrapper a.navbar-toggler i { color: rgb(51, 51, 51); font-size: 15px; display: block; height: 56px; line-height: 56px; } .brand-sidebar span.logo-text { font-size: 24px; padding-left: 8px; visibility: visible; opacity: 1; transition: opacity 0.2s linear 0s; } .brand-sidebar .brand-logo { position: absolute; color: rgb(51, 51, 51); display: inline-block; font-size: 2.1rem; margin: 1px 0px; padding: 22px 12px; line-height: 0; } .brand-sidebar .brand-logo img { height: 18px; } .brand-sidebar .brand-logo.center { left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 992px) { .brand-sidebar .brand-logo { left: 50%; transform: translateX(-50%); } .brand-sidebar .brand-logo.left, .brand-sidebar .brand-logo.right { padding: 0px; transform: none; } .brand-sidebar .brand-logo.left { left: 0.5rem; } .brand-sidebar .brand-logo.right { right: 0.5rem; left: auto; }} .brand-sidebar .brand-logo.right { right: 0.5rem; padding: 0px; } .brand-sidebar .brand-logo i, .brand-sidebar .brand-logo [class^="mdi-"], .brand-sidebar .brand-logo [class*="mdi-"], .brand-sidebar .brand-logo i.material-icons { float: left; margin-right: 15px; } .sidenav { top: 64px; overflow: hidden; height: 100%; border: none; width: inherit; backface-visibility: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 7px 0px; transition: auto 0s ease 0s !important; } .sidenav.native-scroll { overflow-y: scroll !important; } .sidenav a { line-height: 42px; height: 42px; } .sidenav .navigation-header { padding: 0px 17px; text-transform: uppercase; font-size: 0.85rem; font-weight: 600; margin-top: 10px; } .sidenav .navigation-header .navigation-header-icon { display: none; } .sidenav .navigation-header .navigation-header-text { margin: 0px; height: 30px; color: rgb(150, 150, 150); line-height: 30px; font-size: 0.85rem; font-weight: 600; padding: 0px !important; } .sidenav .navigation-header .navigation-header-text:hover { background-color: transparent !important; } .sidenav li { padding: 0px; line-height: 44px; } .sidenav li a { color: rgba(0, 0, 0, 0.87); } .sidenav li a i { line-height: inherit; width: 2rem; font-size: 1.4rem; display: block; float: left; text-align: center; margin-right: 1rem; } .sidenav .collapsible-header { margin: 0px; font-weight: 400; } .sidenav .collapsible-header::after { font-family: "Material Icons"; content: "keyboard_arrow_right"; color: rgb(175, 175, 175); font-size: 18px; position: absolute; right: 16px; transition: transform 0.3s ease-in-out 0s, opacity 0.25s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0s; } .sidenav .collapsible-header.active::after { content: "keyboard_arrow_down"; } .sidenav li .collapsible-body { background: transparent; } .sidenav li .collapsible-body a i { font-size: 0.7rem; } .sidenav li a.active { background: rgb(34, 64, 105); box-shadow: none; color: rgb(255, 255, 255); } .sidenav li a.active i { color: rgb(255, 255, 255); } .sidenav li:not(.active).open { background-color: rgba(0, 0, 0, 0.035); } .sidenav li.active { background-color: transparent; } .sidenav li.active > .collapsible-header::after { transform: rotate(90deg); } .sidenav li.open { background: rgba(255, 255, 255, 0.1); } .sidenav li > a, .sidenav li a.collapsible-header { height: 44px; line-height: 44px; font-weight: 400; padding: 0px 16px !important; } .sidenav li > a > i.material-icons, .sidenav li a.collapsible-header > i.material-icons { margin: 0px 20px 0px 0px; height: 44px; line-height: 44px; } .sidenav li > a:not(.active):hover { background-color: rgba(0, 0, 0, 0.035) !important; } .sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active { background-color: rgb(167, 192, 227); } .sidenav .collapsible-body > ul:not(.collapsible) > li.active a, .sidenav .collapsible-body > ul:not(.collapsible) > li.active i, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active i { color: rgb(46, 87, 144); background: none; } .nav-expanded .sidenav .menu-title { visibility: visible; opacity: 1; transition: opacity 0.2s linear 0s; } .nav-expanded .navigation-header-text { display: block; } .nav-expanded .navigation-header-icon { display: none; } .nav-collapsed.sidenav-main { width: 64px; } .nav-collapsed .brand-sidebar .navbar-toggler, .nav-collapsed .brand-sidebar .brand-logo span { visibility: hidden; opacity: 0; transition: visibility 0s ease 2s, opacity 0.05s linear 0s; } .nav-collapsed .navigation-header-text { display: none; } .nav-collapsed .navigation-header-icon { display: block !important; } .nav-collapsed .sidenav .user-options, .nav-collapsed .sidenav .menu-title, .nav-collapsed .sidenav .collapsible-body span, .nav-collapsed .sidenav .collapsible-header::after { display: none; } .nav-collapsed .sidenav .menu-title { visibility: visible; opacity: 1; transition: opacity 0.2s linear 0s; } .nav-lock .navigation-header-icon { display: none; } .nav-collapsible.nav-collapsed span.badge.pill { visibility: hidden; opacity: 0; transition: visibility 0s ease 2s, opacity 0.05s linear 0s; } .nav-collapsible span.badge { color: rgb(255, 255, 255); } .nav-collapsible span.badge.pill { float: none; position: absolute; right: 10px; opacity: 1; visibility: visible; transition: opacity 0.2s linear 0s; } .sidenav-dark { background: rgb(46, 87, 144) !important; } .sidenav-dark .brand-sidebar { box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 7px 1px; background: rgb(46, 87, 144) !important; } .sidenav-dark.sidenav-main .sidenav { background-color: transparent; } .sidenav-dark.sidenav-main .sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav-dark.sidenav-main .sidenav.fixed .collapsible-body > ul:not(.collapsible) > li.active { background: rgb(46, 87, 144); } .sidenav-dark.sidenav-main .sidenav li .navigation-header-text { color: rgb(176, 190, 197); } .sidenav-dark.sidenav-main .sidenav li > a, .sidenav-dark.sidenav-main .sidenav li .more-text { color: rgb(255, 255, 255); } .sidenav-dark.sidenav-main .sidenav li > a > i, .sidenav-dark.sidenav-main .sidenav li .more-text > i { color: rgb(255, 255, 255); } .sidenav-dark.sidenav-main .sidenav li.bold > a:not(.active):hover, .sidenav-dark.sidenav-main .sidenav li:not(.active).open { background-color: rgba(0, 0, 0, 0.1) !important; } .sidenav-dark.sidenav-main .collapsible { border: none; } .sidenav-dark.sidenav-main .brand-sidebar .brand-logo, .sidenav-dark.sidenav-main .brand-sidebar .logo-wrapper a.navbar-toggler i { color: rgb(255, 255, 255); } .sidenav-dark.sidenav-gradient .brand-sidebar { background: transparent; } .sidenav-dark.sidenav-gradient.fixed .collapsible-body { background: transparent; } .sidenav-dark.sidenav-gradient.sidenav-main .sidenav li .navigation-header-text { color: rgb(236, 236, 236); } .sidenav-dark .collapsible-header::after { color: rgb(236, 236, 236); } .sidenav-dark .ps__rail-y:hover { background: transparent; } .navbar-full .brand-sidebar { background: transparent; } .navbar-full .brand-sidebar .brand-logo { color: rgb(255, 255, 255); } .navbar-full .brand-sidebar .logo-wrapper a.navbar-toggler i { color: rgb(255, 255, 255); } .sidenav-active-rounded .sidenav li > a.active { border-radius: 0px 25px 25px 0px; color: rgb(255, 255, 255); } .sidenav-active-rounded .sidenav li > a.active > i { color: rgb(255, 255, 255); } .sidenav-active-rounded .sidenav li:not(.open) > a.active { color: rgb(255, 255, 255); } .sidenav-active-rounded .sidenav li:not(.open) > a.active > i { color: rgb(255, 255, 255); } .sidenav-active-rounded .sidenav li:not(.active) > a:hover { margin-right: 16px; border-radius: 0px 25px 25px 0px; } .sidenav-active-rounded .sidenav li > a, .sidenav-active-rounded .sidenav li a.collapsible-header { margin-right: 16px; transition: none 0s ease 0s; padding: 0px 0px 0px 16px !important; } .sidenav-active-rounded .sidenav .collapsible-header::after { right: 9px; } .sidenav-active-rounded.nav-collapsed li > a, .sidenav-active-rounded.nav-collapsed li a.collapsible-header { margin-right: 10px; } .sidenav-active-rounded.nav-collapsed li.close { background-color: rgba(0, 0, 0, 0.08); } .sidenav-active-square .sidenav li > a.active { border-radius: 0px 5px 5px 0px; color: rgb(255, 255, 255); } .sidenav-active-square .sidenav li > a.active > i { color: rgb(255, 255, 255); } .sidenav-active-square .sidenav li:not(.open) > a.active { color: rgb(255, 255, 255); } .sidenav-active-square .sidenav li:not(.open) > a.active > i { color: rgb(255, 255, 255); } .sidenav-active-square .sidenav li:not(.active) > a:hover { margin-right: 16px; border-radius: 0px 5px 5px 0px; } .sidenav-active-square .sidenav li > a, .sidenav-active-square .sidenav li a.collapsible-header { margin-right: 16px; transition: none 0s ease 0s; padding: 0px 0px 0px 16px !important; } .sidenav-active-square .sidenav .collapsible-header::after { right: 9px; } .sidenav-active-square.nav-collapsed li > a, .sidenav-active-square.nav-collapsed li a.collapsible-header { margin-right: 10px; } .sidenav-active-square.nav-collapsed li.close { background-color: rgba(0, 0, 0, 0.08); } @media only screen and (max-width: 992px) { .sidenav-main { width: auto; height: 0px; } .sidenav-main .brand-sidebar { box-shadow: none; left: 80px; background: transparent; } .sidenav-main .brand-sidebar .navbar-toggler { display: none; } .sidenav-main .brand-sidebar .logo-wrapper { padding: 0px !important; } .sidenav-main .brand-sidebar .sidenav-trigger { top: -48px; } .sidenav-main .sidenav { top: 0px; width: 250px; } .sidenav-main .btn-sidenav-toggle { position: relative; top: 10px; left: 10px; } .sidenav-dark.sidenav-main .sidenav { background: rgb(46, 87, 144) !important; }} @media only screen and (max-width: 600px) { .sidenav-main .brand-sidebar .brand-logo { padding: 16px 12px 20px; } .sidenav-main .btn-sidenav-toggle { position: relative; top: 6px; left: 6px; }} @media not all, not all { .sidenav .collapsible-header::after { content: "+"; width: 0px; } .sidenav li.active > .collapsible-header::after { content: "-"; width: 0px; transform: rotate(180deg); right: 0px; }} #right-search .input-field { margin-top: 0px; } #slide-out-right { top: 64px; overflow: hidden; } #slide-out-right .tab a { padding: 0px !important; } #slide-out-right.sidenav { width: 340px; top: 0px; padding-bottom: 0px; } #slide-out-right.sidenav li a.active { background: none; box-shadow: none; } #slide-out-right.sidenav .slide-out-right-body { height: calc(100vh - 60px); overflow-y: hidden; width: 100%; } #slide-out-right.sidenav #messages { padding: 0.7rem; } #slide-out-right.sidenav #messages .header-search-input { border: none; background-color: rgb(238, 238, 238); width: 86%; margin: 1rem; border-radius: 2rem; padding-left: 1rem; height: 2.8rem; } #slide-out-right.sidenav #messages .collection { max-height: 100% !important; } #slide-out-right.sidenav #messages .collection .collection-item { border: none; } #slide-out-right.sidenav #messages .collection ul.collection { border: none; overflow: hidden; max-height: 100% !important; } #slide-out-right.sidenav #messages .collection ul.collection li { display: flex; cursor: pointer; padding-top: 1.2rem; } #slide-out-right.sidenav #messages .collection ul.collection li .user-content { margin-left: 1rem; margin-top: 0.4em; } #slide-out-right.sidenav #messages .collection ul.collection li .secondary-content { color: rgb(197, 202, 233); top: 1.6rem; } #slide-out-right.sidenav #messages .collection ul.collection li:hover { background-color: rgb(245, 245, 245); } #slide-out-right .fixed-line-height { line-height: 24px; } #slide-out-right #chatapp li { line-height: 35px !important; min-height: 70px !important; } #slide-out-right #chatapp .sidenav li { line-height: 20px !important; } .chat-close-collapse { padding: 5px 15px 0px 0px; } .icon-bg-color { height: 35px; width: 35px; border-radius: 50%; text-align: center; padding-top: 8px; font-size: 20px; } .border-bottom-1 { border-bottom: 1px solid rgb(245, 245, 245); } #activity ul.collection { max-height: 100% !important; } #activity .collection::before { position: absolute; height: 100%; left: 4%; top: 1rem; width: 1px; margin-left: -1px; content: ""; background-color: rgb(224, 224, 224); } #activity .collection-item::before { content: "lens"; font-size: 1rem; color: rgb(224, 224, 224); position: absolute; left: 1.6%; border-radius: 100%; font-family: "Material Icons"; } #activity .collection { border: none; } #activity .collection .collection-item { border: none; padding-left: 2rem; margin-bottom: 1rem; } #activity .collection .collection-item p { font-size: 0.9rem; } #activity .collection .collection-item .badge { float: none; margin: 0px; padding: 0.3rem 0.5rem 0.4rem; } #activity .collection .collection-item .secondary-content { color: rgb(197, 202, 233); font-size: 0.9rem; } .slide-out-right-sidenav-chat { width: 340px; top: 0px; } #settings ul.collection { max-height: 100% !important; } @media only screen and (max-width: 992px) { #slide-out-right { top: 0px; } #slide-out-right.sidenav { height: 100% !important; }} #slide-out-chat .chat-head, #slide-out-chat .chat-footer { z-index: 1; background-color: rgb(236, 239, 241); width: 100%; } #slide-out-chat .chat-footer { bottom: -0.6rem; } #slide-out-chat .chat-footer form { background-color: rgb(236, 239, 241); } #slide-out-chat .chat-footer input { background-color: rgb(255, 255, 255); border: none; border-radius: 3rem; padding-left: 1rem; width: 80%; margin-left: -2rem; } #slide-out-chat .chat-footer label { margin-top: -0.7rem; margin-left: 2rem; } #slide-out-chat .chat-footer label:not(.label-icon).active { display: none; } #slide-out-chat .chat-footer i { cursor: pointer; } #slide-out-chat .chat-footer a { background: transparent; box-shadow: none; width: 40px; position: absolute; line-height: 2rem; } #slide-out-chat .speech-bubble { position: relative; background: rgb(236, 239, 241); border-radius: 0.3rem; margin-left: 1rem; } #slide-out-chat .speech-bubble::after { content: ""; position: absolute; left: -9px; top: 50%; width: 0px; height: 0px; border-width: 10px 10px 10px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: transparent; border-image: initial; border-right-color: rgb(236, 239, 241); border-left-style: initial; border-left-color: initial; margin-top: -20px; } #slide-out-chat .speech-bubble-right { position: relative; background-color: rgb(46, 87, 144); border-radius: 0.3rem; margin-left: 1rem; color: rgb(255, 255, 255); } #slide-out-chat .speech-bubble-right::after { content: ""; position: absolute; right: 0px; top: 50%; width: 0px; height: 0px; border-width: 10px 0px 10px 10px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-bottom-color: transparent; border-image: initial; border-left-color: rgb(46, 87, 144); border-right-style: initial; border-right-color: initial; margin-top: -16px; margin-right: -8px; } #slide-out-chat .chat-body ul.collection { top: 0px; margin-bottom: 0px; margin-top: 0px; } #slide-out-chat .collection { height: calc(100vh - 129px); top: 48px; } #slide-out-chat .collection .collection-item { min-height: auto; border: none; margin-bottom: 1rem; } #slide-out-chat .collection .collection-item .user-content { padding: 1rem; } @media (max-width: 600px) { #slide-out-right.sidenav { box-shadow: none; }} #breadcrumbs-wrapper { background: rgb(248, 248, 248); padding: 20px 0px; } #breadcrumbs-wrapper .breadcrumbs-btn { top: 24px; } #breadcrumbs-wrapper h5.breadcrumbs-header { font-size: 1.64rem; line-height: 1.804rem; margin: 1.5rem 0px 0px; } #breadcrumbs-wrapper .breadcrumbs { padding: 0px; margin: 15px 0px; list-style: none; } #breadcrumbs-wrapper .breadcrumbs > li { display: inline-block; } #breadcrumbs-wrapper .breadcrumbs > li + li::before { padding: 0px 5px 0px 4px; color: rgb(189, 189, 189); content: "keyboard_arrow_right"; font-family: "Material Icons"; position: relative; top: 3px; } #breadcrumbs-wrapper .breadcrumbs .active { font-weight: normal; color: rgb(158, 158, 158); } #breadcrumbs-wrapper .breadcrumbs-title { font-size: 1.4rem; line-height: 1.4rem; } #breadcrumbs-wrapper .breadcrumbs-nav { margin: 8px 0px 9px; } #breadcrumbs-wrapper.breadcrumbs-bg-image { position: relative; background-size: cover; background-position: center center; color: rgb(255, 255, 255); z-index: 1; } #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs-title { color: rgb(255, 255, 255); } #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs { margin: 10px 0px; } #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs a { color: rgba(255, 255, 255, 0.8); } #breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs .active { color: rgba(255, 255, 255, 0.9); } #breadcrumbs-wrapper.breadcrumbs-bg-image::before { content: ""; position: absolute; inset: 0px; z-index: -1; background-color: rgba(0, 0, 0, 0.07); } #breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title, #breadcrumbs-wrapper.breadcrumbs-dark a { color: rgba(255, 255, 255, 0.85); } #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title, #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs { display: inline; } #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-left { top: 8px; position: relative; } #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title { padding-right: 20px; border-right: 1px solid rgb(189, 189, 189); } #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs { padding-left: 20px; } #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-btn { top: 0px; } #breadcrumbs-wrapper .breadcrumbs-right .breadcrumbs { float: right; margin-top: 0px; } @media not all, not all { #breadcrumbs-wrapper .breadcrumbs > li + li::before { content: "/"; top: 0px; width: 0px; }} .input-field div.error { position: relative; top: 0rem; left: 0rem; font-size: 0.8rem; color: rgb(255, 64, 129); transform: translateY(0%); } .input-field label.active { width: 100%; } .left-alert input[type="text"] + label::after, .left-alert input[type="password"] + label::after, .left-alert input[type="email"] + label::after, .left-alert input[type="url"] + label::after, .left-alert input[type="time"] + label::after, .left-alert input[type="date"] + label::after, .left-alert input[type="datetime-local"] + label::after, .left-alert input[type="tel"] + label::after, .left-alert input[type="number"] + label::after, .left-alert input[type="search"] + label::after, .left-alert textarea.materialize-textarea + label::after { left: 0px; } .right-alert input[type="text"] + label::after, .right-alert input[type="password"] + label::after, .right-alert input[type="email"] + label::after, .right-alert input[type="url"] + label::after, .right-alert input[type="time"] + label::after, .right-alert input[type="date"] + label::after, .right-alert input[type="datetime-local"] + label::after, .right-alert input[type="tel"] + label::after, .right-alert input[type="number"] + label::after, .right-alert input[type="search"] + label::after, .right-alert textarea.materialize-textarea + label::after { right: 70px; } table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before { top: 19px; line-height: 15px; text-indent: -1px !important; } .card { overflow: hidden; margin: 1rem 0px; } .card .card-title { margin: 0px; font-weight: 400; font-size: 18px; } .card .activator { cursor: pointer; } #card-stats .card-content { text-align: center; } #card-stats .card-stats-title { font-size: 1rem; } #card-stats .card-stats-title i { font-size: 1.2rem; top: 3px; position: relative; } #card-stats .card-stats-compare { font-size: 0.85rem; } #card-stats .card-stats-compare i { position: relative; top: 8px; } #card-stats .card-stats-number { font-size: 1.8rem; line-height: 2rem; margin: 0.8rem 0px 0.6rem; font-weight: 600; } #card-stats .card .card-content { padding: 10px 14px; } #card-stats .card .card-action { padding: 10px 14px; } .vertical-align-top { vertical-align: top; } .card-animation-1, .image-n-margin { margin-top: -50px; transition: all 0.5s ease 0s; } .card-animation-1:hover .image-n-margin { margin-top: -80px; margin-bottom: 30px; transition: all 0.5s ease 0s; cursor: pointer; } .card-alert .card-content { padding: 10px 20px; } .card-alert i { font-size: 20px; position: relative; top: 2px; } .card-alert .alert-circle { display: inline-block; width: 40px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; position: relative; top: -5px; left: -2px; } .card-alert .single-alert { line-height: 42px; } .card-alert button { background: none; border: none; position: absolute; top: 5px; right: 10px; font-size: 20px; color: rgb(255, 255, 255); } .card-alert .card .card-content { padding: 20px 40px 20px 20px; } .card-alert .card-action i { top: 0px; margin: 0px; } #work-collections .collection-header { font-size: 1.14rem; font-weight: 500; } #work-collections p.collections-title { font-size: 1rem; padding: 0px; margin: 0px; font-weight: 500; } #work-collections p.collections-content { font-size: 0.9rem; padding: 0px; margin: 0px; font-weight: 400; } #work-collections .collection-item.avatar { height: auto; padding-top: 22px; } #flight-card .flight-card-title { margin: 0px; font-weight: 300; color: rgb(255, 255, 255); } #flight-card .flight-card-date { font-size: 1rem; margin: 0px; color: rgb(255, 255, 255); } #flight-card .flight-state { padding-bottom: 15px; } #flight-card .flight-state-two { border-left: 1px dashed rgb(189, 189, 189); } #flight-card .flight-icon { font-size: 2.2rem; display: block; transform: rotate(90deg); } #flight-card .card-content-bg { background: url("assets/gallery/3.png") center center / cover no-repeat; } #flight-card .card-content { background: rgba(0, 0, 0, 0.25); } #flight-card .flight-state-wrapper { margin: 0px 0px 80px !important; } #flight-card .card-header .card-title { padding: 20px; } #task-card label { display: block; color: rgba(0, 0, 0, 0.87); height: auto; } #task-card .task-card-title { margin: 0px; color: rgb(255, 255, 255); font-weight: 300; } #task-card .task-card-date { font-size: 1rem; margin: 0px; color: rgb(255, 255, 255); } #task-card .collection-header { padding: 20px; } #task-card .task-add { position: absolute; right: 10px; top: 76px; } #task-card .task-cat { padding: 2px 4px; color: rgb(255, 255, 255); margin-left: 37px; font-weight: 300; font-size: 0.8rem; border-radius: 2px; background-clip: padding-box; } .task-cat { padding: 2px 4px; color: rgb(255, 255, 255); font-weight: 300; font-size: 0.8rem; border-radius: 2px; background-clip: padding-box; } .collection .collection-item.avatar i.circle { font-size: 28px; } #profile-card .card-image { height: 150px; } #profile-card .card-profile-image { width: 70px; position: absolute; top: 110px; z-index: 1; cursor: pointer; } #profile-card .btn-move-up { position: relative; top: -40px; right: -18px; margin-right: 10px !important; } #profile-card .card-content .profile-card-i { position: relative; top: 6px; margin-right: 10px; } #profile-card .card-content p { font-size: 1rem; margin: 10px 0px 12px; } .card-move-up .move-up { padding: 20px; } .black-overlay { background-color: rgba(0, 0, 0, 0.42) !important; } .bg-image-1 { background-image: url("assets/cards/macbook.png"); width: 100%; background-size: cover; } .bg-image-2 { background-image: url("assets/cards/iphone.png"); width: 100%; background-size: cover; } .bg-image-3 { background-image: url("assets/cards/applewatch.png"); width: 100%; background-size: cover; } .icon-background { margin: 8px; height: 50px; width: 50px; padding-top: 11px; } #profile-card .card-reveal i.material-icons { position: relative; top: 6px; } #user-card .flip-card { max-width: 100%; } @media screen and (min-width: 1290px) { .icon-background { margin: 1.25rem 1.25rem 1.25rem 2rem; height: 3.125rem; width: 3.125rem; padding-top: 0.6875rem; }} @media screen and (max-width: 1366px) { .icon-background { margin-left: 1.25rem; }} @media screen and (min-width: 1440px) { .icon-background { margin-left: 2rem; }} @media screen and (min-width: 1680px) { .icon-background { margin-left: 2.6875rem; }} @media screen and (min-width: 1024px) and (max-width: 1365px) { .icon-background { margin-left: 0.25rem; }} @media screen and (max-width: 992px) { .icon-background { margin-left: 1.875rem; }} @media screen and (max-width: 786px) { .icon-background { margin-left: 0.9375rem; }} @media screen and (max-width: 540px) { .icon-background { margin-left: 0.625rem; }} .small-ico-bg { padding: 6px; background-color: rgb(243, 241, 241); border-radius: 50%; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #cards-extended #gradient-Analytics .card-width, #cards-extended #card-with-analytics .card-width, #cards-extended #card-panel-type .card-width { width: 50%; }} #card-stats { padding-top: 12px; } #chart-dashboard .card { overflow: hidden; } #chart-dashboard .card .card-content { padding: 10px 14px; } #chartjs .sample-chart-wrapper, #chartjs2 .sample-chart-wrapper, #chartjs3 .sample-chart-wrapper { margin-bottom: -14px; margin-top: -75px; } .sample-chart-wrapper { width: 100%; } .chart-title { font-size: 1.6rem; font-weight: 300; } .chart-revenue { float: right; text-align: center; padding: 8px; border-radius: 3px; } .chart-revenue .chart-revenue-total { font-size: 0.9rem; margin: 0px; } .chart-revenue .chart-revenue-per { font-size: 0.8rem; margin: 0px; } .chart-revenue .chart-revenue-per i { position: relative; top: 5px; } .chart-revenue-switch { padding-top: 28px; padding-right: 10px; color: rgb(255, 255, 255); text-align: right; } #materialize-chartist .ct-chart-line, #materialize-chartist .ct-chart-bar, #materialize-chartist .ct-chart-pie, #materialize-chartist .ct-chart-donut { height: 400px !important; } .doughnut-chart-status { position: relative; top: -75px; left: 0px; font-size: 16px; font-weight: 500; height: 0px; text-align: center; } .doughnut-chart-status p { margin-top: -5px; } .doughnut-chart-legend li { padding: 2px 0px; font-size: 0.9rem; } .doughnut-chart-legend li::before { content: ""; width: 8px; height: 8px; display: block; float: left; margin-top: 6px; margin-right: 4px; } a.button-collapse.top-nav { position: absolute; left: 7.5%; top: 0px; float: none; margin-left: 1.5rem; color: rgb(255, 255, 255); font-size: 32px; z-index: 2; } .trending-bar-chart-wrapper { width: 100%; } .btn-move-up { position: relative; top: -28px; right: -18px; margin-right: 10px !important; } .jqstooltip { box-sizing: content-box; border: none !important; } .tooltip-class { overflow: hidden; color: rgb(255, 255, 255); height: 20px; width: 30px; } #ct2-chart .ct-series.ct-series-a .ct-area { fill: rgb(0, 188, 212); } #ct2-chart .ct-series.ct-series-a .ct-point { stroke: rgb(0, 188, 212); } #ct2-chart .ct-series.ct-series-a .ct-line { stroke: rgb(84, 226, 244); } .socialbox .logo { color: rgb(255, 255, 255); font-size: 28px; left: 20px; bottom: 20px; position: absolute; } .socialbox .info { color: rgb(255, 255, 255); margin: 0px; position: absolute; right: 20px; bottom: 20px; font-size: 15px; padding: 0px; } .chartist-tooltip.tooltip-show { display: inline-block; } .chartist-tooltip { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .doughnut-chart-status { display: none; }} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .doughnut-chart-status { display: none; } #card-stats .card-stats-compare { font-size: 0.8rem; }} #full-calendar { padding-top: 30px; } #calendar h2 { font-size: 1.5rem; text-transform: uppercase; line-height: 35px; } #calendar .fc-day-header { text-transform: uppercase; font-weight: 400; } #external-events { padding-top: 50px; } #external-events .fc-event { color: rgb(255, 255, 255); text-decoration: none; padding: 5px; margin-bottom: 10px; cursor: all-scroll; border: none; } .fc button { background: rgb(255, 255, 255); } .fc td { border-width: 0px !important; } .fc th { border-width: 0px !important; } .fc-state-active { color: rgb(46, 87, 144) !important; } .fc-state-down { color: rgb(46, 87, 144) !important; } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0px); }} .animate.fadeUp { animation: 1.5s ease 0s 1 normal both running fadeUp; } @keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0px); }} .animate.fadeLeft { animation: 1.5s ease 0s 1 normal both running fadeLeft; } @keyframes fadeRight { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0px); }} .animate.fadeRight { animation: 1.5s ease 0s 1 normal both running fadeRight; } .animation-fast { animation-delay: 0.1s; } .animation-slow { animation-delay: 2s; } .delay-1 { animation-delay: 0.3s !important; } .delay-2 { animation-delay: 0.4s !important; } .delay-3 { animation-delay: 0.5s !important; } .delay-4 { animation-delay: 0.6s !important; } .delay-5 { animation-delay: 0.7s !important; } .dynamic-color .red, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .amber, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey { height: 55px; width: 100%; padding: 0px 15px; line-height: 55px; font-weight: 500; font-size: 12px; display: block; box-sizing: border-box; } .dynamic-color .col { margin-bottom: 55px; } tr.group { background-color: rgb(221, 221, 221) !important; } tr.group:hover { background-color: rgb(221, 221, 221) !important; } @media only screen and (max-width: 1024px) { tfoot { display: none; }} .site-layout-example-left { background-color: rgb(144, 164, 174); height: 300px; } .site-layout-example-right { height: 300px; } .site-layout-example-top { height: 50px; } .flat-text-header { height: 35px; width: 80%; background-color: rgba(255, 255, 255, 0.15); display: block; margin: 27px auto; } .flat-text { height: 25px; width: 80%; background-color: rgba(0, 0, 0, 0.15); display: block; margin: 27px auto; } .flat-text.small { width: 25%; height: 25px; background-color: rgba(0, 0, 0, 0.15); } .flat-text.full-width { width: 100%; } .col.grid-example { border: 1px solid rgb(238, 238, 238); margin: 7px 0px; text-align: center; line-height: 50px; font-size: 28px; background-color: rgb(255, 99, 71); color: rgb(255, 255, 255); padding: 0px; } .col.grid-example span { font-weight: 200; line-height: 50px; } .waves-color-demo .collection-item { height: 57px; line-height: 57px; } .collection a.collection-item:not(.active):hover { background-color: rgb(249, 249, 249); } .browser-window { text-align: left; width: 100%; height: auto; display: inline-block; border-radius: 5px 5px 2px 2px; background-clip: padding-box; background-color: transparent; margin: 20px 0px; overflow: hidden; } .browser-window .top-bar { height: 30px; border-radius: 5px 5px 0px 0px; border-top: thin solid rgb(234, 234, 233); border-bottom: thin solid rgb(221, 221, 221); background: linear-gradient(rgb(231, 231, 230), rgb(224, 224, 224)); } .browser-window .circle { height: 10px; width: 10px; display: inline-block; border-radius: 50%; margin-right: 1px; } .browser-window .circles { margin: 5px 12px; } .browser-window .content { margin: 0px; width: 100%; display: inline-block; border-radius: 0px 0px 5px 5px; background-color: rgb(250, 250, 250); } .browser-window .row { margin: 0px; } .close-circle { background-color: rgb(255, 92, 90); } .minimize-circle { background-color: rgb(253, 180, 92); } .maximize-circle { background-color: rgb(27, 198, 86); } .clear { clear: both; } .promo i { color: rgb(238, 110, 115); font-size: 6rem; display: block; } .promo-caption { font-size: 1.7rem; font-weight: 500; margin-top: 5px; margin-bottom: 0px; } .shadow-demo { background-color: rgb(38, 166, 154); width: 100px; height: 100px; margin: 20px auto; } #input-select .input-field label { position: absolute; top: -14px; font-size: 0.8rem; } .page-footer.footer-fixed { position: fixed; bottom: 0px; width: 100%; } .page-footer .container { padding: 0px 15px; } .page-footer .footer-copyright { background-color: transparent; } #world-map-markers { height: 300px; } #polar-chart-holder { padding-top: 20px; } .footer-light { background-color: rgb(255, 255, 255); } .footer-light.page-footer { border-top: 1px solid rgb(210, 210, 210) !important; } .footer-light .footer-copyright { color: rgba(0, 0, 0, 0.87); } .footer-dark { background: rgb(55, 71, 79); } .footer-dark .footer-copyright { color: rgba(255, 255, 255, 0.8); } .footer-dark .footer-copyright a { color: rgb(255, 255, 255); } .azul-to { background-color: rgb(46, 87, 144) !important; } .azul-to-text { color: rgb(46, 87, 144) !important; } .azul-to.lighten-5 { background-color: rgb(206, 220, 239) !important; } .azul-to-text.text-lighten-5 { color: rgb(206, 220, 239) !important; } .azul-to.lighten-4 { background-color: rgb(167, 192, 227) !important; } .azul-to-text.text-lighten-4 { color: rgb(167, 192, 227) !important; } .azul-to.lighten-3 { background-color: rgb(128, 164, 215) !important; } .azul-to-text.text-lighten-3 { color: rgb(128, 164, 215) !important; } .azul-to.lighten-2 { background-color: rgb(90, 137, 202) !important; } .azul-to-text.text-lighten-2 { color: rgb(90, 137, 202) !important; } .azul-to.lighten-1 { background-color: rgb(58, 110, 183) !important; } .azul-to-text.text-lighten-1 { color: rgb(58, 110, 183) !important; } .azul-to.darken-1 { background-color: rgb(40, 75, 125) !important; } .azul-to-text.text-darken-1 { color: rgb(40, 75, 125) !important; } .azul-to.darken-2 { background-color: rgb(34, 64, 105) !important; } .azul-to-text.text-darken-2 { color: rgb(34, 64, 105) !important; } .azul-to.darken-3 { background-color: rgb(27, 52, 86) !important; } .azul-to-text.text-darken-3 { color: rgb(27, 52, 86) !important; } .azul-to.darken-4 { background-color: rgb(21, 40, 67) !important; } .azul-to-text.text-darken-4 { color: rgb(21, 40, 67) !important; } .verde-to { background-color: rgb(37, 149, 81) !important; } .verde-to-text { color: rgb(37, 149, 81) !important; } .verde-to.lighten-5 { background-color: rgb(47, 190, 103) !important; } .verde-to-text.text-lighten-5 { color: rgb(47, 190, 103) !important; } .verde-to.lighten-4 { background-color: rgb(77, 211, 130) !important; } .verde-to-text.text-lighten-4 { color: rgb(77, 211, 130) !important; } .verde-to.lighten-3 { background-color: rgb(118, 221, 158) !important; } .verde-to-text.text-lighten-3 { color: rgb(118, 221, 158) !important; } .verde-to.lighten-2 { background-color: rgb(159, 231, 187) !important; } .verde-to-text.text-lighten-2 { color: rgb(159, 231, 187) !important; } .verde-to.lighten-1 { background-color: rgb(200, 241, 216) !important; } .verde-to-text.text-lighten-1 { color: rgb(200, 241, 216) !important; } .verde-to.darken-1 { background-color: rgb(32, 129, 70) !important; } .verde-to-text.text-darken-1 { color: rgb(32, 129, 70) !important; } .verde-to.darken-2 { background-color: rgb(27, 108, 59) !important; } .verde-to-text.text-darken-2 { color: rgb(27, 108, 59) !important; } .verde-to.darken-3 { background-color: rgb(22, 88, 48) !important; } .verde-to-text.text-darken-3 { color: rgb(22, 88, 48) !important; } .verde-to.darken-4 { background-color: rgb(17, 67, 37) !important; } .verde-to-text.text-darken-4 { color: rgb(17, 67, 37) !important; } .amarelo-to { background-color: rgb(246, 198, 45) !important; } .amarelo-to-text { color: rgb(246, 198, 45) !important; } .amarelo-to.lighten-5 { background-color: rgb(248, 211, 94) !important; } .amarelo-to-text.text-lighten-5 { color: rgb(248, 211, 94) !important; } .amarelo-to.lighten-4 { background-color: rgb(250, 225, 143) !important; } .amarelo-to-text.text-lighten-4 { color: rgb(250, 225, 143) !important; } .amarelo-to.lighten-3 { background-color: rgb(252, 238, 192) !important; } .amarelo-to-text.text-lighten-3 { color: rgb(252, 238, 192) !important; } .amarelo-to.lighten-2 { background-color: rgb(253, 244, 216) !important; } .amarelo-to-text.text-lighten-2 { color: rgb(253, 244, 216) !important; } .amarelo-to.lighten-1 { background-color: rgb(254, 251, 241) !important; } .amarelo-to-text.text-lighten-1 { color: rgb(254, 251, 241) !important; } .amarelo-to.darken-1 { background-color: rgb(245, 191, 21) !important; } .amarelo-to-text.text-darken-1 { color: rgb(245, 191, 21) !important; } .amarelo-to.darken-2 { background-color: rgb(230, 178, 10) !important; } .amarelo-to-text.text-darken-2 { color: rgb(230, 178, 10) !important; } .amarelo-to.darken-3 { background-color: rgb(206, 159, 9) !important; } .amarelo-to-text.text-darken-3 { color: rgb(206, 159, 9) !important; } .amarelo-to.darken-4 { background-color: rgb(181, 140, 8) !important; } .amarelo-to-text.text-darken-4 { color: rgb(181, 140, 8) !important; } .materialize-red { background-color: rgb(229, 28, 35) !important; } .materialize-red-text { color: rgb(229, 28, 35) !important; } .materialize-red.lighten-5 { background-color: rgb(253, 234, 235) !important; } .materialize-red-text.text-lighten-5 { color: rgb(253, 234, 235) !important; } .materialize-red.lighten-4 { background-color: rgb(248, 193, 195) !important; } .materialize-red-text.text-lighten-4 { color: rgb(248, 193, 195) !important; } .materialize-red.lighten-3 { background-color: rgb(243, 152, 155) !important; } .materialize-red-text.text-lighten-3 { color: rgb(243, 152, 155) !important; } .materialize-red.lighten-2 { background-color: rgb(238, 110, 115) !important; } .materialize-red-text.text-lighten-2 { color: rgb(238, 110, 115) !important; } .materialize-red.lighten-1 { background-color: rgb(234, 69, 75) !important; } .materialize-red-text.text-lighten-1 { color: rgb(234, 69, 75) !important; } .materialize-red.darken-1 { background-color: rgb(208, 24, 30) !important; } .materialize-red-text.text-darken-1 { color: rgb(208, 24, 30) !important; } .materialize-red.darken-2 { background-color: rgb(185, 21, 27) !important; } .materialize-red-text.text-darken-2 { color: rgb(185, 21, 27) !important; } .materialize-red.darken-3 { background-color: rgb(162, 19, 24) !important; } .materialize-red-text.text-darken-3 { color: rgb(162, 19, 24) !important; } .materialize-red.darken-4 { background-color: rgb(139, 16, 20) !important; } .materialize-red-text.text-darken-4 { color: rgb(139, 16, 20) !important; } .red { background-color: rgb(244, 67, 54) !important; } .red-text { color: rgb(244, 67, 54) !important; } .red.lighten-5 { background-color: rgb(255, 235, 238) !important; } .red-text.text-lighten-5 { color: rgb(255, 235, 238) !important; } .red.lighten-4 { background-color: rgb(255, 205, 210) !important; } .red-text.text-lighten-4 { color: rgb(255, 205, 210) !important; } .red.lighten-3 { background-color: rgb(239, 154, 154) !important; } .red-text.text-lighten-3 { color: rgb(239, 154, 154) !important; } .red.lighten-2 { background-color: rgb(229, 115, 115) !important; } .red-text.text-lighten-2 { color: rgb(229, 115, 115) !important; } .red.lighten-1 { background-color: rgb(239, 83, 80) !important; } .red-text.text-lighten-1 { color: rgb(239, 83, 80) !important; } .red.darken-1 { background-color: rgb(229, 57, 53) !important; } .red-text.text-darken-1 { color: rgb(229, 57, 53) !important; } .red.darken-2 { background-color: rgb(211, 47, 47) !important; } .red-text.text-darken-2 { color: rgb(211, 47, 47) !important; } .red.darken-3 { background-color: rgb(198, 40, 40) !important; } .red-text.text-darken-3 { color: rgb(198, 40, 40) !important; } .red.darken-4 { background-color: rgb(183, 28, 28) !important; } .red-text.text-darken-4 { color: rgb(183, 28, 28) !important; } .red.accent-1 { background-color: rgb(255, 138, 128) !important; } .red-text.text-accent-1 { color: rgb(255, 138, 128) !important; } .red.accent-2 { background-color: rgb(255, 82, 82) !important; } .red-text.text-accent-2 { color: rgb(255, 82, 82) !important; } .red.accent-3 { background-color: rgb(255, 23, 68) !important; } .red-text.text-accent-3 { color: rgb(255, 23, 68) !important; } .red.accent-4 { background-color: rgb(213, 0, 0) !important; } .red-text.text-accent-4 { color: rgb(213, 0, 0) !important; } .pink { background-color: rgb(233, 30, 99) !important; } .pink-text { color: rgb(233, 30, 99) !important; } .pink.lighten-5 { background-color: rgb(252, 228, 236) !important; } .pink-text.text-lighten-5 { color: rgb(252, 228, 236) !important; } .pink.lighten-4 { background-color: rgb(248, 187, 208) !important; } .pink-text.text-lighten-4 { color: rgb(248, 187, 208) !important; } .pink.lighten-3 { background-color: rgb(244, 143, 177) !important; } .pink-text.text-lighten-3 { color: rgb(244, 143, 177) !important; } .pink.lighten-2 { background-color: rgb(240, 98, 146) !important; } .pink-text.text-lighten-2 { color: rgb(240, 98, 146) !important; } .pink.lighten-1 { background-color: rgb(236, 64, 122) !important; } .pink-text.text-lighten-1 { color: rgb(236, 64, 122) !important; } .pink.darken-1 { background-color: rgb(216, 27, 96) !important; } .pink-text.text-darken-1 { color: rgb(216, 27, 96) !important; } .pink.darken-2 { background-color: rgb(194, 24, 91) !important; } .pink-text.text-darken-2 { color: rgb(194, 24, 91) !important; } .pink.darken-3 { background-color: rgb(173, 20, 87) !important; } .pink-text.text-darken-3 { color: rgb(173, 20, 87) !important; } .pink.darken-4 { background-color: rgb(136, 14, 79) !important; } .pink-text.text-darken-4 { color: rgb(136, 14, 79) !important; } .pink.accent-1 { background-color: rgb(255, 128, 171) !important; } .pink-text.text-accent-1 { color: rgb(255, 128, 171) !important; } .pink.accent-2 { background-color: rgb(255, 64, 129) !important; } .pink-text.text-accent-2 { color: rgb(255, 64, 129) !important; } .pink.accent-3 { background-color: rgb(245, 0, 87) !important; } .pink-text.text-accent-3 { color: rgb(245, 0, 87) !important; } .pink.accent-4 { background-color: rgb(197, 17, 98) !important; } .pink-text.text-accent-4 { color: rgb(197, 17, 98) !important; } .purple { background-color: rgb(156, 39, 176) !important; } .purple-text { color: rgb(156, 39, 176) !important; } .purple.lighten-5 { background-color: rgb(243, 229, 245) !important; } .purple-text.text-lighten-5 { color: rgb(243, 229, 245) !important; } .purple.lighten-4 { background-color: rgb(225, 190, 231) !important; } .purple-text.text-lighten-4 { color: rgb(225, 190, 231) !important; } .purple.lighten-3 { background-color: rgb(206, 147, 216) !important; } .purple-text.text-lighten-3 { color: rgb(206, 147, 216) !important; } .purple.lighten-2 { background-color: rgb(186, 104, 200) !important; } .purple-text.text-lighten-2 { color: rgb(186, 104, 200) !important; } .purple.lighten-1 { background-color: rgb(171, 71, 188) !important; } .purple-text.text-lighten-1 { color: rgb(171, 71, 188) !important; } .purple.darken-1 { background-color: rgb(142, 36, 170) !important; } .purple-text.text-darken-1 { color: rgb(142, 36, 170) !important; } .purple.darken-2 { background-color: rgb(123, 31, 162) !important; } .purple-text.text-darken-2 { color: rgb(123, 31, 162) !important; } .purple.darken-3 { background-color: rgb(106, 27, 154) !important; } .purple-text.text-darken-3 { color: rgb(106, 27, 154) !important; } .purple.darken-4 { background-color: rgb(74, 20, 140) !important; } .purple-text.text-darken-4 { color: rgb(74, 20, 140) !important; } .purple.accent-1 { background-color: rgb(234, 128, 252) !important; } .purple-text.text-accent-1 { color: rgb(234, 128, 252) !important; } .purple.accent-2 { background-color: rgb(224, 64, 251) !important; } .purple-text.text-accent-2 { color: rgb(224, 64, 251) !important; } .purple.accent-3 { background-color: rgb(213, 0, 249) !important; } .purple-text.text-accent-3 { color: rgb(213, 0, 249) !important; } .purple.accent-4 { background-color: rgb(170, 0, 255) !important; } .purple-text.text-accent-4 { color: rgb(170, 0, 255) !important; } .deep-purple { background-color: rgb(103, 58, 183) !important; } .deep-purple-text { color: rgb(103, 58, 183) !important; } .deep-purple.lighten-5 { background-color: rgb(237, 231, 246) !important; } .deep-purple-text.text-lighten-5 { color: rgb(237, 231, 246) !important; } .deep-purple.lighten-4 { background-color: rgb(209, 196, 233) !important; } .deep-purple-text.text-lighten-4 { color: rgb(209, 196, 233) !important; } .deep-purple.lighten-3 { background-color: rgb(179, 157, 219) !important; } .deep-purple-text.text-lighten-3 { color: rgb(179, 157, 219) !important; } .deep-purple.lighten-2 { background-color: rgb(149, 117, 205) !important; } .deep-purple-text.text-lighten-2 { color: rgb(149, 117, 205) !important; } .deep-purple.lighten-1 { background-color: rgb(126, 87, 194) !important; } .deep-purple-text.text-lighten-1 { color: rgb(126, 87, 194) !important; } .deep-purple.darken-1 { background-color: rgb(94, 53, 177) !important; } .deep-purple-text.text-darken-1 { color: rgb(94, 53, 177) !important; } .deep-purple.darken-2 { background-color: rgb(81, 45, 168) !important; } .deep-purple-text.text-darken-2 { color: rgb(81, 45, 168) !important; } .deep-purple.darken-3 { background-color: rgb(69, 39, 160) !important; } .deep-purple-text.text-darken-3 { color: rgb(69, 39, 160) !important; } .deep-purple.darken-4 { background-color: rgb(49, 27, 146) !important; } .deep-purple-text.text-darken-4 { color: rgb(49, 27, 146) !important; } .deep-purple.accent-1 { background-color: rgb(179, 136, 255) !important; } .deep-purple-text.text-accent-1 { color: rgb(179, 136, 255) !important; } .deep-purple.accent-2 { background-color: rgb(124, 77, 255) !important; } .deep-purple-text.text-accent-2 { color: rgb(124, 77, 255) !important; } .deep-purple.accent-3 { background-color: rgb(101, 31, 255) !important; } .deep-purple-text.text-accent-3 { color: rgb(101, 31, 255) !important; } .deep-purple.accent-4 { background-color: rgb(98, 0, 234) !important; } .deep-purple-text.text-accent-4 { color: rgb(98, 0, 234) !important; } .indigo { background-color: rgb(63, 81, 181) !important; } .indigo-text { color: rgb(63, 81, 181) !important; } .indigo.lighten-5 { background-color: rgb(232, 234, 246) !important; } .indigo-text.text-lighten-5 { color: rgb(232, 234, 246) !important; } .indigo.lighten-4 { background-color: rgb(197, 202, 233) !important; } .indigo-text.text-lighten-4 { color: rgb(197, 202, 233) !important; } .indigo.lighten-3 { background-color: rgb(159, 168, 218) !important; } .indigo-text.text-lighten-3 { color: rgb(159, 168, 218) !important; } .indigo.lighten-2 { background-color: rgb(121, 134, 203) !important; } .indigo-text.text-lighten-2 { color: rgb(121, 134, 203) !important; } .indigo.lighten-1 { background-color: rgb(92, 107, 192) !important; } .indigo-text.text-lighten-1 { color: rgb(92, 107, 192) !important; } .indigo.darken-1 { background-color: rgb(57, 73, 171) !important; } .indigo-text.text-darken-1 { color: rgb(57, 73, 171) !important; } .indigo.darken-2 { background-color: rgb(48, 63, 159) !important; } .indigo-text.text-darken-2 { color: rgb(48, 63, 159) !important; } .indigo.darken-3 { background-color: rgb(40, 53, 147) !important; } .indigo-text.text-darken-3 { color: rgb(40, 53, 147) !important; } .indigo.darken-4 { background-color: rgb(26, 35, 126) !important; } .indigo-text.text-darken-4 { color: rgb(26, 35, 126) !important; } .indigo.accent-1 { background-color: rgb(140, 158, 255) !important; } .indigo-text.text-accent-1 { color: rgb(140, 158, 255) !important; } .indigo.accent-2 { background-color: rgb(83, 109, 254) !important; } .indigo-text.text-accent-2 { color: rgb(83, 109, 254) !important; } .indigo.accent-3 { background-color: rgb(61, 90, 254) !important; } .indigo-text.text-accent-3 { color: rgb(61, 90, 254) !important; } .indigo.accent-4 { background-color: rgb(48, 79, 254) !important; } .indigo-text.text-accent-4 { color: rgb(48, 79, 254) !important; } .blue { background-color: rgb(33, 150, 243) !important; } .blue-text { color: rgb(33, 150, 243) !important; } .blue.lighten-5 { background-color: rgb(227, 242, 253) !important; } .blue-text.text-lighten-5 { color: rgb(227, 242, 253) !important; } .blue.lighten-4 { background-color: rgb(187, 222, 251) !important; } .blue-text.text-lighten-4 { color: rgb(187, 222, 251) !important; } .blue.lighten-3 { background-color: rgb(144, 202, 249) !important; } .blue-text.text-lighten-3 { color: rgb(144, 202, 249) !important; } .blue.lighten-2 { background-color: rgb(100, 181, 246) !important; } .blue-text.text-lighten-2 { color: rgb(100, 181, 246) !important; } .blue.lighten-1 { background-color: rgb(66, 165, 245) !important; } .blue-text.text-lighten-1 { color: rgb(66, 165, 245) !important; } .blue.darken-1 { background-color: rgb(30, 136, 229) !important; } .blue-text.text-darken-1 { color: rgb(30, 136, 229) !important; } .blue.darken-2 { background-color: rgb(25, 118, 210) !important; } .blue-text.text-darken-2 { color: rgb(25, 118, 210) !important; } .blue.darken-3 { background-color: rgb(21, 101, 192) !important; } .blue-text.text-darken-3 { color: rgb(21, 101, 192) !important; } .blue.darken-4 { background-color: rgb(13, 71, 161) !important; } .blue-text.text-darken-4 { color: rgb(13, 71, 161) !important; } .blue.accent-1 { background-color: rgb(130, 177, 255) !important; } .blue-text.text-accent-1 { color: rgb(130, 177, 255) !important; } .blue.accent-2 { background-color: rgb(68, 138, 255) !important; } .blue-text.text-accent-2 { color: rgb(68, 138, 255) !important; } .blue.accent-3 { background-color: rgb(41, 121, 255) !important; } .blue-text.text-accent-3 { color: rgb(41, 121, 255) !important; } .blue.accent-4 { background-color: rgb(41, 98, 255) !important; } .blue-text.text-accent-4 { color: rgb(41, 98, 255) !important; } .light-blue { background-color: rgb(3, 169, 244) !important; } .light-blue-text { color: rgb(3, 169, 244) !important; } .light-blue.lighten-5 { background-color: rgb(225, 245, 254) !important; } .light-blue-text.text-lighten-5 { color: rgb(225, 245, 254) !important; } .light-blue.lighten-4 { background-color: rgb(179, 229, 252) !important; } .light-blue-text.text-lighten-4 { color: rgb(179, 229, 252) !important; } .light-blue.lighten-3 { background-color: rgb(129, 212, 250) !important; } .light-blue-text.text-lighten-3 { color: rgb(129, 212, 250) !important; } .light-blue.lighten-2 { background-color: rgb(79, 195, 247) !important; } .light-blue-text.text-lighten-2 { color: rgb(79, 195, 247) !important; } .light-blue.lighten-1 { background-color: rgb(41, 182, 246) !important; } .light-blue-text.text-lighten-1 { color: rgb(41, 182, 246) !important; } .light-blue.darken-1 { background-color: rgb(3, 155, 229) !important; } .light-blue-text.text-darken-1 { color: rgb(3, 155, 229) !important; } .light-blue.darken-2 { background-color: rgb(2, 136, 209) !important; } .light-blue-text.text-darken-2 { color: rgb(2, 136, 209) !important; } .light-blue.darken-3 { background-color: rgb(2, 119, 189) !important; } .light-blue-text.text-darken-3 { color: rgb(2, 119, 189) !important; } .light-blue.darken-4 { background-color: rgb(1, 87, 155) !important; } .light-blue-text.text-darken-4 { color: rgb(1, 87, 155) !important; } .light-blue.accent-1 { background-color: rgb(128, 216, 255) !important; } .light-blue-text.text-accent-1 { color: rgb(128, 216, 255) !important; } .light-blue.accent-2 { background-color: rgb(64, 196, 255) !important; } .light-blue-text.text-accent-2 { color: rgb(64, 196, 255) !important; } .light-blue.accent-3 { background-color: rgb(0, 176, 255) !important; } .light-blue-text.text-accent-3 { color: rgb(0, 176, 255) !important; } .light-blue.accent-4 { background-color: rgb(0, 145, 234) !important; } .light-blue-text.text-accent-4 { color: rgb(0, 145, 234) !important; } .cyan { background-color: rgb(0, 188, 212) !important; } .cyan-text { color: rgb(0, 188, 212) !important; } .cyan.lighten-5 { background-color: rgb(224, 247, 250) !important; } .cyan-text.text-lighten-5 { color: rgb(224, 247, 250) !important; } .cyan.lighten-4 { background-color: rgb(178, 235, 242) !important; } .cyan-text.text-lighten-4 { color: rgb(178, 235, 242) !important; } .cyan.lighten-3 { background-color: rgb(128, 222, 234) !important; } .cyan-text.text-lighten-3 { color: rgb(128, 222, 234) !important; } .cyan.lighten-2 { background-color: rgb(77, 208, 225) !important; } .cyan-text.text-lighten-2 { color: rgb(77, 208, 225) !important; } .cyan.lighten-1 { background-color: rgb(38, 198, 218) !important; } .cyan-text.text-lighten-1 { color: rgb(38, 198, 218) !important; } .cyan.darken-1 { background-color: rgb(0, 172, 193) !important; } .cyan-text.text-darken-1 { color: rgb(0, 172, 193) !important; } .cyan.darken-2 { background-color: rgb(0, 151, 167) !important; } .cyan-text.text-darken-2 { color: rgb(0, 151, 167) !important; } .cyan.darken-3 { background-color: rgb(0, 131, 143) !important; } .cyan-text.text-darken-3 { color: rgb(0, 131, 143) !important; } .cyan.darken-4 { background-color: rgb(0, 96, 100) !important; } .cyan-text.text-darken-4 { color: rgb(0, 96, 100) !important; } .cyan.accent-1 { background-color: rgb(132, 255, 255) !important; } .cyan-text.text-accent-1 { color: rgb(132, 255, 255) !important; } .cyan.accent-2 { background-color: rgb(24, 255, 255) !important; } .cyan-text.text-accent-2 { color: rgb(24, 255, 255) !important; } .cyan.accent-3 { background-color: rgb(0, 229, 255) !important; } .cyan-text.text-accent-3 { color: rgb(0, 229, 255) !important; } .cyan.accent-4 { background-color: rgb(0, 184, 212) !important; } .cyan-text.text-accent-4 { color: rgb(0, 184, 212) !important; } .teal { background-color: rgb(0, 150, 136) !important; } .teal-text { color: rgb(0, 150, 136) !important; } .teal.lighten-5 { background-color: rgb(224, 242, 241) !important; } .teal-text.text-lighten-5 { color: rgb(224, 242, 241) !important; } .teal.lighten-4 { background-color: rgb(178, 223, 219) !important; } .teal-text.text-lighten-4 { color: rgb(178, 223, 219) !important; } .teal.lighten-3 { background-color: rgb(128, 203, 196) !important; } .teal-text.text-lighten-3 { color: rgb(128, 203, 196) !important; } .teal.lighten-2 { background-color: rgb(77, 182, 172) !important; } .teal-text.text-lighten-2 { color: rgb(77, 182, 172) !important; } .teal.lighten-1 { background-color: rgb(38, 166, 154) !important; } .teal-text.text-lighten-1 { color: rgb(38, 166, 154) !important; } .teal.darken-1 { background-color: rgb(0, 137, 123) !important; } .teal-text.text-darken-1 { color: rgb(0, 137, 123) !important; } .teal.darken-2 { background-color: rgb(0, 121, 107) !important; } .teal-text.text-darken-2 { color: rgb(0, 121, 107) !important; } .teal.darken-3 { background-color: rgb(0, 105, 92) !important; } .teal-text.text-darken-3 { color: rgb(0, 105, 92) !important; } .teal.darken-4 { background-color: rgb(0, 77, 64) !important; } .teal-text.text-darken-4 { color: rgb(0, 77, 64) !important; } .teal.accent-1 { background-color: rgb(167, 255, 235) !important; } .teal-text.text-accent-1 { color: rgb(167, 255, 235) !important; } .teal.accent-2 { background-color: rgb(100, 255, 218) !important; } .teal-text.text-accent-2 { color: rgb(100, 255, 218) !important; } .teal.accent-3 { background-color: rgb(29, 233, 182) !important; } .teal-text.text-accent-3 { color: rgb(29, 233, 182) !important; } .teal.accent-4 { background-color: rgb(0, 191, 165) !important; } .teal-text.text-accent-4 { color: rgb(0, 191, 165) !important; } .green { background-color: rgb(76, 175, 80) !important; } .green-text { color: rgb(76, 175, 80) !important; } .green.lighten-5 { background-color: rgb(232, 245, 233) !important; } .green-text.text-lighten-5 { color: rgb(232, 245, 233) !important; } .green.lighten-4 { background-color: rgb(200, 230, 201) !important; } .green-text.text-lighten-4 { color: rgb(200, 230, 201) !important; } .green.lighten-3 { background-color: rgb(165, 214, 167) !important; } .green-text.text-lighten-3 { color: rgb(165, 214, 167) !important; } .green.lighten-2 { background-color: rgb(129, 199, 132) !important; } .green-text.text-lighten-2 { color: rgb(129, 199, 132) !important; } .green.lighten-1 { background-color: rgb(102, 187, 106) !important; } .green-text.text-lighten-1 { color: rgb(102, 187, 106) !important; } .green.darken-1 { background-color: rgb(67, 160, 71) !important; } .green-text.text-darken-1 { color: rgb(67, 160, 71) !important; } .green.darken-2 { background-color: rgb(56, 142, 60) !important; } .green-text.text-darken-2 { color: rgb(56, 142, 60) !important; } .green.darken-3 { background-color: rgb(46, 125, 50) !important; } .green-text.text-darken-3 { color: rgb(46, 125, 50) !important; } .green.darken-4 { background-color: rgb(27, 94, 32) !important; } .green-text.text-darken-4 { color: rgb(27, 94, 32) !important; } .green.accent-1 { background-color: rgb(185, 246, 202) !important; } .green-text.text-accent-1 { color: rgb(185, 246, 202) !important; } .green.accent-2 { background-color: rgb(105, 240, 174) !important; } .green-text.text-accent-2 { color: rgb(105, 240, 174) !important; } .green.accent-3 { background-color: rgb(0, 230, 118) !important; } .green-text.text-accent-3 { color: rgb(0, 230, 118) !important; } .green.accent-4 { background-color: rgb(0, 200, 83) !important; } .green-text.text-accent-4 { color: rgb(0, 200, 83) !important; } .light-green { background-color: rgb(139, 195, 74) !important; } .light-green-text { color: rgb(139, 195, 74) !important; } .light-green.lighten-5 { background-color: rgb(241, 248, 233) !important; } .light-green-text.text-lighten-5 { color: rgb(241, 248, 233) !important; } .light-green.lighten-4 { background-color: rgb(220, 237, 200) !important; } .light-green-text.text-lighten-4 { color: rgb(220, 237, 200) !important; } .light-green.lighten-3 { background-color: rgb(197, 225, 165) !important; } .light-green-text.text-lighten-3 { color: rgb(197, 225, 165) !important; } .light-green.lighten-2 { background-color: rgb(174, 213, 129) !important; } .light-green-text.text-lighten-2 { color: rgb(174, 213, 129) !important; } .light-green.lighten-1 { background-color: rgb(156, 204, 101) !important; } .light-green-text.text-lighten-1 { color: rgb(156, 204, 101) !important; } .light-green.darken-1 { background-color: rgb(124, 179, 66) !important; } .light-green-text.text-darken-1 { color: rgb(124, 179, 66) !important; } .light-green.darken-2 { background-color: rgb(104, 159, 56) !important; } .light-green-text.text-darken-2 { color: rgb(104, 159, 56) !important; } .light-green.darken-3 { background-color: rgb(85, 139, 47) !important; } .light-green-text.text-darken-3 { color: rgb(85, 139, 47) !important; } .light-green.darken-4 { background-color: rgb(51, 105, 30) !important; } .light-green-text.text-darken-4 { color: rgb(51, 105, 30) !important; } .light-green.accent-1 { background-color: rgb(204, 255, 144) !important; } .light-green-text.text-accent-1 { color: rgb(204, 255, 144) !important; } .light-green.accent-2 { background-color: rgb(178, 255, 89) !important; } .light-green-text.text-accent-2 { color: rgb(178, 255, 89) !important; } .light-green.accent-3 { background-color: rgb(118, 255, 3) !important; } .light-green-text.text-accent-3 { color: rgb(118, 255, 3) !important; } .light-green.accent-4 { background-color: rgb(100, 221, 23) !important; } .light-green-text.text-accent-4 { color: rgb(100, 221, 23) !important; } .lime { background-color: rgb(205, 220, 57) !important; } .lime-text { color: rgb(205, 220, 57) !important; } .lime.lighten-5 { background-color: rgb(249, 251, 231) !important; } .lime-text.text-lighten-5 { color: rgb(249, 251, 231) !important; } .lime.lighten-4 { background-color: rgb(240, 244, 195) !important; } .lime-text.text-lighten-4 { color: rgb(240, 244, 195) !important; } .lime.lighten-3 { background-color: rgb(230, 238, 156) !important; } .lime-text.text-lighten-3 { color: rgb(230, 238, 156) !important; } .lime.lighten-2 { background-color: rgb(220, 231, 117) !important; } .lime-text.text-lighten-2 { color: rgb(220, 231, 117) !important; } .lime.lighten-1 { background-color: rgb(212, 225, 87) !important; } .lime-text.text-lighten-1 { color: rgb(212, 225, 87) !important; } .lime.darken-1 { background-color: rgb(192, 202, 51) !important; } .lime-text.text-darken-1 { color: rgb(192, 202, 51) !important; } .lime.darken-2 { background-color: rgb(175, 180, 43) !important; } .lime-text.text-darken-2 { color: rgb(175, 180, 43) !important; } .lime.darken-3 { background-color: rgb(158, 157, 36) !important; } .lime-text.text-darken-3 { color: rgb(158, 157, 36) !important; } .lime.darken-4 { background-color: rgb(130, 119, 23) !important; } .lime-text.text-darken-4 { color: rgb(130, 119, 23) !important; } .lime.accent-1 { background-color: rgb(244, 255, 129) !important; } .lime-text.text-accent-1 { color: rgb(244, 255, 129) !important; } .lime.accent-2 { background-color: rgb(238, 255, 65) !important; } .lime-text.text-accent-2 { color: rgb(238, 255, 65) !important; } .lime.accent-3 { background-color: rgb(198, 255, 0) !important; } .lime-text.text-accent-3 { color: rgb(198, 255, 0) !important; } .lime.accent-4 { background-color: rgb(174, 234, 0) !important; } .lime-text.text-accent-4 { color: rgb(174, 234, 0) !important; } .yellow { background-color: rgb(255, 235, 59) !important; } .yellow-text { color: rgb(255, 235, 59) !important; } .yellow.lighten-5 { background-color: rgb(255, 253, 231) !important; } .yellow-text.text-lighten-5 { color: rgb(255, 253, 231) !important; } .yellow.lighten-4 { background-color: rgb(255, 249, 196) !important; } .yellow-text.text-lighten-4 { color: rgb(255, 249, 196) !important; } .yellow.lighten-3 { background-color: rgb(255, 245, 157) !important; } .yellow-text.text-lighten-3 { color: rgb(255, 245, 157) !important; } .yellow.lighten-2 { background-color: rgb(255, 241, 118) !important; } .yellow-text.text-lighten-2 { color: rgb(255, 241, 118) !important; } .yellow.lighten-1 { background-color: rgb(255, 238, 88) !important; } .yellow-text.text-lighten-1 { color: rgb(255, 238, 88) !important; } .yellow.darken-1 { background-color: rgb(253, 216, 53) !important; } .yellow-text.text-darken-1 { color: rgb(253, 216, 53) !important; } .yellow.darken-2 { background-color: rgb(251, 192, 45) !important; } .yellow-text.text-darken-2 { color: rgb(251, 192, 45) !important; } .yellow.darken-3 { background-color: rgb(249, 168, 37) !important; } .yellow-text.text-darken-3 { color: rgb(249, 168, 37) !important; } .yellow.darken-4 { background-color: rgb(245, 127, 23) !important; } .yellow-text.text-darken-4 { color: rgb(245, 127, 23) !important; } .yellow.accent-1 { background-color: rgb(255, 255, 141) !important; } .yellow-text.text-accent-1 { color: rgb(255, 255, 141) !important; } .yellow.accent-2 { background-color: rgb(255, 255, 0) !important; } .yellow-text.text-accent-2 { color: rgb(255, 255, 0) !important; } .yellow.accent-3 { background-color: rgb(255, 234, 0) !important; } .yellow-text.text-accent-3 { color: rgb(255, 234, 0) !important; } .yellow.accent-4 { background-color: rgb(255, 214, 0) !important; } .yellow-text.text-accent-4 { color: rgb(255, 214, 0) !important; } .amber { background-color: rgb(255, 193, 7) !important; } .amber-text { color: rgb(255, 193, 7) !important; } .amber.lighten-5 { background-color: rgb(255, 248, 225) !important; } .amber-text.text-lighten-5 { color: rgb(255, 248, 225) !important; } .amber.lighten-4 { background-color: rgb(255, 236, 179) !important; } .amber-text.text-lighten-4 { color: rgb(255, 236, 179) !important; } .amber.lighten-3 { background-color: rgb(255, 224, 130) !important; } .amber-text.text-lighten-3 { color: rgb(255, 224, 130) !important; } .amber.lighten-2 { background-color: rgb(255, 213, 79) !important; } .amber-text.text-lighten-2 { color: rgb(255, 213, 79) !important; } .amber.lighten-1 { background-color: rgb(255, 202, 40) !important; } .amber-text.text-lighten-1 { color: rgb(255, 202, 40) !important; } .amber.darken-1 { background-color: rgb(255, 179, 0) !important; } .amber-text.text-darken-1 { color: rgb(255, 179, 0) !important; } .amber.darken-2 { background-color: rgb(255, 160, 0) !important; } .amber-text.text-darken-2 { color: rgb(255, 160, 0) !important; } .amber.darken-3 { background-color: rgb(255, 143, 0) !important; } .amber-text.text-darken-3 { color: rgb(255, 143, 0) !important; } .amber.darken-4 { background-color: rgb(255, 111, 0) !important; } .amber-text.text-darken-4 { color: rgb(255, 111, 0) !important; } .amber.accent-1 { background-color: rgb(255, 229, 127) !important; } .amber-text.text-accent-1 { color: rgb(255, 229, 127) !important; } .amber.accent-2 { background-color: rgb(255, 215, 64) !important; } .amber-text.text-accent-2 { color: rgb(255, 215, 64) !important; } .amber.accent-3 { background-color: rgb(255, 196, 0) !important; } .amber-text.text-accent-3 { color: rgb(255, 196, 0) !important; } .amber.accent-4 { background-color: rgb(255, 171, 0) !important; } .amber-text.text-accent-4 { color: rgb(255, 171, 0) !important; } .orange { background-color: rgb(255, 152, 0) !important; } .orange-text { color: rgb(255, 152, 0) !important; } .orange.lighten-5 { background-color: rgb(255, 243, 224) !important; } .orange-text.text-lighten-5 { color: rgb(255, 243, 224) !important; } .orange.lighten-4 { background-color: rgb(255, 224, 178) !important; } .orange-text.text-lighten-4 { color: rgb(255, 224, 178) !important; } .orange.lighten-3 { background-color: rgb(255, 204, 128) !important; } .orange-text.text-lighten-3 { color: rgb(255, 204, 128) !important; } .orange.lighten-2 { background-color: rgb(255, 183, 77) !important; } .orange-text.text-lighten-2 { color: rgb(255, 183, 77) !important; } .orange.lighten-1 { background-color: rgb(255, 167, 38) !important; } .orange-text.text-lighten-1 { color: rgb(255, 167, 38) !important; } .orange.darken-1 { background-color: rgb(251, 140, 0) !important; } .orange-text.text-darken-1 { color: rgb(251, 140, 0) !important; } .orange.darken-2 { background-color: rgb(245, 124, 0) !important; } .orange-text.text-darken-2 { color: rgb(245, 124, 0) !important; } .orange.darken-3 { background-color: rgb(239, 108, 0) !important; } .orange-text.text-darken-3 { color: rgb(239, 108, 0) !important; } .orange.darken-4 { background-color: rgb(230, 81, 0) !important; } .orange-text.text-darken-4 { color: rgb(230, 81, 0) !important; } .orange.accent-1 { background-color: rgb(255, 209, 128) !important; } .orange-text.text-accent-1 { color: rgb(255, 209, 128) !important; } .orange.accent-2 { background-color: rgb(255, 171, 64) !important; } .orange-text.text-accent-2 { color: rgb(255, 171, 64) !important; } .orange.accent-3 { background-color: rgb(255, 145, 0) !important; } .orange-text.text-accent-3 { color: rgb(255, 145, 0) !important; } .orange.accent-4 { background-color: rgb(255, 109, 0) !important; } .orange-text.text-accent-4 { color: rgb(255, 109, 0) !important; } .deep-orange { background-color: rgb(255, 87, 34) !important; } .deep-orange-text { color: rgb(255, 87, 34) !important; } .deep-orange.lighten-5 { background-color: rgb(251, 233, 231) !important; } .deep-orange-text.text-lighten-5 { color: rgb(251, 233, 231) !important; } .deep-orange.lighten-4 { background-color: rgb(255, 204, 188) !important; } .deep-orange-text.text-lighten-4 { color: rgb(255, 204, 188) !important; } .deep-orange.lighten-3 { background-color: rgb(255, 171, 145) !important; } .deep-orange-text.text-lighten-3 { color: rgb(255, 171, 145) !important; } .deep-orange.lighten-2 { background-color: rgb(255, 138, 101) !important; } .deep-orange-text.text-lighten-2 { color: rgb(255, 138, 101) !important; } .deep-orange.lighten-1 { background-color: rgb(255, 112, 67) !important; } .deep-orange-text.text-lighten-1 { color: rgb(255, 112, 67) !important; } .deep-orange.darken-1 { background-color: rgb(244, 81, 30) !important; } .deep-orange-text.text-darken-1 { color: rgb(244, 81, 30) !important; } .deep-orange.darken-2 { background-color: rgb(230, 74, 25) !important; } .deep-orange-text.text-darken-2 { color: rgb(230, 74, 25) !important; } .deep-orange.darken-3 { background-color: rgb(216, 67, 21) !important; } .deep-orange-text.text-darken-3 { color: rgb(216, 67, 21) !important; } .deep-orange.darken-4 { background-color: rgb(191, 54, 12) !important; } .deep-orange-text.text-darken-4 { color: rgb(191, 54, 12) !important; } .deep-orange.accent-1 { background-color: rgb(255, 158, 128) !important; } .deep-orange-text.text-accent-1 { color: rgb(255, 158, 128) !important; } .deep-orange.accent-2 { background-color: rgb(255, 110, 64) !important; } .deep-orange-text.text-accent-2 { color: rgb(255, 110, 64) !important; } .deep-orange.accent-3 { background-color: rgb(255, 61, 0) !important; } .deep-orange-text.text-accent-3 { color: rgb(255, 61, 0) !important; } .deep-orange.accent-4 { background-color: rgb(221, 44, 0) !important; } .deep-orange-text.text-accent-4 { color: rgb(221, 44, 0) !important; } .brown { background-color: rgb(121, 85, 72) !important; } .brown-text { color: rgb(121, 85, 72) !important; } .brown.lighten-5 { background-color: rgb(239, 235, 233) !important; } .brown-text.text-lighten-5 { color: rgb(239, 235, 233) !important; } .brown.lighten-4 { background-color: rgb(215, 204, 200) !important; } .brown-text.text-lighten-4 { color: rgb(215, 204, 200) !important; } .brown.lighten-3 { background-color: rgb(188, 170, 164) !important; } .brown-text.text-lighten-3 { color: rgb(188, 170, 164) !important; } .brown.lighten-2 { background-color: rgb(161, 136, 127) !important; } .brown-text.text-lighten-2 { color: rgb(161, 136, 127) !important; } .brown.lighten-1 { background-color: rgb(141, 110, 99) !important; } .brown-text.text-lighten-1 { color: rgb(141, 110, 99) !important; } .brown.darken-1 { background-color: rgb(109, 76, 65) !important; } .brown-text.text-darken-1 { color: rgb(109, 76, 65) !important; } .brown.darken-2 { background-color: rgb(93, 64, 55) !important; } .brown-text.text-darken-2 { color: rgb(93, 64, 55) !important; } .brown.darken-3 { background-color: rgb(78, 52, 46) !important; } .brown-text.text-darken-3 { color: rgb(78, 52, 46) !important; } .brown.darken-4 { background-color: rgb(62, 39, 35) !important; } .brown-text.text-darken-4 { color: rgb(62, 39, 35) !important; } .blue-grey { background-color: rgb(96, 125, 139) !important; } .blue-grey-text { color: rgb(96, 125, 139) !important; } .blue-grey.lighten-5 { background-color: rgb(236, 239, 241) !important; } .blue-grey-text.text-lighten-5 { color: rgb(236, 239, 241) !important; } .blue-grey.lighten-4 { background-color: rgb(207, 216, 220) !important; } .blue-grey-text.text-lighten-4 { color: rgb(207, 216, 220) !important; } .blue-grey.lighten-3 { background-color: rgb(176, 190, 197) !important; } .blue-grey-text.text-lighten-3 { color: rgb(176, 190, 197) !important; } .blue-grey.lighten-2 { background-color: rgb(144, 164, 174) !important; } .blue-grey-text.text-lighten-2 { color: rgb(144, 164, 174) !important; } .blue-grey.lighten-1 { background-color: rgb(120, 144, 156) !important; } .blue-grey-text.text-lighten-1 { color: rgb(120, 144, 156) !important; } .blue-grey.darken-1 { background-color: rgb(84, 110, 122) !important; } .blue-grey-text.text-darken-1 { color: rgb(84, 110, 122) !important; } .blue-grey.darken-2 { background-color: rgb(69, 90, 100) !important; } .blue-grey-text.text-darken-2 { color: rgb(69, 90, 100) !important; } .blue-grey.darken-3 { background-color: rgb(55, 71, 79) !important; } .blue-grey-text.text-darken-3 { color: rgb(55, 71, 79) !important; } .blue-grey.darken-4 { background-color: rgb(38, 50, 56) !important; } .blue-grey-text.text-darken-4 { color: rgb(38, 50, 56) !important; } .grey { background-color: rgb(158, 158, 158) !important; } .grey-text { color: rgb(158, 158, 158) !important; } .grey.lighten-5 { background-color: rgb(250, 250, 250) !important; } .grey-text.text-lighten-5 { color: rgb(250, 250, 250) !important; } .grey.lighten-4 { background-color: rgb(245, 245, 245) !important; } .grey-text.text-lighten-4 { color: rgb(245, 245, 245) !important; } .grey.lighten-3 { background-color: rgb(238, 238, 238) !important; } .grey-text.text-lighten-3 { color: rgb(238, 238, 238) !important; } .grey.lighten-2 { background-color: rgb(224, 224, 224) !important; } .grey-text.text-lighten-2 { color: rgb(224, 224, 224) !important; } .grey.lighten-1 { background-color: rgb(189, 189, 189) !important; } .grey-text.text-lighten-1 { color: rgb(189, 189, 189) !important; } .grey.darken-1 { background-color: rgb(117, 117, 117) !important; } .grey-text.text-darken-1 { color: rgb(117, 117, 117) !important; } .grey.darken-2 { background-color: rgb(97, 97, 97) !important; } .grey-text.text-darken-2 { color: rgb(97, 97, 97) !important; } .grey.darken-3 { background-color: rgb(66, 66, 66) !important; } .grey-text.text-darken-3 { color: rgb(66, 66, 66) !important; } .grey.darken-4 { background-color: rgb(33, 33, 33) !important; } .grey-text.text-darken-4 { color: rgb(33, 33, 33) !important; } .black { background-color: rgb(0, 0, 0) !important; } .black-text { color: rgb(0, 0, 0) !important; } .white { background-color: rgb(255, 255, 255) !important; } .white-text { color: rgb(255, 255, 255) !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } [vp] .vpw-vlibras-span { font-family: "Open Sans", sans-serif; } [vp] .vpw-settings { position: relative; width: 100%; height: calc(100% - 40px); } [vp] .vpw-settings .vpw-content { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-settings .vpw-content .vpw-flag { position: absolute; height: 24px; margin-top: -12px; margin-left: 4px; border: none; border-radius: 5px; } [vp] .vpw-settings .vpw-content > .vpw-bar { position: absolute; width: 100%; height: 54px; } [vp] .vpw-settings .vpw-content > .vpw-bar .vpw-title { position: absolute; top: 16px; left: 50px; color: rgb(100, 129, 184); font-size: 12px; font-weight: bold; } [vp] .vpw-settings .vpw-content > ul { list-style-type: none; margin: 0px; padding: 0px 11%; font-family: "Open Sans", sans-serif; } [vp] .vpw-settings .vpw-content > ul li { position: relative; padding: 19px 0px; color: white; border-bottom: 0px; } [vp] .vpw-settings .vpw-content > ul li .vpw-name { position: absolute; left: 0px; margin-top: -10px; font-size: 14px; } [vp] .vpw-settings .vpw-content > ul li .vpw-percent { float: right; margin-top: -7px; font-size: 11px; color: rgba(255, 255, 255, 0.6); width: 30px; margin-right: -6px; margin-left: -4px; text-align: center; } [vp] .vpw-settings .vpw-content > ul li .arrow-right-opac, [vp] .vpw-settings .vpw-content > ul li .arrow-left-opac { margin-top: -13px; width: 25px; float: right; } [vp] .vpw-settings .vpw-content > ul li:hover { color: rgb(103, 200, 213); } [vp] .vpw-settings .vpw-content > ul .vpw-position { display: none; } [vp] .vpw-settings .vpw-content > ul .vpw-opacity { display: none; } [vp] .vpw-settings .vpw-content > ul .vpw-localism { padding: 24px 0px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-flag { right: 27px; height: 24px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-abbrev { position: absolute; right: 0px; margin-top: -9px; font-size: 14px; font-weight: bold; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-arrow { position: absolute; right: 16px; height: 13px; margin-top: -6px; } [vp] .vpw-settings .vpw-content > .vpw-localism { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 7; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } [vp] .vpw-settings .vpw-content > .vpw-localism:not(.active) { visibility: hidden; opacity: 0; transition: visibility 0s ease 0s, opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism.active { visibility: visible; opacity: 1; transition: visibility 0s ease 0s, opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-name { position: absolute; margin-top: -7px; margin-left: 9px; font-size: 14px; font-weight: bold; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national { position: relative; width: calc(33.33%); margin-top: 6px; padding-top: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national .vpw-name { color: black; position: relative; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national .vpw-flag { position: relative; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions { position: relative; width: 100%; height: 100%; box-sizing: content-box; padding: 0px 8px; left: 0px; top: 50%; transform: translateY(-50%); } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions { display: inline-block; position: relative; width: 33.33%; margin-bottom: 1px; padding: 6px 0px; margin-top: 1%; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions.selected, [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions:hover { opacity: 1; transition: opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions .vpw-cont { display: flex; flex-direction: row; justify-content: center; align-items: center; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions > .vpw-cont .vpw-flag { position: relative; margin: 0px; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions > .vpw-cont .vpw-name { position: relative; margin: 0px 10px; color: grey; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 6; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-vlibras-span { left: 50%; transform: translateX(-50%); position: absolute; bottom: 15%; align-items: center; font-size: 14px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-logo { width: 100%; } [vp] .vpw-settings > .vpw-wall { position: absolute; inset: 0px; z-index: 5; } [vp] .vpw-settings.active { display: block; } [vp] .vpw-settings.active .vpw-content { left: 0px; transition: left 0.3s ease 0s; } [vp] .vpw-settings.active .vpw-wall { visibility: visible; } [vp] .vpw-settings:not(.active) { display: none; } [vp] .vpw-settings:not(.active) .vpw-content { left: 0px; visibility: hidden; transition: left 0.3s ease 0s; } [vp] .vpw-settings:not(.active) .vpw-wall { visibility: hidden; } [vp] .vpw-settings .vpw-clickable { cursor: pointer; } [vp] .vpw-settings .vpw-clickable:not(:hover) { background-color: inherit; transition: background-color 0.12s ease 0s; } [vp] .vpw-settings .vpw-clickable:hover { transition: background-color 0.2s ease 0s; } [vp] .vpw-controls-dictionary:not(.vpw-loading-dictionary)::before { content: "Dicionário"; font-size: 14px; position: absolute; margin-top: -11px; } [vp] .vpw-controls-dictionary.vpw-loading-dictionary { min-width: 22px; min-height: 22px; margin-top: -17px; position: absolute; border-width: 3px; border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.6) white rgba(255, 255, 255, 0.2); border-style: inset; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin; } [vp] { } [vp] .vpw-switch { position: relative; display: inline-block; width: 60px; height: 21px; float: right; margin-top: -12px; } [vp] .vpw-switch input { opacity: 0; width: 0px; height: 0px; } [vp] .vpw-slider-check { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(33, 150, 243); } [vp] .vpw-slider-check::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; } [vp] input:checked + .vpw-slider-check { background-color: rgb(33, 150, 243); } [vp] input:focus + .vpw-slider-check { box-shadow: rgb(204, 204, 204) 0px 0px 1px; } [vp] input:checked + .vpw-slider-check::before { transform: translateX(26px); } [vp] .vpw-slider-check.vpw-round { border-radius: 34px; } [vp] .vpw-slider-check.vpw-round::before { border-radius: 50%; top: -3px; } [vp] .vpw-settings-btn { position: absolute; z-index: 1; height: 100%; width: 100%; cursor: pointer; } [vp] .vpw-settings-btn .vpw-settings-btn-menu { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 18px; left: 20px; } [vp] .vpw-settings-btn .vpw-settings-btn-menu.active { display: block; } [vp] .vpw-settings-btn .vpw-settings-btn-close { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; } [vp] .vpw-info-screen { position: relative; padding: 1em; width: 100%; height: calc(100% - 40px); z-index: 4; background-color: white; color: black; font-family: "Open Sans", sans-serif; text-align: center; align-items: center; font-size: 11px; display: none; box-sizing: border-box; } [vp] .vpw-info-screen.active { display: flex; } [vp] .vpw-info-screen .vpw-arrow { flex-grow: 1; visibility: hidden; } [vp] .vpw-info-screen .vpw-arrow.active { visibility: visible; } [vp] .vpw-info-screen #vpw-info-tabset { position: relative; top: 0px; flex-grow: 4; display: flex; flex-direction: column; padding: 0px; height: 100%; width: 100%; align-items: center; } [vp] .vpw-info-screen #vpw-info-main { max-width: 600px; font-family: "Open Sans", sans-serif; flex-direction: column; } [vp] .vpw-info-screen #vpw-info-main.active { display: flex; place-content: center; align-items: center; } [vp] .vpw-info-screen #vpw-info-logo img { height: 90px; } [vp] .vpw-info-screen #vpw-info-realizadores { height: 100%; min-width: 230px; width: 50%; flex-direction: column; align-items: stretch; } [vp] .vpw-info-screen #vpw-info-realizadores #vpw-realiz { font-size: 20px; } [vp] .vpw-info-screen #vpw-info-realizadores.active { display: flex; place-content: center; align-items: center; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-siz { max-width: 55% !important; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo { margin: 0.5em 0.35em; min-width: 10%; max-width: 29%; max-height: 15vh; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo .vpw-short-ver { max-width: none; min-height: 16px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group { display: flex; padding: 0.5% 2%; flex-flow: row wrap; align-items: center; justify-content: space-around; line-height: 1.1; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group .p-separator { margin-top: 10px; margin-bottom: 10px; width: 118px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group .format-text { margin: 0px; } [vp] .vpw-info-screen .vpw-info-tab { flex-grow: 3; display: none; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label { position: absolute; top: 0%; font-size: 16px; font-family: "Open Sans", sans-serif; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label-two { font-size: 16px; font-family: "Open Sans", sans-serif; margin-top: 10px; } [vp] .vpw-info-screen .vpw-info-tab.active { display: block; } [vp] .vpw-info-screen #vpw-info-meta p { margin: 0.5em 0px 0px; } [vp] .vpw-info-screen #vpw-info-meta a { text-decoration: none; } [vp] .vpw-info-screen .vpw-info-bullet { background-size: 15px 15px; display: inline-block; width: 15px; height: 15px; content: ""; } [vp] .vpw-info-screen #vpw-info-tab-bullets { width: 100%; height: auto; position: absolute; bottom: 0%; text-align: center; flex-grow: 1; cursor: pointer; } [vp] .vpw-info-screen .vpw-close-btn { position: absolute; top: 8px; right: 6px; z-index: 4; } [vp] .vpw-info-screen .vpw-close-btn img.icon { width: 34px; height: 34px; } @media not all, not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all { [vp] #vpw-info-realizadores .vpw-logo { margin: 0.5em 0.35em; min-width: 10%; max-width: 50%; max-height: 18vh; }} @media only screen and (max-height: 360px) { [vp] #vpw-info-main { font-size: 0.84em; }} [vp] .vpw-dictionary { display: none; position: relative; width: 100%; height: calc(100% - 40px); min-width: 300px; min-height: 300px; font-family: "Open Sans", sans-serif; background-color: white; } [vp] .vpw-dictionary.active { display: block; } [vp] .vpw-dictionary .vpw-panel { position: relative; height: 114px; background-color: white; } [vp] .vpw-dictionary .vpw-panel .vpw-bar { text-align: center; padding-top: 20px; } [vp] .vpw-dictionary .vpw-panel .vpw-search { position: absolute; width: 80%; left: 50%; transform: translateX(-50%); margin-top: 20px; } [vp] .vpw-dictionary .vpw-panel .vpw-search input { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); padding: 10px; border-radius: 6px; border: 1px solid rgb(221, 221, 221); outline: none; } [vp] .vpw-dictionary .vpw-panel .vpw-search input:focus { border: 1px solid rgb(0, 221, 249); } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon { display: block; position: relative; } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon img { position: absolute; height: 24px; width: 24px; top: 6px; right: 7px; } [vp] .vpw-dictionary .vpw-dict-container { position: absolute; width: 80%; height: 68%; left: 50%; transform: translateX(-50%); } [vp] .vpw-dictionary .vpw-dict-container ul { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; list-style-type: none; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar { width: 8px; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-track { background-color: rgb(221, 221, 221); } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-thumb { background-color: rgb(188, 188, 188); } [vp] .vpw-dictionary .vpw-dict-container ul li { font-size: 14px; cursor: pointer; } [vp] .vpw-dictionary .vpw-dict-container ul li:hover { background-color: rgb(234, 234, 234); transition: brackground-color 0.4s ease 0s; } [vp] .vpw-dictionary .vpw-dict-container ul li.margin { height: 114px; } [vp] .vpw-dictionary .vpw-dict-container ul li:not(.margin) { padding: 9px 10px; } .noUi-target, .noUi-target * { touch-action: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; inset: 0px; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { transition: left 0.3s ease 0s, top 0.3s ease 0s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { transform: translate3d(0px, 0px, 0px); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-background { background: rgb(250, 250, 250); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset; } .noUi-connect { background: rgb(63, 184, 175); box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset; transition: background 450ms ease 0s; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid rgb(211, 211, 211); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-target.noUi-connect { box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); cursor: default; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(235, 235, 235) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-active { box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(221, 221, 221) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-handle::after, .noUi-handle::before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: rgb(232, 231, 230); left: 14px; top: 6px; } .noUi-handle::after { left: 17px; } .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle::after { top: 17px; } [disabled] .noUi-connect, [disabled].noUi-connect { background: rgb(184, 184, 184); } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: rgb(153, 153, 153); } .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: rgb(204, 204, 204); font-size: 10px; } .noUi-marker { position: absolute; background: rgb(204, 204, 204); } .noUi-marker-large, .noUi-marker-sub { background: rgb(170, 170, 170); } .noUi-pips-horizontal { padding: 10px 0px; height: 80px; top: 100%; left: 0px; width: 100%; } .noUi-value-horizontal { transform: translate3d(-50%, 50%, 0px); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0px 10px; height: 100%; top: 0px; left: 100%; } .noUi-value-vertical { transform: translate3d(0px, -50%, 0px); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); padding: 5px; text-align: center; } .noUi-horizontal .noUi-handle-lower .noUi-tooltip { top: -32px; } .noUi-horizontal .noUi-handle-upper .noUi-tooltip { bottom: -32px; } .noUi-vertical .noUi-handle-lower .noUi-tooltip { left: 120%; } .noUi-vertical .noUi-handle-upper .noUi-tooltip { right: 120%; } [vp] .vpw-controls { display: flex; -webkit-box-align: center; align-items: center; height: 60px; background: white; width: 100%; } [vp] .vpw-controls .vpw-controls-subtitles, [vp] .vpw-controls .vpw-controls-slider { margin: 0px 9px; cursor: pointer; } [vp] .vpw-controls .vpw-controls-play .vpw-component-play { display: block; margin: 0px 8.5px; cursor: pointer; } [vp] .vpw-controls .vpw-controls-play .vpw-component-pause { display: none; } [vp] .vpw-controls .vpw-controls-play .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-play { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-pause { display: block; margin: 0px 11px; cursor: pointer; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-play { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-pause { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-restart { display: block; margin: 0px 2px; cursor: pointer; } [vp] .vpw-controls.vpw-subtitles .vpw-controls-subtitles .vpw-legenda-habilitar { display: block; } [vp] .vpw-controls.vpw-subtitles .vpw-controls-subtitles .vpw-legenda-desabilitar { display: none; } [vp] .vpw-controls .vpw-controls-subtitles .vpw-legenda-habilitar { display: none; } [vp] .vpw-controls .vpw-controls-subtitles .vpw-legenda-desabilitar { display: block; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} [vp] .vpw-speed-default { border: 1px solid grey; border-radius: 3px; padding: 3px 4px; height: 100%; color: grey; font-size: 15px; cursor: pointer; font-family: "Open Sans", sans-serif; } [vp] .vpw-img-default { display: none; padding: 2px 2px 2px 2.2px; cursor: pointer; } [vp] .vpw-border-default { display: none; border: 1px solid rgb(153, 153, 153); border-radius: 0px 0px 3px 3px; } [vp] .vpw-elem-speed { display: none; position: absolute; bottom: 22px; cursor: pointer; } [vp] .vpw-block-speed { list-style-type: none; background-color: rgb(0, 63, 134); color: white; font-size: 10px; width: 25.5px; text-align: center; } [vp] .vpw-block-speed:hover { color: rgb(103, 200, 213); } [vp] .vpw-controls-speed { position: relative; user-select: none; } [vp] .vpw-controls-speed-number { width: 25.5px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; font-family: "Open Sans", sans-serif; } [vp] .vpw-block-speed-3 { border-radius: 5px 5px 0px 0px; } [vp] .vpw-controls-slider { appearance: none; width: 50%; margin: 2.5px 0px; height: 7px; background-color: transparent; } [vp] .vpw-controls-slider .vpw-slider { width: 100%; height: 7px; } [vp] .vpw-controls-slider .vpw-slider.noUi-target { box-shadow: none; border: 0px; } [vp] .vpw-controls-slider .vpw-slider.noUi-connect { background-color: rgb(0, 63, 134); } [vp] .vpw-controls-slider .vpw-slider .noUi-background { background-color: rgb(184, 184, 184); box-shadow: none; } [vp] .vpw-controls-slider .vpw-slider .noUi-origin { border-radius: 1px; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle { width: 0px; height: 0px; left: -8px; top: -8px; border-radius: 50%; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle::after, [vp] .vpw-controls-slider .vpw-slider .noUi-handle::before { display: none; } [vp] .vpw-message-box { top: -5em; left: 0px; width: 100%; padding: 1em; font-size: 13px; overflow-wrap: break-word; color: rgb(0, 0, 0); opacity: 0; transition: all 0.15s ease 0.15s; box-shadow: rgb(136, 136, 136) 0px 2px 5px; text-align: center; font-family: "Open Sans", sans-serif; } [vp] .vpw-message-box.active { top: 0px; opacity: 1; } [vp] .vpw-message-box.info { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.warning { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.success { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.default { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box a { color: inherit; } [vp] .vpw-box { width: calc(100%); height: 40px; font-size: 1em; opacity: 1; position: relative; background-color: rgb(0, 63, 134); color: rgb(255, 255, 255); background-size: 100% 100%; z-index: 2; } [vp] .vpw-box .vpw-mes { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: "Open Sans", sans-serif; font-size: 15px !important; } [vp] .vpw-btn-close { position: absolute; top: 0px; width: 100%; height: 100%; display: none; z-index: 7; cursor: pointer; } [vp] .vpw-btn-close.active { display: block; } [vp] .vpw-btn-close .vpw-img { position: absolute; top: 50%; transform: translateY(-50%); width: 37.92px; height: 37.92px; right: 5px; } [vp] [vp-rate-button] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 60px; z-index: 2; visibility: hidden; max-width: 0px; opacity: 0; transition: max-width 0s ease 0s, visibility 0s ease 0s, opacity 0.4s ease 0s; } [vp] [vp-rate-button] .vp-button { display: flex; justify-content: center; align-items: center; margin-right: 26px; margin-bottom: 20px; z-index: 1; cursor: pointer; } [vp] [vp-rate-button] .vp-button img { width: 43px; margin-right: -13px; margin-bottom: -13px; max-width: none; } [vp] [vp-rate-button].vp-enabled { z-index: 2; visibility: visible; max-width: 100%; opacity: 1; } [vp] [vp-rate-box] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 68px; overflow: hidden; z-index: 2; } [vp] [vp-rate-box] .vp-container { display: flex; flex-direction: column; width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.96); max-height: 0px; transform: translateY(69px); transition: max-height 0s ease 0s, transform 0.4s linear 0.05s; } [vp] [vp-rate-box] .vp-container .vp-text { text-align: center; font-size: 14px; font-weight: bold; color: rgb(0, 63, 134); } [vp] [vp-rate-box] .vp-container .vp-buttons { display: flex; flex-direction: row; justify-content: center; margin-top: 10px; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button { display: flex; flex-direction: row; align-items: center; font-size: 13px; font-weight: bold; color: rgb(84, 84, 84); cursor: pointer; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button:not(:last-child) { margin-right: 22px; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button img { height: 22px; margin-right: 6px; } [vp] [vp-rate-box].vp-enabled { z-index: 4; } [vp] [vp-rate-box].vp-enabled .vp-container { max-height: 100%; transform: translateY(0px); transition: transform 0.4s ease 0s, max-height 0s linear 0.4s; } [vp] [vp-suggestion-button] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 68px; z-index: 2; } [vp] [vp-suggestion-button] .vp-bounderies { width: 100%; overflow: hidden; } [vp] [vp-suggestion-button] .vp-bounderies .vp-container { display: flex; flex-direction: column; align-items: center; padding-top: 10px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.96); z-index: 1; transform: translateY(69px); transition: transform 0.4s ease 0.4s; } [vp] [vp-suggestion-button] .vp-bounderies .vp-container .vp-open-screen-button { margin-bottom: 16px; } [vp] [vp-suggestion-button] .vp-button-container { position: absolute; display: flex; flex-direction: column; align-items: center; bottom: 0px; width: 100%; padding-bottom: 10px; z-index: 1; opacity: 0; transition: opacity 0.4s ease 0s; } [vp] [vp-suggestion-button] .vp-button-container .vp-close-button { position: absolute; bottom: -13px; } [vp] [vp-suggestion-button].vp-enabled { z-index: 4; } [vp] [vp-suggestion-button].vp-enabled .vp-container { transform: translateY(0px); transition-delay: 0s; } [vp] [vp-suggestion-button].vp-enabled .vp-button-container { opacity: 1; transition-delay: 0.4s; } [vp] [vp-suggestion-screen] { display: flex; flex-direction: column; align-items: center; position: absolute; inset: 45px 0px 0px 100%; width: 100%; padding: 16px; background-color: white; z-index: 3; transition: left 0.4s ease-in 0s; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar { width: 10px; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-track { background: rgba(209, 209, 209, 0.945) !important; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb { background: rgb(139, 139, 153); } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); } [vp] [vp-suggestion-screen] .vp-dropdown-suggest { display: none; font-family: "Open Sans", sans-serif; } [vp] [vp-suggestion-screen] .vp-dropdown-suggest.vp-enabled { display: block; position: absolute; height: 54px; width: 120px; overflow: hidden auto; color: white; background: rgb(0, 63, 134); border-radius: 3px; font-weight: 600; list-style-type: none; padding: 0px; } [vp] [vp-suggestion-screen] .vp-dropdown-item { cursor: pointer; font-size: 12px; margin: 5px 0px -4px 6px; } [vp] [vp-suggestion-screen] .vp-dropdown-item:hover { color: rgb(128, 182, 243); } [vp] [vp-suggestion-screen] .vp-title { text-align: center; font-size: 14px; font-weight: bold; color: rgb(0, 63, 134); } [vp] [vp-suggestion-screen] .vp-text { display: none; flex: 1 1 0%; align-self: stretch; margin-top: 10px; margin-left: 20px; margin-right: 20px; padding: 8px 10px 6px; font-size: 12px; border: none; border-radius: 12px; background-color: rgb(239, 239, 242); } [vp] [vp-suggestion-screen] .vp-close-button { margin-top: 8px; } [vp] [vp-suggestion-screen].vp-enabled { left: 0px; transition: left 0.4s ease-out 0.8s; } [vp] [vp-change-avatar] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; z-index: 2; visibility: hidden; max-width: 100%; opacity: 1; transition: max-width 0s ease 0s, visibility 0s ease 0s, opacity 0.4s ease 0s; left: 13px; top: 50px; } [vp] [vp-change-avatar] .vp-button-change-avatar { display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; background: rgba(0, 0, 0, 0.3); border-radius: 50px; width: 32px; height: 32px; box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px 1px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-icon { width: 22px; margin-right: 1px; filter: brightness(0) invert(1); display: none; } [vp] [vp-change-avatar] .vp-button-change-avatar .active { display: block; } [vp] [vp-change-avatar].vp-disabled { visibility: visible; } [vp] [vp-blue-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: white; background-color: rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; } [vp] [vp-visualize-signal-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: rgb(0, 63, 134); background: white; border: 1px solid rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; } [vp] [vp-sugestion-area] { display: flex; } [vp] [vp-close-button] { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 28px; height: 28px; border-radius: 14px; background-color: rgb(179, 179, 179); cursor: pointer; } [vp] [vp-close-button] img { width: 100%; } #gameContainer { background: rgb(235, 235, 235) !important; } [vw] [vw-access-button] { display: none; width: 140px; text-align: center; cursor: pointer; margin: 0px 0px 0px -100px; max-width: none; } [vw] [vw-access-button].active { display: block; } [vw] [vw-access-button] .access-button { width: 27%; float: right; } [vw] [vw-access-button] span { font-size: 13px; color: rgb(0, 64, 136); } [vw] [vw-access-button] .access-button:hover + .pop-up { width: 68%; } [vw] [vw-access-button] .pop-up { float: right; width: 0%; margin-right: 6px; transition: width 0.5s ease 0s; } [vw] [vw-access-button] .pop-up.left { margin-right: 0px; float: left !important; } [vw] [vw-access-button] .access-button.left { margin-right: 6px; float: left !important; } .vw-links { top: -100px; left: -100px; position: absolute; } .vw-links .vw-tooltip { position: relative; opacity: 1; } .vw-links .vw-tooltip__item { text-align: center; position: absolute; min-width: 123px; padding: 8px; visibility: hidden; opacity: 0; background: white; transition: all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; color: rgb(72, 72, 72); border: 1px solid rgb(206, 206, 206); border-radius: 3px; font-weight: 500; box-shadow: rgb(188, 188, 188) 0px 2px 1px; z-index: 4; } .vw-links .vw-tooltip__item::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; } .vw-links .vw-tooltip__initiator { cursor: pointer; z-index: 5; } .vw-links .vw-tooltip .vw-tooltip__item { top: calc(100% + 1em); left: 50%; transform: translate3d(-50%, -15px, 0px); } .vw-links .vw-tooltip .vw-tooltip__item::after { top: -0.5em; left: 50%; transform: translate3d(-50%, 0px, 0px); border-width: 0px 0.5em 0.5em; border-color: transparent transparent white; filter: drop-shadow(rgb(188, 188, 188) 1px -1px 1px); } .vw-links .vw-tooltip.active > .vw-tooltip__item { transform: translate3d(-50%, 0px, 0px); visibility: visible; opacity: 1; } [vw].maximize [vw-plugin-wrapper] { width: 100%; height: 100% !important; max-height: initial !important; } [vw].left [vw-plugin-wrapper] { float: left; } [vw] [vw-plugin-wrapper] { display: none; width: 300px; height: 100%; float: right; overflow: hidden; background: white; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 9px 0px; } [vw] [vw-plugin-wrapper].active { display: flex; flex-direction: column; height: 450px; max-width: 100%; overflow: hidden; min-height: 100%; } [vw] { } [vw] html, [vw] body, [vw] div, [vw] span, [vw] applet, [vw] object, [vw] iframe, [vw] h1, [vw] h2, [vw] h3, [vw] h4, [vw] h5, [vw] h6, [vw] p, [vw] blockquote, [vw] pre, [vw] a, [vw] abbr, [vw] acronym, [vw] address, [vw] big, [vw] cite, [vw] code, [vw] del, [vw] dfn, [vw] em, [vw] img, [vw] ins, [vw] kbd, [vw] q, [vw] s, [vw] samp, [vw] small, [vw] strike, [vw] strong, [vw] sub, [vw] sup, [vw] tt, [vw] var, [vw] b, [vw] u, [vw] i, [vw] center, [vw] dl, [vw] dt, [vw] dd, [vw] ol, [vw] ul, [vw] li, [vw] fieldset, [vw] form, [vw] label, [vw] legend, [vw] table, [vw] caption, [vw] tbody, [vw] tfoot, [vw] thead, [vw] tr, [vw] th, [vw] td, [vw] article, [vw] aside, [vw] canvas, [vw] details, [vw] embed, [vw] figure, [vw] figcaption, [vw] footer, [vw] header, [vw] hgroup, [vw] menu, [vw] nav, [vw] output, [vw] ruby, [vw] section, [vw] summary, [vw] time, [vw] mark, [vw] audio, [vw] video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; display: block; } [vw] article, [vw] aside, [vw] details, [vw] figcaption, [vw] figure, [vw] footer, [vw] header, [vw] hgroup, [vw] menu, [vw] nav, [vw] section { display: block; } [vw] img { width: unset; } [vw] body { line-height: 1; } [vw] ol, [vw] ul { list-style: none; } [vw] blockquote, [vw] q { quotes: none; } [vw] blockquote::before, [vw] blockquote::after, [vw] q::before, [vw] q::after { content: none; } [vw] table { border-collapse: collapse; border-spacing: 0px; } @media (max-width: 450px) { div[vw] canvas { filter: blur(0px); min-height: calc(238px) !important; min-width: calc(147px) !important; } div[vw] [vw-plugin-wrapper].active { height: 358px !important; width: 210px !important; } #gameContainer { display: flex !important; justify-content: center !important; top: -75px !important; left: -90px !important; width: 100% !important; height: 70% !important; } [vp] [vp-controls] { background: white; left: 36% !important; bottom: 20% !important; } [vp] .vpw-controls-slider { width: 27% !important; } [vp] .vpw-box .vpw-mes { left: 36% !important; font-size: 12px !important; } [vp] .vpw-settings-btn .vpw-settings-btn-close, [vp] .vpw-btn-close .vpw-img { right: 100px; } [vp] [vp-rate-box].vp-enabled .vp-container { margin-right: 70px; margin-bottom: 80px; } [vp] [vp-rate-button] .vp-button { margin-right: 110px; margin-bottom: 130px; } [vp] [vp-rate-button] .vp-button img { width: 32px; margin-bottom: -37px; margin-right: -14px; } [vp] .vpw-message-box { font-size: 0.7em; } [vp] .vpw-message-box .vpw-message { margin-left: 10px; margin-right: 93px; margin-bottom: 3px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { left: 39%; bottom: 125px; } [vp] .vpw-settings .vpw-content > ul { margin-left: -20px; } [vp] .vpw-settings .vpw-content > ul li .vpw-name { font-size: 12px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-flag { right: 88px; height: 24px; } [vp] .vpw-switch { width: 48px; height: 15px; margin-top: -10px; right: 64px; } [vp] .vpw-slider-check.vpw-round::before { top: -3px; } [vp] .vpw-slider-check::before { height: 21px; width: 20px; bottom: 4px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-logo { width: 51%; margin-left: 32px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-vlibras-span { left: 44%; bottom: 5%; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { left: 39%; transform: translateX(-50%); bottom: 125px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-abbrev { right: 65px; } [vp] .vpw-controls-dictionary:not(.vpw-loading-dictionary)::before { font-size: 12px; } [vp] .vpw-info-screen #vpw-info-tab-bullets { right: 47px; bottom: 100px; } [vp] .vpw-info-screen .vpw-arrow-right.active { right: 94px; position: absolute; top: 137px; z-index: 4; } [vp] .vpw-info-screen .vpw-arrow-left.active { right: initial; position: absolute; top: 137px; z-index: 4; } [vp] .vpw-info-screen #vpw-info-main.active { font-size: 0.7125em; margin-right: 99px; margin-bottom: 136px; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label { margin-top: -8px; font-size: 14px; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label-two { font-size: 14px; margin-top: 6px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo.ufpb { max-width: 20%; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.text { display: block; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.logo1 { max-width: 70%; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.logo2 { max-width: 86%; } [vp] .vpw-info-screen #vpw-info-realizadores.active { font-size: 0.8125em; margin-right: 81px; margin-bottom: 113px; } [vp] .vpw-settings .vpw-content .vpw-flag { height: 18px; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions { margin-top: -1%; margin-bottom: -2px; } [vp] .vpw-settings .vpw-content > .vpw-localism { width: 71%; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions { left: -3px !important; } [vp] .vpw-settings .vpw-content > ul .vpw-opacity { margin-right: 56px; } [vp] .vpw-dictionary .vpw-dict-container { width: 64%; height: 44%; left: 44%; } [vp] .vpw-bar .vpw-title { margin-right: 40px; } [vp] .vpw-dictionary .vpw-panel .vpw-search input { width: 73%; left: 39%; } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon img { right: 70px; } [vp] [vp-dictionary] { right: 18px !important; } [vp] .vpw-dictionary .vpw-dict-container ul li:not(.margin) { padding: 5px; } [vp] [vp-suggestion-button].vp-enabled { right: 40px; bottom: 150px !important; } [vp] [vp-suggestion-screen] { width: 72%; height: 60%; top: 41px; } [vp] [vp-change-avatar] { left: 9px; top: 265px; } [vp] [vp-change-avatar] .vp-button-change-avatar { width: 30px; height: 30px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-female { width: 15px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-male { width: 15px; }} div[vw] { position: fixed; max-width: 95vw; right: 0px; top: 60%; margin-top: -32vh; z-index: 99999999; display: none; font-family: Arial; color: rgb(0, 0, 0); line-height: 1.3; } div[vw].enabled { display: block; } div[vw].active { margin-top: -285px; } div[vw].maximize { inset: 6vh; max-width: initial; margin-top: 0px; } div[vw].left { left: 0px; right: initial; } div[vw] #gameContainer { inset: -25px 0px 0px; min-height: calc(315px); min-width: calc(270px); width: 100%; height: 80%; overflow: hidden; border-radius: 0px; position: absolute !important; margin: auto !important; background: none !important; } div[vw] #gameContainer canvas { min-height: calc(315px); min-width: calc(270px); height: 100%; width: 100%; filter: blur(0px); } div[vw] [vp] { position: relative; height: 100%; width: 100%; min-width: 300px; min-height: 450px; z-index: 1; overflow: hidden; } div[vw] [vp] [vp-message-box] { position: absolute; z-index: 5; } div[vw] [vp] [vp-info-screen] { z-index: 3; } div[vw] [vp] [vp-info-screen] #info-text { font-size: 1em !important; } div[vw] [vp] [vp-info-screen] #info-realizadores { font-size: 11px !important; } div[vw] [vp] [vp-controls] { position: absolute; display: flex; align-items: center; justify-content: center; left: 50%; transform: translateX(-50%); bottom: 0%; max-width: 900px; z-index: 2; } div[vw] [vp] [vp-settings-btn] { z-index: 2; } div[vw] [vp] [vp-dictionary] { z-index: 8; } div[vw] [vp] [vp-rate-box] { bottom: 58px; } div[vw] [vp] [vp-suggestion-button].vp-enabled, div[vw] [vp] [vp-suggestion-button] { bottom: 58px; } div[vw] [vp] [vp-suggestion-screen] { top: 41px; } .vw-text:hover { background-color: rgba(0, 63, 134, 0.2); color: rgb(0, 0, 0); cursor: pointer; } .vw-text-active { background-color: rgba(30, 63, 134, 0.2); color: rgb(0, 0, 0); } .topo-togov-wrapper * { font-family: Roboto, Helvetica, Arial, sans-serif; } .topo-togov-wrapper { background: rgb(255, 255, 255); color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; width: 100%; } .topo-togov-wrapper .topo-togov-content { display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; width: 100%; max-width: 1640px; margin: 0px auto; height: 80px; align-items: center; padding: 0px 10px; } .topo-togov-wrapper .topo-togov-content .topo-links-site { display: inline-flex; align-items: center; grid-row: 1 / 3; } .topo-togov-wrapper .topo-togov-content .topo-links-site a { margin-right: 16px; } .topo-togov-wrapper .topo-togov-content .topo-links-site img { height: 60px; } .topo-togov-wrapper .topo-togov-content .logo { display: inline-flex; align-items: center; } .topo-togov-wrapper .topo-togov-content .logo span.logo--nome { width: 100%; max-width: 200px; text-align: right; margin-right: 16px; font-weight: 400; font-size: 15px; } .topo-togov-wrapper .topo-togov-content .logo img { height: 70px; } .topo-togov-wrapper .topo-togov-content .logo:hover { background: 0px center; opacity: 0.8; } .topo-togov-wrapper .topo-togov-content i.menu-btn { display: none; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links { margin: 0px 0px 4px; padding: 0px; display: inline-flex; list-style-type: none; float: right; justify-self: end; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links li { display: inline-flex; align-items: center; margin-right: 8px; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links li img { height: 32px; width: 32px; } .topo-togov-wrapper .topo-togov-content .nav-main-links { align-self: flex-start; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul { margin: 0px; padding: 0px; display: inline-flex; list-style-type: none; float: right; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li { display: inline-flex; align-items: center; position: relative; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li::before { transition: all 0.3s ease-in-out 0s; content: ""; position: absolute; width: 10%; height: 5px; background: black; z-index: 1; top: -5px; left: 45%; opacity: 0; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li:hover { transition: all 0.3s ease-in-out 0s; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li:hover::before { opacity: 1; left: 0px; width: 100%; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li.menu-title { display: none !important; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li a { padding: 12px 8px; white-space: nowrap; height: 40px; position: relative; z-index: 1; overflow: hidden; font-weight: 500; transition: all 0.3s ease-in-out 0s; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li a:hover { background: rgb(238, 242, 243); } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li a.topo-togov-orgaos-trigger { display: inline-flex; align-items: center; } .topo-togov-wrapper a { color: rgb(51, 51, 51); text-decoration: none; } .topo-togov-wrapper a:focus { outline: 0px; } .topo-togov-wrapper a:focus-visible { outline: rgb(0, 0, 0) solid 2px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper { top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; background: rgb(255, 255, 255); font-size: 16px; overflow-y: scroll; padding-bottom: 50px; transform: translateY(-100%); opacity: 0; transition: all 0.3s ease-in-out 0s; z-index: 99; pointer-events: none; visibility: hidden; } .topo-togov-wrapper .topo-togov-orgaos-wrapper.show-all-orgaos { opacity: 1; transform: translateY(0%); pointer-events: all; visibility: visible; } .topo-togov-wrapper .topo-togov-orgaos-wrapper a#topo-togov-orgaos-close { color: rgb(51, 51, 51); width: 30px; height: 30px; top: 35px; right: 20px; text-align: center; position: absolute; } .topo-togov-wrapper .topo-togov-orgaos-wrapper a#topo-togov-orgaos-close i { line-height: 30px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper a#topo-togov-orgaos-close:hover, .topo-togov-wrapper .topo-togov-orgaos-wrapper a#topo-togov-orgaos-close:focus-visible { background: rgb(241, 241, 241); } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-content { width: 100%; max-width: 1640px; padding: 10px; margin: 0px auto; position: relative; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-filter { width: 600px; max-width: 80%; margin: 20px auto 64px; text-align: center; position: relative; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-filter input#topo-togov-orgaos-filter-field { appearance: none; padding: 12px 14px; font-size: 16px; border-radius: 20px; border: 2px solid rgb(246, 198, 45); width: 100%; outline: 0px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-filter input#topo-togov-orgaos-filter-field:focus { box-shadow: rgb(0, 177, 255) 0px 0px 3px 2px inset; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-filter i#topo-togov-orgaos-filter-btn { position: absolute; color: rgb(102, 102, 102); right: 10px; top: 9px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group { display: inline-flex; flex-direction: column; width: 100%; margin: 40px auto 0px; max-width: 1200px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group h2 { font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group h2::before { content: ""; height: 100%; width: 7px; background: rgb(246, 198, 45); position: absolute; top: 0px; left: 0px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list { column-count: 3; list-style-type: none; margin: 30px 0px 0px; padding: 0px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list li { margin-bottom: 24px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list li a { font-size: 14px; position: relative; z-index: 0; text-decoration: none; background-image: linear-gradient(rgb(246, 198, 45), rgb(246, 198, 45)); background-position: 0px 100%; background-repeat: no-repeat; background-size: 0px 8px; transition: background-size 0.3s ease 0s; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list li a:hover { transition: all 0.3s ease-in-out 0s; background-size: 80% 8px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list li a:hover::before { width: 85%; left: 0px; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list a { width: 100%; margin-bottom: 10px; } @media screen and (max-width: 660px) { .topo-togov-wrapper .topo-togov-orgaos-wrapper a#topo-togov-orgaos-close { top: 36px; } .topo-togov-wrapper { width: 100%; overflow: hidden; height: auto !important; } .topo-togov-wrapper .topo-togov-content { height: fit-content; width: 100%; grid-template-columns: 1fr !important; grid-template-rows: 40px 45px auto !important; } .topo-togov-wrapper .topo-togov-content .topo-links-site { grid-row-end: 4; position: relative; flex-direction: column-reverse; text-align: center; grid-row-start: 3 !important; padding: 5px 10px !important; height: auto !important; } .topo-togov-wrapper .topo-togov-content .topo-links-site a { margin-right: 0px; } .topo-togov-wrapper .topo-togov-content .topo-links-site img { margin-bottom: 8px; } .topo-togov-wrapper .topo-togov-content .logo span { text-align: center !important; } .topo-togov-wrapper .topo-togov-content .logo::after { content: ""; position: absolute; width: 30px; height: 30px; top: 0px; right: -30px; z-index: 1; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links { grid-area: 2 / 1 / 3 / auto; justify-self: center; margin-bottom: 0px !important; height: 45px !important; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links li:last-of-type { margin-right: 0px !important; } .topo-togov-wrapper .topo-togov-content .nav-main-links { overflow-x: scroll; width: 100%; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul { white-space: nowrap; display: block !important; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li a:hover { background: rgb(243, 212, 118) !important; }} @media screen and (max-width: 600px) { .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgaos-filter { text-align: left !important; margin: 20px 0px 30px !important; }} @media screen and (min-width: 600px) and (max-width: 1024px) { .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list { column-count: 2; }} @media screen and (max-width: 600px) { .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list { column-count: 1; } .topo-togov-wrapper .topo-togov-orgaos-wrapper .topo-togov-orgao-group .topo-togov-orgao-list li { margin-bottom: 26px !important; }} @media screen and (max-width: 1060px) { .topo-togov-wrapper { height: 120px; border-top: 0px; } .topo-togov-wrapper .topo-togov-content { padding: 0px; grid-template-columns: auto 210px; grid-template-rows: 40px auto; } .topo-togov-wrapper .topo-togov-content .topo-links-site { grid-row-start: 2; position: relative; align-items: center; justify-content: flex-start; padding: 0px 0px 0px 10px; } .topo-togov-wrapper .topo-togov-content .logo { height: 80px; } .topo-togov-wrapper .topo-togov-content .logo img { height: 70px !important; } .topo-togov-wrapper .topo-togov-content .nav-main-links { background: rgb(235, 183, 24); grid-column: 1 / 3; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul { position: inherit; display: inline-flex; justify-content: center; align-items: center; width: 100%; margin: 0px !important; } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li { background: rgb(235, 183, 24); } .topo-togov-wrapper .topo-togov-content .nav-main-links ul li a { white-space: nowrap; height: 40px !important; padding: 0px 8px !important; line-height: 40px !important; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links { height: 50px; position: inherit; display: inline-flex; justify-content: center; align-items: center; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links li:last-of-type { margin-right: 10px; } .topo-togov-wrapper .topo-togov-content ul.nav-social-links li img { filter: grayscale(1); }}</style>