/* * 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); }