You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1019 lines
30 KiB

body {
background: var(--color-white) !important;
}
thead, tbody, tfoot, tr, td, th {
border-style: none !important;
padding:20px;
}
btn-fill-odoo:hover, .btn-odoo:hover {
background-color: #e9ecef !important;
}
.btn-light:hover, .o_form_view .o_statusbar_status .o_arrow_button:hover:not(.disabled) {
background-color: #e9ecef !important;
}
.o_DiscussSidebarMailbox_item {
color: #212529 !important;
}
.o_DiscussSidebarCategory_titleText {
color: #6c757d !important;
}
.o_record_selector .btn span{
color:#017e84 !important;
}
.o_searchview_icon{
color: var(--button-bg) !important;
}
.o_activity_view .o_activity_summary_cell.planned {
background-color: #28a745 !important;
}
.table-bordered{
border: 1px solid #e9ecef !important;
}
.o_MessageList_emptyTitle{
text-align: center !important;
font-style: italic !important;
color: rgba(73, 80, 87, 0.76) !important;
}
.o_DiscussSidebarCategoryItem_item{
color: #212529 !important;
}
.o_action_manager .o_action .o_content .o_list_renderer table tbody tr td, .o_action_manager .o_view_controller .o_content .o_list_view .table-responsive table tbody tr td{
border: none !important;
padding: 15px 15px !important;
width: auto !important;
font-size: 14px !important;
font-weight: normal !important;
color: var(--text-color-1) !important;
}
.border-start {
border-left: none !important;
}
.border-bottom {
border-bottom: none !important;
}
.o_list_renderer .o_list_table tbody > tr > td:not(.o_list_record_selector):not(.o_handle_cell):not(.o_list_button):not(.o_list_record_remove) {
display: table-cell !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
vertical-align: top !important;
color: var(--text-color-1) !important;
}
button ,.o_ChatterTopbar_button,.o_ChatterTopbar_buttonSendMessage,.btn{
color:black !important;
}
.o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn {
min-height: 25px !important;
margin: 4px 3px 4px 0 !important;
padding-top: 2px !important;
padding-bottom: 2px !important ;
}
.dropdown-menu .dropdown-item.focus, .o-dropdown-menu .dropdown-item.focus {
background-color: var(--button-bg) !important;
color: white !important;
}
.o_ChatterTopbar_actions button{
color: #495057 !important;
font-size: 15px !important;
}
.o_list_renderer .o_list_table thead th:not(.o_list_record_selector) {
border-left: none !important;
}
.btn-light, .o_form_view .o_statusbar_status .o_arrow_button:not(.disabled) {
color: black !important;
}
.table > :not(caption) > * > * {
border-bottom-width: 0px !important;
}
button, .o_ChatterTopbar_button, .o_ChatterTopbar_buttonSendMessage, .btn {
color: white !important;
}
.text-bg-primary {
border: 0;
font-size: 13px !important;
background-color: var(--tr-button-bg) !important;
font-weight: 500 !important;
display: inline-block !important;
max-width: 100% !important;
color: var(--button-bg) !important;
width: 100px !important;
text-align: center !important;
padding: 7px 5px !important;
}
.modal-body >.alert > .btn{
color:red !important;
}
.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before{
right: -11px;
border-left-color: var(--tr-button-bg) !important
}
.form-check-input:checked{
background-color:var(--button-bg) !important;
border-color:#274d91 !important;
}
.dropend > .dropdown-item{
color:#495057 !important;
}
.o_row > .fa-plus-square-o{
background-color: white !important;
}
.o_lead_opportunity_form>.o_form_sheet_bg>.o_form_statusbar >.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: auto;
bottom: auto;
right: -12px;
border-right: none;
border-left: 14px solid #e6ecfc !important;
border-top: none !important;
border-bottom: none !important;
border-right: none;
}
.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: auto;
bottom: auto;
right: -12px;
border-top: 18px solid transparent !important;
border-bottom: 18px solid #ae0d0d00 !important;
border-right: none;
border-left: 14px solid #e6ecfc !important;
}
.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::after, .o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::before {
border-left: 14px solid #5279be !important;
border-left-color: rgb(82, 121, 190);
border-left-style: solid;
border-left-width: 12px;
}
.o_wrap_field > .o_cell >.o_field_widget > .o_field_tags > .rounded-pill{
background-color: var(--tr-button-bg) !important;
font-weight: 500 !important;
color: var(--button-bg) !important;
width: 148px !important;
text-align: center !important;
padding: 7px 5px !important;
}
.o_tag.o_tag_color_10 {
background-color: #30C381 !important;
}
.o_tag.o_tag_color_5 {
color: #FFFFFF !important;
}
.o_tag.o_tag_color_1{
background-color: #F06050 !important;
color: #FFFFFF !important;
}
.o_tag.o_tag_color_4 {
background-color: #6CC1ED !important;
color: #000000 !important;
}
.o_tag.o_tag_color_6 {
background-color: #EB7E7F !important;
color: #000000 !important;
}
.o_tag.o_tag_color_2 {
background-color: #F4A460 !important;
color: #000000 !important;
}
.o_field_tags > .rounded-pill {
background-color: var(--tr-button-bg);
font-weight: 500 !important;
color: var(--button-bg);
width: 75px !important;
text-align: center !important;
padding: 7px 5px !important;
}
a >.text-success{
color:green !important;
}
a >.text-warning{
color: #9a6b01 !important;
}
.o_statusbar_status .o_arrow_button:not(.disabled){
background-color: var(--tr-button-bg) !important;
}
a >.text-danger{
color:red !important;
}
:not(.o_field_x2many_list) > .o_list_renderer .o_list_table thead tr > :not(:empty), .o_list_renderer .o_list_table tfoot tr > :not(:empty) {
padding-top: var(--ListRenderer-thead-padding-v) !important;
padding-bottom: var(--ListRenderer-thead-padding-v) !important;
}
.o_list_renderer .o_list_table .o_column_sortable:not(.o_handle_cell) {
user-select: none !important;
}
.table > :not(caption) > * > * {
padding: 0.75rem 0.75rem !important;
background-color: var(--table-bg) !important;
box-shadow: inset 0 0 0 9999px var(--table-accent-bg) !important;
}
// Icon
.fa{
color:var( --button-bg) !important;
}
.o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current), .o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current):hover, .o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current):focus {
color: var(--button-bg) !important;
background: var(--tr-button-bg) !important;
padding: 9px 14px !important;
}
.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled{
color: white !important;
background-color: var(--button-bg) !important;
}
.o_ChatterTopbar_rightSection > .btn-primary{
background-color:white !important;
}
.o_main_navbar {
// width: 98%;
background: #f3efef;
// margin: auto;
background: transparent !important;
height: 65px;
padding-top: 10px;
margin-top: 6px;
// margin-left: 20px;
// margin-right: 20px;
border: 1px solid transparent;
border-bottom-color: #e3e3e3;
.o_menu_brand {
color: var(--brand-1) !important;
font-size: 24px !important;
font-weight: 500;
&:hover {
color: var(--black-color) !important;
}
}
.dropdown-toggle {
color: var(--text-color-1) !important;
font-size: 15px !important;
}
.o_nav_entry {
color: var(--text-color-1);
font-size: 15px;
}
.o_menu_sections {
.o_nav_entry {
color: var(--text-color-1);
font-size: 15px;
}
}
}
.o_main_navbar,
.o_menu_systray,
.o_web_client>header {
margin-top: 0px !important;
}
.o_MessagingMenu_counter,
.o_notification_counter {
background: var(--button-bg) !important;
color: var(--white-color) !important;
}
// Main body
.o_action_manager {
// margin-top: 25px !important;
// width: 98% !important;
// margin: auto;
.o_action,
.o_view_controller {
.o_control_panel {
border-bottom-color: transparent !important;
.o_cp_top {
margin-bottom: 10px !important;
justify-content: space-between;
}
.o_cp_top_left {
.breadcrumb {
.breadcrumb-item {
.text-900 {
color: var(--black-color) !important;
font-size: 26px !important;
font-weight: 600 !important;
}
}
}
}
.o_cp_top_right {
width: 40%;
.o_searchview {
background-color: var(--white-color);
border: none !important;
border-radius: 3px;
padding: 10px 26px 10px 8px;
-webkit-box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93);
-moz-box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93);
box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93);
height: 40px;
.o_searchview_icon {
position: absolute;
top: 10px;
left: auto;
bottom: auto;
right: 16px;
font-size: 18px;
z-index: 999;
}
.o_searchview_input_container {
.o_searchview_facet {
border: none !important;
border: none !important;
background: var(--tr-button-bg) !important;
padding: 4px 8px;
border-radius: 6px;
color: var(--button-bg) !important;
margin-top: -3px;
.o_searchview_facet_label {
background: transparent !important;
color: var(--button-bg) !important;
}
.o_facet_remove {
color: var(--button-bg) !important;
top: 1px;
left: auto;
bottom: 0;
right: 3px;
}
}
}
}
}
.o_cp_bottom {
padding-top: 10px;
padding-bottom: 10px;
.o_cp_pager{
button{
&:after{
display: none !important;
}
}
}
.o_cp_bottom_left {
.o_cp_buttons {
.o_list_buttons {}
}
}
.o_cp_bottom_right {
width: auto !important;
display: contents !important;
.o_search_options {
:first-child {}
.o-dropdown--no-caret {
border-radius: 3px;
margin: 0px 3px;
background: var(--tr-button-bg) !important;
// padding: 4px 8px;
color: var(--button-bg) !important;
}
}
.o_cp_switch_buttons {
.btn-light {
border-radius: 3px;
background: var(--tr-button-bg) !important;
color: var(--button-bg) !important;
margin-left: 3px;
}
.active {
border-radius: 3px;
background: var(--tr-button-bg) !important;
color: var(--button-bg) !important;
}
}
}
}
}
.o_content {
// margin-top: 15px !important;
.o_list_view {
.o_dashboard_action{
background:var(--button-bg) !important;
}
.table-responsive {
table {
thead {
background: transparent !important;
border: none !important;
border-style: none !important;
th {
border: none !important;
border-style: none !important;
width: auto;
padding: 15px 15px;
font-size: 15px;
}
}
tbody {
tr {
td {
border: none !important;
padding: 15px 15px;
border-style: none !important;
width: auto;
font-size: 14px;
font-weight: normal !important;
color: var(--text-color-1) !important;
}
}
}
tfoot {
background: var(--white-color) !important;
border: none !important;
tr {
td {
border: none !important;
}
.o_list_number {
font-size: 16px !important;
}
}
}
}
table th:nth-child(7) {
text-align: center;
}
table td:nth-child(7) {
font-weight: 700 !important;
text-align: center;
}
}
}
.o_form_statusbar {
padding-bottom: 15px;
.o_statusbar_status {
button {
margin-right: 12px;
}
.o_arrow_button.btn-primary {
&:before {
display: none !important;
}
&:after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: auto;
bottom: auto;
right: -12px;
border-top: 18px solid transparent !important;
border-bottom: 18px solid transparent !important;
border-right: none;
border-left: 12px solid #5279be !important;
}
}
}
}
.o_arrow_button.btn-secondary {
&:before {
display: none !important;
}
&:after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: auto;
bottom: auto;
right: -12px;
border-top: 18px solid transparent !important;
border-bottom: 18px solid transparent !important;
border-right: none;
border-left: 12px solid #e6ecfc !important;
}
}
}
}
}
// Kanban view
.o_kanban_view {
.oe_kanban_card {
padding: 25px 15px;
border: none !important;
-webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
-moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
background-color: white;
border-radius: 5px;
margin-bottom: 20px !important;
&:hover {
-webkit-transition: 0.5s;
transition: 0.5s;
box-shadow: 0 0 11px rgba(33, 33, 33, .2) !important;
}
.o_kanban_record_title {
font-size: 16px !important;
color: var(--sub-color-i-3) !important;
font-weight: 600 !important;
.o_field_number {
font-size: 16px !important;
color: var(--sub-color-i-2) !important;
font-weight: 600 !important;
}
}
}
.oe_module_vignette.o_kanban_record {
padding: 25px 15px;
border: none !important;
-webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
-moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
background-color: white;
border-radius: 5px;
margin-bottom: 20px !important;
}
}
// Discuss
.o_Discuss_content {
.o_ThreadView_core {
.o_Message_prettyBody div p a {
background: var(--button-bg) !important;
}
}
}
// Calander
.o_calendar_container {
.fc-today {
background: var(--button-bg) !important;
}
}
// Contacts
.o_form_sheet_bg{
padding-top:20px;
.o_form_sheet{
.oe_title {
.o_field_widget{
margin-bottom:15px !important;
.custom-radio{
.o_form_label{
padding-left: 5px !important;
padding-top: 2px;
}
}
}
}
}
}
// Attendances
.o_hr_attendance_kiosk_mode_container{
.o_hr_attendance_kiosk_backdrop{
background:var(--white-color) !important;
}
.o_hr_attendance_kiosk_mode{
box-shadow: 0 0 11px rgba(33, 33, 33, .2) !important;
.o_hr_attendance_user_badge {
background: linear-gradient(to right bottom, #546bbf, #546bbf87);
}
.o_hr_attendance_sign_in_out_icon{
&:after{
display:none !important;
}
}
}
}
// Settings
.settings {
#invite_users_setting {
.o_setting_right_pane .d-flex {
display: unset !important;
}
}
}
.o_base_settings {
.o_setting_container {
.settings_tab .selected {
box-shadow: inset 2px 0 0 var(--button-bg);
}
}
}
// Buttons
.btn {
display: inline-block;
font-weight: 400;
color: #495057;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
&-primary {
background-color: var(--button-bg) !important;
padding: 9px 20px;
font-size: 14px;
color: var(--white-color);
border: none !important;
}
&-secondary {
background: var(--tr-button-bg) !important;
margin-left: 7px !important;
color: var(--button-bg) !important;
padding: 9px 14px;
// &:after {
// content: " ";
// display: block;
// position: absolute;
// top: 0px;
// left: auto;
// bottom: auto;
// right: -10px;
// border-top: 19px solid transparent !important;
// border-bottom: 19px solid transparent !important;
// border-right: none;
// border-left: 11px solid #e6eafc !important;
// }
}
&-light {
color: var(--button-bg) !important;
.small {
font-size: 16px;
}
.mr-1 {
margin-right: 0.60rem !important;
}
span {
font-size: 15px;
}
&:hover {
background-color: transparent;
border-color: transparent;
}
}
&.o_external_button {
background:transparent !important;
}
// fa fa-external-link btn btn-secondary o_external_button
&-info {
color: var(--white-color);
background-color: #50a5f1 !important;
border-color: #50a5f1 !important;
&:hover {
color: var(--white-color);
background-color: #448ccd !important;
border-color: #4084c1 !important;
}
}
&-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
&:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
}
&-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
&:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
}
&-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
&:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
}
}
// Badges
.o_required_modifier .o_input{
background:white !important;
border:none !important;
}
.o_input {
border-radius: 0px !important;
color: #1f1f1f;
background: var(--white-color) !important;
padding: 10px 4px !important;
margin-bottom: 10px !important;
}
.rounded-pill{
border: 0;
font-size: 14px;
user-select: none;
background-color: var(--tr-button-bg) !important;
font-weight: 500;
display: inline-block;
max-width: 100%;
width: 130px;
text-align: center;
padding: 7px 5px;
}
.o_tag.o_tag_color_5 {
color: #FFFFFF !important;
}
.o_facet_values{
border: none !important;
}
.align-middle{
border: none !important;
padding: 15px 15px !important;
font-size: 15px !important;
}
.o_list_renderer .o_list_table thead {
background-color: #fff !important;
}
.o_field_badge span, {
font-weight: 400 !important;
}
.o_kanban_renderer .o_kanban_record > div, .o_kanban_renderer .o_kanban_quick_create {
border: none;
background-color: white;
}
.btn-primary {
padding: 9px 20px !important;
font-size: 14px;
color: var(--white-color);
border: none !important;
}
.btn {
position: relative;
display: inline-block;
color: var(--white-color);
border: none;
border-radius: 3px !important;
outline: 0;
font-weight: normal;
text-align: center;
text-transform: capitalize;
cursor: pointer;
}
::placeholder {
opacity: 25 !important ; /* Firefox */
}
.o_ActivityMenuView_counter{
background-color: var(--button-bg) !important;
color:white !important;
}
.o_field_badge {
border: 0;
border-radius: 25px;
font-size: 14px;
user-select: none;
font-weight: 400;
display: inline-block;
max-width: 100%;
color: var(--button-bg) !important;
width: 130px;
text-align: center;
padding: 7px 5px;
}
.align-middle{
padding:none !important;
}
.badge-primary {
border: 0;
font-size: 13px;
background-color: var(--tr-button-bg) !important;
font-weight: 500;
display: inline-block;
max-width: 100%;
color: var(--button-bg) !important;
width: 100px;
text-align: center;
padding: 7px 5px;
}
.badge-default {
font-size: 12px;
color: var(--tr-button-bg) !important;
font-weight: 500;
display: inline-block;
background-color: var(--button-bg) !important;
padding: 7px 5px;
}
// Input types and fields
.o_form_label{
font-size:14px !important;
}
.o_input {
// border: 1px solid var(--border-color) !important;
border-radius: 0px !important;
color: #1f1f1f;
background:var(--white-color) !important;
padding: 10px 4px !important;
margin-bottom:10px !important;
}
.o_required_modifier .o_input,
.o_required_modifier.o_input {
// background:var(--border-color2) !important;
}
select.o_field_widget.o_input {
background:var(--border-color2) !important;
padding: 10px 4px !important;
}
.o_field_many2manytags{
border: 1px solid transparent !important;
border-radius: 0px !important;
color: #1f1f1f;
background:var(--white-color) !important;
padding: 0px !important;
margin-bottom:10px !important;
}
// .o_field_widget{
// .btn-secondary{
// background:transparent !important;
// }
// }
.form-check{
.form-check-label{
&:before{
color: #fff !important;
border-color: var(--button-bg) !important;
background-color: var(--button-bg) !important;
width: 1.5rem;
content: "";
height: 1.5rem;
border-radius:2px !important;
}
&:after {
position: absolute;
top: 0.3125rem;
left: -1.5rem !important;
display: block;
width: 1.5rem !important;
height: 1.5rem !important;
content: "";
background: no-repeat 50% / 50% 50%;
}
}
}
.custom-radio {
.form-check-label{
&:before{
color: #fff;
border-color: var(--button-bg) !important;
background-color: var(--button-bg) !important;
width: 1.5rem;
height: 1.5rem;
border-radius:50% !important;
}
&:after {
position: absolute;
top: 0.3125rem;
left: -1.5rem !important;
display: block;
width: 1.5rem !important;
height: 1.5rem !important;
content: "";
background: no-repeat 50% / 50% 50%;
}
}
}
:not(.o_field_x2many_list) > .o_list_renderer .o_list_table thead tr > :not(:empty), .o_list_renderer .o_list_table tfoot tr > :not(:empty) {
padding-left: 15px !important;
}
.o_list_record_selector{
.custom-checkbox .custom-control-input:checked ~ .form-check-label::before{
background:var(--sub-color-i-3) !important;
}
.form-check-input{
color: #fff;
border-color: var(--tr-button-bg) !important;
background-color: var(--tr-button-bg) !important;
width: 1.5rem;
height: 1.5rem;
border-radius:2 !important;
}
.form-check-label{
&:before{
color: #fff;
border-color: var(--tr-button-bg) !important;
background-color: var(--tr-button-bg) !important;
width: 1.5rem;
height: 1.5rem;
border-radius:2 !important;
}
&:after {
position: absolute;
top: 0.3125rem;
left: -1.5rem !important;
display: block;
width: 1.5rem !important;
height: 1.5rem !important;
content: "";
background: no-repeat 50% / 50% 50%;
}
}
}
// Tabs
.nav-tabs{
border-radius: 5px;
.nav-item{
.nav-link{
Font-size:16px;
color:var(--sub-color-i-3) !important;
font-weight:600 !important;
}
.nav-link.active{
color:var(--sub-color-i) !important;
font-weight:bold !important;
}
}
}
//Form view
.o_form_view {
.o_form_sheet_bg {
background: none;
padding-top: 0 !important;
.o_form_sheet {
border: none !important;
-webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
-moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98);
border-radius: 5px;
padding: 25px;
}
}
}
.o_form_image_controls {
background-color: var(--tr-button-bg) !important;
}
.o_calendar_navigation_buttons {
.fa {
color: var(--white-color) !important;
}
}
.o_list_view tbody > tr.o_group_header {
background-image: linear-gradient(to bottom, var(--tr-button-bg), var(--white-color));
}
.o_list_view tbody > tr.o_group_header:focus-within {
background-image: linear-gradient(to bottom, var(--tr-button-bg), var(--border-color));
}
.o_searchview .o_searchview_autocomplete li.o_selection_focus {
background-color: var(--button-bg);
}
.o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropleft > .o-dropdown--menu, .o-dropdown.dropright > .o-dropdown--menu {
left: auto !important;
}
o_list_renderer .o_list_table > thead > tr > :last-child, .o_list_renderer .o_list_table > tbody > tr > :last-child, .o_list_renderer .o_list_table > tfoot > tr > :last-child {
padding-right: var(--ListRenderer-table-padding-h);
width: 32px !important;
min-width: 32px !important;
display: flex !important;
flex-wrap: wrap !important;
}
.o_optional_columns_dropdown_toggle{
color:black !important;
}
.o_list_controller .o-dropdown.dropdown > .o-dropdown--menu{
margin-left: -200px !important;
}