| /* | |
| * Licensed to the Apache Software Foundation (ASF) under one | |
| * or more contributor license agreements. See the NOTICE file | |
| * distributed with this work for additional information | |
| * regarding copyright ownership. The ASF licenses this file | |
| * to you under the Apache License, Version 2.0 (the | |
| * "License"); you may not use this file except in compliance | |
| * with the License. You may obtain a copy of the License at | |
| * | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| * | |
| * Unless required by applicable law or agreed to in writing, | |
| * software distributed under the License is distributed on an | |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | |
| * KIND, either express or implied. See the License for the | |
| * specific language governing permissions and limitations | |
| * under the License. | |
| */ | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); | |
| :root { | |
| --main-verde: #3E7C59; | |
| --main-vermelho: #ae0000; | |
| --main-normal:#327355; | |
| --main-exception:#ae0000; | |
| --main-primary-claro: #db4e2d22; | |
| --main-primary-escuro: #db4e2d; | |
| --main-secondary-claro: #E9782622; | |
| --main-secondary-escuro: #E97826; | |
| --main-grey-claro: #eee; | |
| --main-grey-escuro: #6D6E71; | |
| --main-image-menu: url("../assets/asf-logo.svg"); | |
| --main-image-login: url("../assets/asf-logo.svg"); | |
| --main-image-icon: url("../assets/feather.svg"); | |
| --main-linear-cora: #ddd; | |
| --main-linear-corb: #ddd; | |
| } | |
| #app > div > form > img.user-layout-logo{ | |
| display:none !important; | |
| } | |
| #app > div > form{ | |
| background-image:var(--main-image-login); | |
| background-repeat:no-repeat; | |
| background-size:250px; | |
| background-position:top center; | |
| padding-top:120px; | |
| } | |
| .userLayout .user-layout-header{ | |
| min-height:100px; | |
| background-image:var(--main-image-login); | |
| background-repeat:no-repeat; | |
| background-size:250px; | |
| background-position:top center; | |
| } | |
| .ant-layout-sider.light.ant-fixed-sidemenu > div > div{ | |
| height: 100px !important; | |
| background-image:var(--main-image-menu); | |
| background-repeat:no-repeat; | |
| background-size:200px; | |
| background-position:25px 25px; | |
| margin-bottom:20px; | |
| } | |
| .ant-layout-sider.light.ant-fixed-sidemenu.ant-layout-sider-collapsed > div > div{ | |
| height: 70px !important; | |
| background-image:var(--main-image-icon); | |
| background-repeat:no-repeat; | |
| background-size:30px; | |
| background-position:25px 20px; | |
| } | |
| .sider.light .ant-menu-light a, | |
| .sider.light .ant-menu-submenu > .ant-menu-submenu-title { | |
| color:#000 !important; | |
| } | |
| .sider.light .ant-menu-light a path{ | |
| } | |
| .ant-menu:not(.ant-menu-horizontal) span.ant-menu-title-content .custom-icon path{ | |
| transition:fill 1s easyin; | |
| } | |
| .ant-menu:not(.ant-menu-horizontal) span.ant-menu-title-content:hover .custom-icon path{ | |
| fill:#fff !important; | |
| } | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-active:hover a, | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-submenu .ant-menu-submenu-title:hover{ | |
| color:#fff !important; | |
| } | |
| .ant-menu-submenu ul a, | |
| .ant-menu-submenu ul .ant-menu-item-active.ant-menu-item-selected a span{ | |
| color:#fff !important; | |
| } | |
| .ant-menu-submenu ul .ant-menu-item-selected a span{ | |
| color:#000 !important; | |
| } | |
| *{ | |
| font-family: 'Poppins' , Courier !important; | |
| } | |
| aside, | |
| .ant-menu-submenu ul{ | |
| background: linear-gradient(var(--main-linear-cora), var(--main-linear-corb)) !important; | |
| } | |
| html{ | |
| background-color: var(--main-secondary-escuro); | |
| } | |
| /* HEADER */ | |
| .layout.ant-layout .header{ | |
| background: linear-gradient(var(--main-linear-cora), var(--main-linear-corb)) !important; | |
| box-shadow: 0px 0px 10px #00000055; | |
| } | |
| .layout.ant-layout .header .user-menu > span.ant-dropdown-open{ | |
| background-color:var(--main-primary-claro) !important; | |
| border-bottom:5px solid var(--main-primary-escuro) !important; | |
| } | |
| .layout.ant-layout .header .anticon-menu-unfold:hover, | |
| .layout.ant-layout .header .anticon-menu-fold:hover, | |
| .layout.ant-layout .header .user-menu > span:hover{ | |
| background-color:var(--main-primary-escuro) !important; | |
| color:#fff !important; | |
| } | |
| .layout.ant-layout .header .user-menu > span:hover *{ | |
| color:#fff !important; | |
| } | |
| .layout.ant-layout .header .user-menu > span *{ | |
| color:#000 !important; | |
| } | |
| .layout.ant-layout .header .anticon-menu-unfold, | |
| .layout.ant-layout .header .anticon-menu-fold{ | |
| color:#000; | |
| } | |
| .header-notice-opener{ | |
| padding-left:15px; | |
| } | |
| .ant-table-tbody > .ant-table-row:hover td{ | |
| background-color:var(--main-secondary-claro) !important; | |
| } | |
| /* SIDE BAR */ | |
| .vm-info-card .ant-card-body .ant-card-bordered{ | |
| border-top:2px solid var(--main-primary-escuro) !important; | |
| margin-bottom:50px; | |
| } | |
| .vm-info-card .ant-card-body .ant-card-bordered .ant-card-head, | |
| .vm-info-card .ant-card-body .ant-card-bordered .ant-card-grid{ | |
| padding:10px 0px !important; | |
| } | |
| .vm-info-card .ant-card-body .ant-card-bordered .resource-detail-item{ | |
| margin-bottom:20px; | |
| } | |
| .vm-info-card .ant-card-body .ant-card-bordered .resource-detail-item .resource-detail-item__label{ | |
| font-weight:900; | |
| } | |
| /* USER LOGIN SCREEN */ | |
| .ant-tabs-tab, | |
| .user-layout{ | |
| background-color:var(--main-grey-claro) !important; | |
| } | |
| .user-layout .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab{ | |
| background-color:var(--main-grey-claro) !important; | |
| color: var(--main-primary-escuro); | |
| border-bottom:0px solid var(--main-primary-escuro); | |
| } | |
| .user-layout .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab:hover{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| color: #fff; | |
| border-bottom:3px solid var(--main-primary-escuro); | |
| } | |
| .user-layout .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active{ | |
| background-color:var(--main-grey-claro) !important; | |
| color: var(--main-primary-escuro); | |
| border-bottom:3px solid var(--main-primary-escuro); | |
| } | |
| .user-layout .ant-tabs-nav{ | |
| width:100%; | |
| } | |
| .user-layout .ant-tabs-nav > div > div{ | |
| width:50%; | |
| } | |
| /* IMAGES LOGO */ | |
| .userLayout .user-layout-logo{ | |
| display:none; | |
| } | |
| .ant-layout-sider.light.ant-fixed-sidemenu > div > div > img{ | |
| display:none !important; | |
| } | |
| /* PROGRESS */ | |
| .ant-progress.ant-progress-status-active .ant-progress-inner, | |
| .ant-progress.ant-progress-status-normal .ant-progress-inner{ | |
| background-color:var(--main-grey-claro) !important; | |
| } | |
| .ant-progress.ant-progress-status-active .ant-progress-inner .ant-progress-bg, | |
| .ant-progress.ant-progress-status-normal .ant-progress-inner .ant-progress-bg{ | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-progress .ant-progress-text{ | |
| color:var(--main-grey-escuro) !important; | |
| font-weight:900; | |
| } | |
| .ant-progress.ant-progress-status-exception .ant-progress-inner .ant-progress-bg{ | |
| background-color:var(--main-exception) !important; | |
| } | |
| /* FORMS */ | |
| .ant-select-selector, | |
| .ant-input{ | |
| background-color:white !important; | |
| } | |
| .ant-select.ant-select-focused .ant-select-arrow .anticon{ | |
| color:var(--main-grey-claro); | |
| } | |
| .ant-select-selector .ant-select-selection-placeholder, | |
| .ant-select, | |
| .ant-input::placeholder{ | |
| color:var(--main-grey-escuro) !important; | |
| } | |
| .ant-select-selector:hover, .ant-select-selector:focus, | |
| .ant-input:hover, .ant-input:focus{ | |
| box-shadow: 0px 0px 3px var(--main-primary-escuro); | |
| border-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { | |
| border-color: var(--main-primary-escuro); | |
| border-right-width: 1px !important; | |
| box-shadow: 0 0 0 2px var(--main-primary-claro); | |
| } | |
| .ant-select-dropdown .ant-select-item.ant-select-item-option-selected, | |
| .ant-select-dropdown .ant-select-item:hover{ | |
| background-color:var(--main-primary-claro) !important; | |
| } | |
| /* PAGINATION */ | |
| .ant-pagination .ant-pagination-item.ant-pagination-item-active{ | |
| background-color:var(--main-primary-escuro) !important; | |
| border-color:#fff; | |
| } | |
| .ant-pagination .ant-pagination-item.ant-pagination-item-active a{ | |
| color:#fff !important; | |
| font-weight:bold; | |
| } | |
| .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active){ | |
| background-color:#fff !important; | |
| } | |
| .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| border-color:#fff; | |
| } | |
| .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover a{ | |
| color:#fff !important; | |
| font-weight:bold; | |
| } | |
| .ant-pagination .ant-pagination-next span, | |
| .ant-pagination .ant-pagination-prev span{ | |
| color:var(--main-grey-escuro) !important; | |
| } | |
| .ant-pagination .ant-pagination-next span:hover, | |
| .ant-pagination .ant-pagination-prev span:hover{ | |
| color:var(--main-secondary-escuro) !important; | |
| } | |
| /* RADIO GROUP */ | |
| .ant-radio-group label.ant-radio-button-wrapper-checked{ | |
| background-color:var(--main-primary-escuro) !important; | |
| border-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-radio-group label:not(.ant-radio-button-wrapper-checked):hover{ | |
| color:#000 !important; | |
| background-color:var(--main-primary-claro) !important; | |
| } | |
| .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| /* TABLES */ | |
| .ant-table{ | |
| font-size:16px !important; | |
| } | |
| .ant-table th{ | |
| border-bottom:5px solid var(--main-primary-claro) !important; | |
| } | |
| .ant-table th.ant-table-column-has-sorters:hover{ | |
| border-bottom:5px solid var(--main-primary-escuro) !important; | |
| } | |
| .ant-table thead.ant-table-thead{ | |
| background-color:Red !important; | |
| border-bottom:5px solid var(--main-primary-escuro) !important; | |
| } | |
| .anticon.ant-table-column-sorter-up.on *, | |
| .anticon.ant-table-column-sorter-down.on *{ | |
| color: var(--main-primary-escuro) !important; | |
| } | |
| /* PAGE TABS LEFT */ | |
| .ant-tabs-left-bar .ant-tabs-nav-scroll { | |
| border-right:3px solid var(--main-primary-escuro); | |
| } | |
| .ant-tabs-left-bar .ant-tabs-nav-scroll .ant-tabs-tab{ | |
| margin:0px; | |
| padding:10px 15px; | |
| border-right:3px solid transparent; | |
| transform: all 1s easyin !important; | |
| background-color:#fff !important; | |
| } | |
| .ant-tabs-left-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active, | |
| .ant-tabs-left-bar .ant-tabs-nav-scroll .ant-tabs-tab:hover{ | |
| background-color:var(--main-grey-claro) !important; | |
| color: var(--main-primary-escuro); | |
| border-right:3px solid var(--main-primary-escuro); | |
| } | |
| .ant-tabs-left-bar .ant-tabs-nav-scroll .ant-tabs-ink-bar{ | |
| display:none !important; | |
| width:0px !important; | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| /* PAGE TABS TOP */ | |
| .ant-tabs-tab-next, | |
| .ant-tabs-tab-prev{ | |
| color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-tabs-tab-next svg, | |
| .ant-tabs-tab-prev svg{ | |
| transform: scale(1.5); | |
| } | |
| .ant-tabs-tab-next:not(.ant-tabs-tab-btn-disabled):hover, | |
| .ant-tabs-tab-prev:not(.ant-tabs-tab-btn-disabled):hover{ | |
| background-color:var(--main-primary-escuro) !important; | |
| color:#fff !important; | |
| } | |
| .ant-tabs-tab-next.ant-tabs-tab-btn-disabled, | |
| .ant-tabs-tab-prev.ant-tabs-tab-btn-disabled{ | |
| color:var(--main-primary-claro) !important; | |
| } | |
| .ant-tabs-top-bar .ant-tabs-nav-scroll { | |
| border-bottom:3px solid var(--main-primary-escuro); | |
| } | |
| .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab{ | |
| margin:0px; | |
| padding:14px 30px; | |
| border-bottom:3px solid transparent; | |
| transform: all 1s easyin !important; | |
| background-color:#fff !important; | |
| } | |
| .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active, | |
| .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-tab:hover{ | |
| background-color:var(--main-grey-claro) !important; | |
| color: var(--main-primary-escuro); | |
| border-bottom:3px solid var(--main-primary-escuro); | |
| } | |
| .ant-tabs-top-bar .ant-tabs-nav-scroll .ant-tabs-ink-bar{ | |
| height:0px !important; | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| /* LINKS */ | |
| a{ | |
| color: var(--main-primary-escuro); | |
| } | |
| a:hover{ | |
| color: var(--main-secondary-escuro); | |
| } | |
| .ant-breadcrumb-link a:hover{ | |
| color: var(--main-primary-escuro) !important;; | |
| } | |
| .ant-breadcrumb-link .anticon{ | |
| margin-top:5px !important; | |
| } | |
| .ant-breadcrumb-link .ant-select-arrow .anticon{ | |
| margin-top:0px !important; | |
| } | |
| /* USER MENU */ | |
| .user-menu > span{ | |
| border-bottom:5px solid transparent; | |
| } | |
| .user-menu > span:hover{ | |
| border-bottom:5px solid var(--main-primary-escuro); | |
| background-color:var(--main-grey-claro) !important; | |
| } | |
| .ant-dropdown .ant-dropdown-menu-item:hover{ | |
| background-color:var(--main-primary-claro) !important; | |
| } | |
| .ant-dropdown .ant-dropdown-menu-item:hover *{ | |
| color:#000; | |
| } | |
| .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected, | |
| .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:hover *{ | |
| background-color:var(--main-primary-escuro) !important; | |
| color:#fff !important; | |
| } | |
| /* CHECKBOXES */ | |
| .ant-checkbox-checked .ant-checkbox-inner { | |
| background-color: var(--main-primary-escuro) !important; | |
| border-color: var(--main-primary-escuro) !important; | |
| } | |
| .ant-checkbox .ant-checkbox-inner { | |
| border-color: var(--main-primary-escuro) !important; | |
| } | |
| .ant-checkbox-indeterminate .ant-checkbox-inner::after{ | |
| background-color: var(--main-primary-escuro) !important; | |
| } | |
| /* SEARCH */ | |
| /* | |
| .ant-input-search .ant-input-wrapper.ant-input-group{ | |
| display:flex; | |
| justify-content: flex-end; | |
| padding-right:2%; | |
| } | |
| .ant-input-search.ant-input-affix-wrapper{ | |
| width:300px !important; | |
| transform: width 1s easyin; | |
| border:0px; | |
| } | |
| .ant-input-search.ant-input-affix-wrapper-focused{ | |
| width:98% !important; | |
| border:0px !important; | |
| border-color:transparent !important; | |
| } | |
| */ | |
| .breadcrumb-card > .ant-card-body >.ant-row{ | |
| display:flex; | |
| align-items: end; | |
| height:90px; | |
| } | |
| .ant-breadcrumb > span:last-child label, | |
| .ant-breadcrumb-link .router-link-exact-active{ | |
| font-size:35px; | |
| position:absolute; | |
| left:10px; | |
| top:-65px; | |
| /*! width:100vh !important; */ | |
| } | |
| .ant-card-head .ant-card-head-title{ | |
| font-size:35px; | |
| } | |
| .breadcrumb-card > .ant-card-body >.ant-row .ant-col:last-child{ | |
| padding-bottom:7px; | |
| } | |
| .ant-input-search .ant-input-group-addon{ | |
| padding:0px !important; | |
| width:30px !important; | |
| } | |
| .ant-input-search .ant-input-group-addon button{ | |
| height:30px !important; | |
| width:30px; | |
| border-radius:7px 0px 0px 7px; | |
| border:2px solid var(--main-primary-claro) !important; | |
| } | |
| .ant-select.project-select > .ant-select-selector, | |
| .ant-input-affix-wrapper, | |
| .ant-input-affix-wrapper input, | |
| .ant-input-search .ant-input-search.input-search, | |
| .ant-input-search .ant-input-search.input-search input{ | |
| background-color:white !important; | |
| } | |
| .ant-select.project-select.ant-select-focused > .ant-select-selector, | |
| .ant-input-affix-wrapper.ant-input-affix-wrapper-focused, | |
| .ant-input-affix-wrapper.ant-input-affix-wrapper-focused input, | |
| .ant-input-search .ant-input-search.input-search.ant-input-affix-wrapper-focused, | |
| .ant-input-search .ant-input-search.input-search.ant-input-affix-wrapper-focused input{ | |
| background-color: var(--main-grey-escuro) !important; | |
| color:#fff !important; | |
| } | |
| .ant-input-search .ant-input-search.input-search.ant-input-affix-wrapper-focused .anticon{ | |
| background-color:red !important; | |
| } | |
| .user-layout .ant-input-affix-wrapper-focused .ant-input-prefix, | |
| .user-layout .ant-input-affix-wrapper-focused .ant-input-suffix{ | |
| color:#fff !important; | |
| } | |
| /* | |
| .ant-select.project-select.ant-select-focused .anticon path{ | |
| color:#fff !important; | |
| stroke:#fff !important; | |
| } | |
| */ | |
| .ant-input-search .ant-input-search.input-search input::placeholder { | |
| color: #666; | |
| } | |
| .ant-input-affix-wrapper.ant-input-affix-wrapper-focused input::placeholder, | |
| .ant-input-search .ant-input-search.input-search.ant-input-affix-wrapper-focused input::placeholder{ | |
| color:#ffffffDD !important; | |
| } | |
| .ant-input-search .ant-input-search.input-search{ | |
| border-radius:0px 7px 7px 0px; | |
| } | |
| .anticon-search.ant-input-search-icon{ | |
| background-color:var(--main-primary-escuro) !important; | |
| position:absolute; | |
| height:30px; | |
| width:30px; | |
| border-radius:0px 7px 7px 0px; | |
| display:flex; | |
| justify-content: center; | |
| align-items: center; | |
| color:#fff; | |
| right:0; | |
| } | |
| .anticon-search.ant-input-search-icon:hover{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| } | |
| /* SWITCH E BOTAO */ | |
| button.ant-btn:not(.ant-btn-icon-only){ | |
| background-color:var(--main-primary-escuro) !important; | |
| color:#fff; | |
| border:0px; | |
| } | |
| button.ant-btn:not(.ant-btn-icon-only):hover{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| color:#fff; | |
| } | |
| .ant-radio .ant-radio-inner{ | |
| border-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-radio .ant-radio-inner:after{ | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-switch{ | |
| background-color:var(--main-primary-claro); | |
| border-color:var(--main-primary-escuro) !important; | |
| height:24px; | |
| /*! position:absolute; */ | |
| } | |
| .ant-switch-loading-icon, .ant-switch::after{ | |
| height:20px; | |
| } | |
| .ant-switch-checked{ | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-switch span{ | |
| color:#444; | |
| } | |
| .ant-switch-checked span{ | |
| color:#fff; | |
| } | |
| .ant-slider-handle, | |
| .ant-slider-handle .ant-tooltip-open{ | |
| background-color: #fff; | |
| border: solid 2px var(--main-primary-escuro); | |
| border-radius: 50%; | |
| box-shadow: 0; | |
| } | |
| .ant-slider-handle.ant-tooltip-open{ | |
| box-shadow: 0px 0px 5px var(--main-grey-claro) !important; | |
| border: solid 2px var(--main-primary-escuro); | |
| } | |
| .ant-slider:hover .ant-slider-handle, | |
| .ant-slider-handle:hover, | |
| .ant-slider-handle:focus{ | |
| background-color: var(--main-primary-escuro); | |
| border: solid 2px var(--main-primary-escuro) !important; | |
| border-radius: 50%; | |
| box-shadow: 0; | |
| box-shadow: 0px 0px 5px var(--main-grey-claro) !important; | |
| } | |
| .ant-slider-track{ | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-slider-rail{ | |
| background-color:var(--main-primary-claro) !important; | |
| } | |
| /* HEADER */ | |
| .layout.ant-layout .header{ | |
| background-color:#fff !important; | |
| } | |
| /* MENU ACTIVE */ | |
| .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { | |
| border-color:var(--main-primary-escuro) !important; | |
| /*! color: red !important; */ | |
| } | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-item a, | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected a{ | |
| color:#000 !important; | |
| } | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-item.ant-menu-item-selected { | |
| background-color: var(--main-primary-claro) !important; | |
| } | |
| /* MENU LIGHT */ | |
| .sider.light .ant-menu-light, | |
| .sider.light .ant-menu-submenu > .ant-menu{ | |
| background-color:var(--main-secondary-escuro); | |
| background-color:transparent; | |
| } | |
| .sider.light .ant-menu-dark{ | |
| background-color:green; | |
| } | |
| .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, | |
| .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after{ | |
| background-color: #000 !important; | |
| } | |
| .ant-menu-submenu-inline:hover .ant-menu-submenu-title .ant-menu-submenu-arrow::before, | |
| .ant-menu-submenu-inline:hover .ant-menu-submenu-title .ant-menu-submenu-arrow::after{ | |
| background-color: #fff !important; | |
| } | |
| /* MENU ITEM */ | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-item:hover, | |
| .ant-menu:not(.ant-menu-horizontal) .ant-menu-submenu div:hover{ | |
| background-color: var(--main-primary-escuro) !important; | |
| } | |
| .ant-menu-inline-collapsed .ant-menu-submenu-title{ | |
| margin:0px !important; | |
| } | |
| /* CARDS DASHBOARD */ | |
| .usage-dashboard .ant-card-body .ant-row .ant-col:nth-child(2) .ant-card.usage-dashboard-chart-card{ | |
| background-color:var(--main-vermelho) !important; | |
| } | |
| .usage-dashboard .ant-card-body .ant-row .ant-col:nth-child(1) .ant-card.usage-dashboard-chart-card{ | |
| background-color:var(--main-verde) !important; | |
| } | |
| .usage-dashboard-chart-card-inner h2, | |
| .usage-dashboard-chart-card-inner h3{ | |
| color:#fff !important; | |
| } | |
| /* CHARTS */ | |
| .ant-progress .ant-progress-status-normal path{ | |
| stroke:var(--main-exception) !important; | |
| } | |
| .ant-progress-circle.ant-progress-status-normal .ant-progress-text{ | |
| color:var(--main-normal) !important; | |
| font-weight: bold | |
| } | |
| .ant-progress.ant-progress-status-normal path.ant-progress-circle-path{ | |
| stroke:var(--main-normal) !important; | |
| } | |
| .ant-progress.ant-progress-status-exception path.ant-progress-circle-path, | |
| .ant-progress.ant-progress-status-active path.ant-progress-circle-path{ | |
| stroke:var(--main-exception) !important; | |
| } | |
| .ant-progress path.ant-progress-circle-trail{ | |
| stroke:var(--main-grey-claro) !important; | |
| } | |
| .ant-progress-circle.ant-progress-status-exception .ant-progress-text, | |
| .ant-progress-circle.ant-progress-status-active .ant-progress-text{ | |
| color:var(--main-exception) !important; | |
| font-weight: bold | |
| } | |
| /* LIST TABLES */ | |
| .ant-list .ant-list-item{ | |
| border-left:5px solid transparent !important; | |
| padding-left:10px; | |
| } | |
| .ant-list .ant-list-item:hover{ | |
| background-color:var(--main-grey-claro) !important; | |
| border-left:5px solid var(--main-primary-escuro) !important; | |
| } | |
| .ant-list .ant-list-item .ant-btn{ | |
| border-color:var(--main-grey-escuro) !important; | |
| background-color:var(--main-grey-claro) !important; | |
| color:var(--main-grey-escuro) !important; | |
| } | |
| .ant-list .ant-list-item:hover .ant-btn{ | |
| border-color:red!important; | |
| background-color:var(--main-primary-escuro) !important; | |
| color:#fff !important; | |
| } | |
| .ant-list .ant-list-item:hover .ant-btn:hover{ | |
| border-color:var(--main-secondary-escuro) !important; | |
| background-color:var(--main-secondary-escuro) !important; | |
| } | |
| /* OTHERS */ | |
| .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{ | |
| background-color:var(--main-primary-claro) | |
| } | |
| /* MODAL */ | |
| .ant-modal .ant-modal-header{ | |
| background-color:var(--main-secondary-escuro); | |
| } | |
| .ant-modal .ant-modal-header *{ | |
| color:#fff; | |
| } | |
| .ant-modal .ant-row.ant-form-item{ | |
| margin-bottom:20px !important; | |
| } | |
| .ant-modal .ant-row.ant-form-item .ant-form-item-label{ | |
| padding-bottom:0px !important; | |
| } | |
| .ant-row.ant-form-item{ | |
| margin-bottom:20px !important; | |
| } | |
| .ant-steps-item .ant-form.ant-form-vertical{ | |
| margin-top:20px !important; | |
| } | |
| .ant-row.ant-form-item .ant-form-item-label{ | |
| padding-bottom:0px !important; | |
| } | |
| .ant-modal .ant-modal-title{ | |
| font-size:20px | |
| } | |
| .ant-modal .ant-modal-title .anticon{ | |
| font-size:15px | |
| } | |
| .ant-modal .ant-modal-body .anticon:not(.anticon-cloud-upload){ | |
| position:absolute; | |
| transform: scale(0.9); | |
| margin-left:5px; | |
| } | |
| .ant-select-selector .anticon{ | |
| position: relative !important; | |
| margin-left:0px !important; | |
| } | |
| .ant-modal .anticon:hover{ | |
| color:var(--main-primary-escuro); | |
| } | |
| .ant-modal .ant-modal-close{ | |
| color:#fff; | |
| height:54px; | |
| transition:all 1s easyin; | |
| background-color:transparent; | |
| } | |
| .ant-modal .ant-modal-close:hover{ | |
| background-color:var(--main-primary-escuro); | |
| } | |
| .ant-modal .ant-modal-close-x:hover svg{ | |
| color:#fff; | |
| } | |
| .ant-modal .ant-modal-close-x svg{ | |
| transform: scale(1.3); | |
| } | |
| /* REGISTRATIONS FORMS AND ADDS */ | |
| .ant-steps-item-tail{ | |
| margin-top:15px; | |
| } | |
| .ant-steps-item-tail:after{ | |
| background-color:var(--main-grey-claro) !important; | |
| } | |
| .ant-steps-item-icon{ | |
| background-color:var(--main-primary-escuro) !important; | |
| border-color:var(--main-primary-escuro) !important; | |
| margin-top:10px | |
| } | |
| .ant-steps-item .ant-card-head{ | |
| padding:0px; | |
| } | |
| .ant-steps-item .ant-radio-group .ant-card-grid{ | |
| box-shadow: ;none; | |
| border:2px solid var(--main-grey-claro) | |
| } | |
| .ant-steps-item .ant-card-meta-description{ | |
| color:var(--main-grey-escuro) !important; | |
| } | |
| .ant-steps-item .ant-card-body .ant-tabs-nav > div .ant-tabs-tab, | |
| .ant-steps-item .ant-card-contain-tabs .ant-card-body{ | |
| background-color:var(--main-grey-claro) !important; | |
| } | |
| .ant-steps-item .ant-card-grid .ant-radio-wrapper{ | |
| width:100%; | |
| border-radius:7px; | |
| padding:10px; | |
| } | |
| .ant-steps-item .ant-radio-wrapper:hover{ | |
| background-color:green !important; | |
| } | |
| .ant-steps-item .ant-card-grid .ant-radio-wrapper:hover{ | |
| background-color: blue !important; | |
| } | |
| .ant-steps-item .ant-radio-group label:not(.ant-radio-button-wrapper-checked):hover{ | |
| background-color:transparent !important; | |
| } | |
| .ant-steps-item #zoneid .ant-card-grid .ant-radio-wrapper{ | |
| background-color: var(--main-grey-claro) !important; | |
| } | |
| .ant-steps-item #zoneid .ant-card-grid .ant-radio-wrapper:hover{ | |
| background-color: var(--main-primary-claro) !important; | |
| } | |
| .ant-steps-item .ant-card-grid .ant-radio-wrapper .anticon{ | |
| margin-left:0px !important; | |
| width:100%; | |
| margin-top:0px !important; | |
| } | |
| .ant-steps-item .ant-list .ant-list-item:hover{ | |
| background-color:var(--main-primary-claro) !important; | |
| border-left:5px solid transparent !important; | |
| } | |
| .ant-steps-item{ | |
| margin-bottom:30px; | |
| margin-top:0px; | |
| } | |
| .ant-table-body, | |
| .ant-list-vertical.form-item-scroll .ant-spin-container{ | |
| max-height:none !important;; | |
| } | |
| .ant-steps-item-title{ | |
| width:100%; | |
| height:40px; | |
| display: flex; | |
| align-items: center; | |
| border-top:2px solid var(--main-primary-claro) !important; | |
| font-weight:00 !important; | |
| font-size:22px !important; | |
| } | |
| .ant-menu-submenu-arrow:after{ | |
| /*! color:red !important; */ | |
| } | |
| button.ant-btn.ant-btn-dangerous:not(.ant-btn-icon-only) | |
| { | |
| background-color:var(--main-vermelho) !important; | |
| } | |
| .resource-detail-item{ | |
| border-bottom: 1px solid #ddd; | |
| padding-bottom: 20px; | |
| } | |
| .account-center-tags .ant-divider-horizontal{ | |
| display:none | |
| } | |
| .ant-table tr.ant-table-row-selected td{ | |
| background-color:var(--main-secondary-claro); | |
| } | |
| /* MODAL Steps */ | |
| .ant-modal-body .ant-steps.ant-steps-horizontal .ant-steps-item-title{ | |
| font-size:14px !important; | |
| border-top:0px !important; | |
| justify-content: center; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-horizontal .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon{ | |
| background-color:#ddd !important; | |
| border-color:#999 !important; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-horizontal .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon span{ | |
| color:#999; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-horizontal .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{ | |
| background-color:#555 !important; | |
| border-color:#555 !important; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-horizontal .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon span{ | |
| color:white !important; | |
| right:-3px; | |
| top:9px; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-dot .ant-steps-item-container .ant-steps-item-icon{ | |
| background-color:var(--main-primary-claro) !important; | |
| margin-top:0px; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{ | |
| background-color:var(--main-primary-escuro) !important; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{ | |
| background-color:var(--main-primary-claro) !important; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| } | |
| .ant-modal-body .ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{ | |
| color:white !important; | |
| left:0px !important; | |
| top:0px; | |
| } | |
| .ant-modal-body .ant-table-body .ant-tag span{ | |
| position:relative !important; | |
| } | |
| .ant-modal-body .ant-table-body .traffic-select-item > span button.ant-btn-circle{ | |
| padding-top:15px !important; | |
| } | |
| .ant-modal-body .ant-table-body button.ant-btn-circle.ant-btn-dangerous{ | |
| background-color:var( --main-vermelho); | |
| border-color:var( --main-vermelho); | |
| } | |
| .ant-modal-body .ant-form-item-control-input .anticon.anticon-close-circle{ | |
| top:0px !important; | |
| bottom:0px !important; | |
| left:-10px !important; | |
| } | |
| .ant-modal-body .ant-form-item-control-input .ant-select-arrow{ | |
| right:15px | |
| } | |
| .ant-form-item-has-feedback .ant-form-item-control-input :not(.ant-input-group-addon) > .ant-select .ant-select-arrow{ | |
| right:40px | |
| } | |
| .ant-modal-body .ant-form-item-control-input .ant-select-clear{ | |
| background-color:transparent !important; | |
| top:13px; | |
| right:-20px !important; | |
| } | |
| .ant-modal-body .ant-table-body button.ant-btn-circle.ant-btn-dangerous .anticon{ | |
| /*! left:2px; */ | |
| /*! top:7px; */ | |
| } | |
| .ant-modal-body .ant-table-body button.ant-btn-circle.ant-btn-dangerous:hover, | |
| .ant-modal-body .ant-table-body .traffic-select-item > span button.ant-btn-circle:hover{ | |
| background-color:var(--main-secondary-escuro); | |
| border-color:var(--main-secondary-escuro); | |
| } | |
| .ant-modal-body .ant-table-body button.ant-btn-circle.ant-btn-dangerous .anticon, | |
| .ant-modal-body .ant-table-body .traffic-select-item > span button.ant-btn-circle:hover svg{ | |
| color:#fff; | |
| } | |
| .ant-modal-body .ant-table-body .traffic-select-item > span button.ant-btn-circle > span{ | |
| top:4px; | |
| left:-1px; | |
| } | |
| .ant-modal-body .traffic-select-item .ant-select-arrow .anticon.anticon-down{ | |
| margin-left:0px !important; | |
| } | |
| .ant-modal-body .ant-form-item-control-input .anticon.anticon-close-circle, | |
| .ant-modal-body .ant-form-item-control-input .anticon.anticon-check-circle{ | |
| left:5px; | |
| top:4px !important; | |
| } | |
| .ant-modal-body .card-waiting-launch .anticon-check-circle{ | |
| font-size:40px !important; | |
| left:60px; | |
| top:40px | |
| } | |
| .ant-modal-body .anticon-rocket{ | |
| left:1px; | |
| bottom:7px; | |
| } | |
| .ant-modal-body .anticon-rocket:hover{ | |
| color:inherit !important; | |
| } | |
| .anticon-loading{ | |
| top:0px; | |
| } | |
| .card-launch-content .ant-steps-item-finish .anticon.anticon-check.ant-steps-finish-icon{ | |
| right:-6px; | |
| color:#fff; | |
| top:19px | |
| } | |
| .card-launch-content .ant-steps-item .ant-steps-item-icon .ant-steps-icon .anticon{ | |
| left:-10px | |
| } | |
| .card-launch-content .ant-steps-item .ant-steps-item-icon{ | |
| min-width:23px !important; | |
| } | |
| .card-launch-content .anticon.anticon-close-circle{ | |
| left:-15px !important; | |
| } | |
| .card-launch-content .anticon.anticon-loading{ | |
| top:1px | |
| } | |
| .ant-modal-body .ant-table-bordered .ant-table-body .ant-table-row-cell-break-word .ant-btn-circle.ant-btn-dangerous{ | |
| background-color:var(--main-vermelho) !important; | |
| &:hover{ | |
| background-color:var(--main-secondary-escuro) !important; | |
| } | |
| } | |
| .ant-modal-body .ant-table-bordered .ant-table-body .ant-table-row-cell-break-word .ant-btn-circle.ant-btn-dangerous span{ | |
| background-color: transparent; | |
| margin-right:5px !important; | |
| } | |
| .ant-alert:not(.ant-alert-no-icon) .ant-alert-message{ | |
| margin-left:40px; | |
| } | |
| .ant-btn-dangerous.ant-btn-primary.ant-btn-dangerous{ | |
| background:var(--main-vermelho); | |
| border-color:var(--main-vermelho); | |
| } |