/*! * Codebase - v3.0.0 * @author pixelcave - https://pixelcave.com * Copyright (c) 2018 */ body { color: #575757; background-color: #f2f5f5; } a { color: #70b29c; } a.link-effect::before { background-color: #70b29c; } a:hover { color: #427a67; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #171717; } small, .small { color: #646464; } .content-heading { border-bottom-color: #e6ecec; } hr { border-top-color: #f2f5f5; } .text-primary { color: #70b29c !important; } a.text-primary.link-effect::before { background-color: #70b29c; } a.text-primary:hover, a.text-primary:focus { color: #427a67 !important; } .text-primary-dark { color: #113f4c !important; } a.text-primary-dark.link-effect::before { background-color: #113f4c; } a.text-primary-dark:hover, a.text-primary-dark:focus { color: black !important; } .text-primary-darker { color: #0b2830 !important; } a.text-primary-darker.link-effect::before { background-color: #0b2830; } a.text-primary-darker:hover, a.text-primary-darker:focus { color: black !important; } .text-primary-light { color: #acd2c5 !important; } a.text-primary-light.link-effect::before { background-color: #acd2c5; } a.text-primary-light:hover, a.text-primary-light:focus { color: #69ae97 !important; } .text-primary-lighter { color: #cde4dc !important; } a.text-primary-lighter.link-effect::before { background-color: #cde4dc; } a.text-primary-lighter:hover, a.text-primary-lighter:focus { color: #8bc0ae !important; } .text-body-bg { color: #f2f5f5 !important; } a.text-body-bg.link-effect::before { background-color: #f2f5f5; } a.text-body-bg:hover, a.text-body-bg:focus { color: #b8c9c9 !important; } .text-body-bg-light { color: #f8f9f9 !important; } a.text-body-bg-light.link-effect::before { background-color: #f8f9f9; } a.text-body-bg-light:hover, a.text-body-bg-light:focus { color: #becdcd !important; } .text-body-bg-dark { color: #e6ecec !important; } a.text-body-bg-dark.link-effect::before { background-color: #e6ecec; } a.text-body-bg-dark:hover, a.text-body-bg-dark:focus { color: #adc0c0 !important; } .text-body-color { color: #575757 !important; } a.text-body-color.link-effect::before { background-color: #575757; } a.text-body-color:hover, a.text-body-color:focus { color: #242424 !important; } .text-body-color-dark { color: #171717 !important; } a.text-body-color-dark.link-effect::before { background-color: #171717; } a.text-body-color-dark:hover, a.text-body-color-dark:focus { color: black !important; } .text-body-color-light { color: #e6ecec !important; } a.text-body-color-light.link-effect::before { background-color: #e6ecec; } a.text-body-color-light:hover, a.text-body-color-light:focus { color: #adc0c0 !important; } .text-dual-primary-dark { color: #113f4c !important; } a.text-dual-primary-dark.link-effect::before { background-color: #113f4c; } a.text-dual-primary-dark:hover, a.text-dual-primary-dark:focus { color: black !important; } .page-header-inverse #page-header .text-dual-primary-dark, .sidebar-inverse #sidebar .text-dual-primary-dark { color: #e6ecec !important; } .page-header-inverse #page-header a.text-dual-primary-dark.link-effect::before, .sidebar-inverse #sidebar a.text-dual-primary-dark.link-effect::before { background-color: #e6ecec; } .page-header-inverse #page-header a.text-dual-primary-dark:hover, .page-header-inverse #page-header a.text-dual-primary-dark:focus, .sidebar-inverse #sidebar a.text-dual-primary-dark:hover, .sidebar-inverse #sidebar a.text-dual-primary-dark:focus { color: #adc0c0 !important; } .bg-primary { background-color: #70b29c !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #549b83 !important; } .bg-primary-op { background-color: rgba(112, 178, 156, 0.75) !important; } a.bg-primary-op:hover, a.bg-primary-op:focus, button.bg-primary-op:hover, button.bg-primary-op:focus { background-color: rgba(84, 155, 131, 0.75) !important; } .bg-primary-dark { background-color: #113f4c !important; } a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus { background-color: #081c22 !important; } .bg-primary-dark-op { background-color: rgba(17, 63, 76, 0.8) !important; } a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus, button.bg-primary-dark-op:hover, button.bg-primary-dark-op:focus { background-color: rgba(8, 28, 34, 0.8) !important; } .bg-primary-darker { background-color: #0b2830 !important; } a.bg-primary-darker:hover, a.bg-primary-darker:focus, button.bg-primary-darker:hover, button.bg-primary-darker:focus { background-color: #010507 !important; } .bg-primary-light { background-color: #acd2c5 !important; } a.bg-primary-light:hover, a.bg-primary-light:focus, button.bg-primary-light:hover, button.bg-primary-light:focus { background-color: #8bc0ae !important; } .bg-primary-lighter { background-color: #cde4dc !important; } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus, button.bg-primary-lighter:hover, button.bg-primary-lighter:focus { background-color: #acd2c5 !important; } .bg-body { background-color: #f2f5f5 !important; } a.bg-body:hover, a.bg-body:focus, button.bg-body:hover, button.bg-body:focus { background-color: #d5dfdf !important; } .bg-body-light { background-color: #f8f9f9 !important; } a.bg-body-light:hover, a.bg-body-light:focus, button.bg-body-light:hover, button.bg-body-light:focus { background-color: #dbe3e3 !important; } .bg-body-dark { background-color: #e6ecec !important; } a.bg-body-dark:hover, a.bg-body-dark:focus, button.bg-body-dark:hover, button.bg-body-dark:focus { background-color: #cad6d6 !important; } .bg-gd-primary { background: #4b8b75; background: linear-gradient(135deg, #4b8b75 0%, #81bba7 100%) !important; } .btn-link { color: #70b29c; } .btn-link:hover, .btn-link:focus { color: #427a67; } .btn-primary { color: #fff; background-color: #70b29c; border-color: #50957e; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #50957e; border-color: #3e7462; } .btn-primary.disabled, .btn-primary:disabled { background-color: #70b29c; border-color: #50957e; } .btn-primary:not([disabled]):not(.disabled):active { background-color: #70b29c; border-color: #50957e; } .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #50957e; background-image: none; border-color: #3e7462; } .btn-primary.btn-noborder { border-color: #70b29c; } .btn-primary.btn-noborder:hover, .btn-primary.btn-noborder:focus, .btn-primary.btn-noborder.focus { border-color: #50957e; } .btn-primary.btn-noborder.disabled, .btn-primary.btn-noborder:disabled, .btn-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: #70b29c; } .show > .btn-primary.btn-noborder.dropdown-toggle { border-color: #50957e; } .btn-secondary { color: #212529; background-color: #f2f5f5; border-color: #cfdada; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: #212529; background-color: #cfdada; border-color: #b3c4c4; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #f2f5f5; border-color: #cfdada; } .btn-secondary:not([disabled]):not(.disabled):active { background-color: #f2f5f5; border-color: #cfdada; } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: #cfdada; background-image: none; border-color: #b3c4c4; } .btn-secondary.btn-noborder { border-color: #f2f5f5; } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: #cfdada; } .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:disabled, .btn-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: #f2f5f5; } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: #cfdada; } .btn-outline-primary { color: #70b29c; background-color: transparent; background-image: none; border-color: #70b29c; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #70b29c; border-color: #70b29c; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #70b29c; background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active { color: #70b29c; background-color: transparent; border-color: #70b29c; } .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #70b29c; border-color: #70b29c; } .btn-outline-primary.btn-noborder { border-color: transparent; } .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-secondary { color: #739393; background-color: transparent; background-image: none; border-color: #739393; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: #739393; border-color: #739393; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #739393; background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: #739393; background-color: transparent; border-color: #739393; } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #739393; border-color: #739393; } .btn-outline-secondary.btn-noborder { border-color: transparent; } .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-alt-primary { color: #396a59; background-color: #cde4dc; border-color: #cde4dc; } .btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus { color: #396a59; background-color: #acd2c5; border-color: #acd2c5; box-shadow: none; } .btn-alt-primary.disabled, .btn-alt-primary:disabled { background-color: #cde4dc; border-color: #cde4dc; } .btn-alt-primary:not([disabled]):not(.disabled):active { color: #396a59; background-color: #cde4dc; border-color: #cde4dc; } .btn-alt-primary:not([disabled]):not(.disabled).active, .show > .btn-alt-primary.dropdown-toggle { color: #396a59; background-color: #acd2c5; border-color: #acd2c5; } .btn-alt-secondary { color: #171717; background-color: #e6ecec; border-color: #e6ecec; } .btn-alt-secondary:hover, .btn-alt-secondary:focus, .btn-alt-secondary.focus { color: #171717; background-color: #cad6d6; border-color: #cad6d6; box-shadow: none; } .btn-alt-secondary.disabled, .btn-alt-secondary:disabled { background-color: #e6ecec; border-color: #e6ecec; } .btn-alt-secondary:not([disabled]):not(.disabled):active { color: #171717; background-color: #e6ecec; border-color: #e6ecec; } .btn-alt-secondary:not([disabled]):not(.disabled).active, .show > .btn-alt-secondary.dropdown-toggle { color: #171717; background-color: #cad6d6; border-color: #cad6d6; } .btn-dual-secondary { color: #1f1f1f; background-color: transparent; border-color: transparent; } .btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus { color: #1f1f1f; background-color: #d5dfdf; border-color: #d5dfdf; box-shadow: none; } .btn-dual-secondary.disabled, .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled):active { color: #1f1f1f; background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle { color: #1f1f1f; background-color: #d5dfdf; border-color: #d5dfdf; } .page-header-inverse #page-header .btn-dual-secondary, .sidebar-inverse #sidebar .btn-dual-secondary { color: #fff; background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:hover, .page-header-inverse #page-header .btn-dual-secondary:focus, .page-header-inverse #page-header .btn-dual-secondary.focus, .sidebar-inverse #sidebar .btn-dual-secondary:hover, .sidebar-inverse #sidebar .btn-dual-secondary:focus, .sidebar-inverse #sidebar .btn-dual-secondary.focus { color: #fff; background-color: #0b2830; border-color: #0b2830; box-shadow: none; } .page-header-inverse #page-header .btn-dual-secondary.disabled, .page-header-inverse #page-header .btn-dual-secondary:disabled, .sidebar-inverse #sidebar .btn-dual-secondary.disabled, .sidebar-inverse #sidebar .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled):active, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled):active { color: #fff; background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .page-header-inverse #page-header .btn-dual-secondary.dropdown-toggle, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .sidebar-inverse #sidebar .btn-dual-secondary.dropdown-toggle { color: #fff; background-color: #0b2830; border-color: #0b2830; } .alert-primary { color: #113f4c; background-color: #cde4dc; border-color: #acd2c5; } .alert-primary hr { border-top-color: #9bc9ba; } .alert-primary .alert-link { color: #081c22; } .badge-primary { color: #fff; background-color: #70b29c; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #549b83; } .progress-bar { background-color: #70b29c; } .nav-link { color: #575757; } .nav-link:hover, .nav-link:focus { color: #70b29c; } .nav-tabs { border-bottom-color: #e6ecec; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e6ecec #e6ecec #e6ecec; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #575757; border-color: #e6ecec #e6ecec #fff; } .nav-tabs-block { background-color: #f8f9f9; } .nav-tabs-block .nav-link { border-color: transparent; } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: #70b29c; background-color: transparent; border-color: transparent; } .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link { color: #575757; background-color: #fff; border-color: transparent; } .nav-tabs-alt { border-bottom-color: #e6ecec; } .nav-tabs-alt .nav-link { background-color: transparent; border-color: transparent; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: #70b29c; background-color: transparent; border-color: transparent; box-shadow: inset 0 -2px #70b29c; } .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link { background-color: transparent; border-color: transparent; box-shadow: inset 0 -2px #70b29c; } .nav-pills .nav-link { color: #575757; } .nav-pills .nav-link:hover, .nav-pills .nav-link:focus { color: #70b29c; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; background-color: #70b29c; } .page-item.active .page-link { background-color: #70b29c; border-color: #70b29c; } .page-link { color: #171717; background-color: #f2f5f5; border-color: #f2f5f5; } .page-link:hover, .page-link:focus { color: #171717; background-color: #e6ecec; border-color: #e6ecec; } .list-group-item-action { color: #575757; } .list-group-item-action:hover, .list-group-item-action:focus { color: #575757; background-color: #f8f9f9; } .list-group-item-action:active { color: #575757; background-color: #e6ecec; } .list-group-item { border-color: #e6ecec; } .list-group-item.active { color: #fff; background-color: #70b29c; border-color: #70b29c; } .breadcrumb { background-color: #f2f5f5; } .breadcrumb-item.active { color: #171717; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #113f4c; } .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #113f4c; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #113f4c; } .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #113f4c; } .tooltip-inner { background-color: #113f4c; } .popover { border-color: #e6ecec; border-radius: 2px; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05); } .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { border-top-color: #e6ecec; } .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #fff; } .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { border-right-color: #e6ecec; } .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { border-right-color: #fff; } .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #e6ecec; } .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: #fff; } .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { border-left-color: #e6ecec; } .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { border-left-color: #fff; } .modal-header { border-bottom-color: #e6ecec; } .modal-footer { border-top-color: #e6ecec; } .modal-backdrop { background-color: #152721; } .dropdown-menu { border-color: #e6ecec; } .dropdown-header { color: #171717; } .dropdown-item { color: #575757; } .dropdown-item:hover, .dropdown-item:focus { color: #575757; background-color: #f2f5f5; } .dropdown-item.active, .dropdown-item:active { color: #575757; background-color: #e6ecec; } .dropdown-divider { border-top-color: #f2f5f5; } .table th, .table td { border-top-color: #e6ecec; } .table tbody + tbody { border-top-color: #e6ecec; } .table .thead-dark th { background-color: #113f4c; } .table .thead-light th { background-color: #e6ecec; } .table-bordered, .table-bordered th, .table-bordered td { border-color: #e6ecec; } .table-active, .table-active > th, .table-active > td { background-color: #f2f5f5; } .table-hover .table-active:hover { background-color: #e4eaea; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e4eaea; } .table-primary, .table-primary > th, .table-primary > td { background-color: #cde4dc; } .table-hover .table-primary:hover { background-color: #bcdbd1; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #bcdbd1; } .table-dark { background-color: #113f4c; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #165061; } .table-responsive > .table.table-bordered thead th, [class*="table-responsive-"] > .table.table-bordered thead th { border-top: 1px solid #e6ecec; } .form-control, .input-group-text { color: #575757; background-color: #fff; border-color: #d8e1e1; } .input-group-text { background-color: #f8f9f9; } .form-control:focus { color: #171717; background-color: #fff; border-color: #9eb5b5; } select.form-control:focus::-ms-value { color: #575757; background-color: #fff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #70b29c; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, .custom-radio .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #f2f5f5, 0 0 0 3px #70b29c; } .custom-checkbox .custom-control-input:active ~ .custom-control-label::before, .custom-radio .custom-control-input:active ~ .custom-control-label::before { background-color: #91c4b3; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #70b29c; } .custom-select { border-color: #d8e1e1; } .custom-select:focus { border-color: #9eb5b5; } .custom-select:focus::-ms-value { color: #575757; background-color: #fff; } .custom-file-control { border-color: #d8e1e1; } .custom-file-control::before { color: #575757; background-color: #f2f5f5; border-color: #d8e1e1; } .valid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #9ccc65; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(156, 204, 101, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #9ccc65; } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { color: #9ccc65; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #9ccc65; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #daecc5; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #b5d98b; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #9ccc65; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .is-valid .form-control { border-color: #9ccc65; } .is-valid .form-check-input ~ .form-check-label { color: #9ccc65; } .is-valid .custom-control-input ~ .custom-control-label { color: #9ccc65; } .is-valid .custom-control-input ~ .custom-control-label::before { background-color: rgba(156, 204, 101, 0.25); } .is-valid .valid-feedback, .is-valid .valid-tooltip { display: block; } .invalid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #ef5350; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(239, 83, 80, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ef5350; } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { color: #ef5350; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ef5350; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #fac6c5; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f3817f; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ef5350; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .is-invalid .form-control { border-color: #ef5350; } .is-invalid .form-check-input ~ .form-check-label { color: #ef5350; } .is-invalid .custom-control-input ~ .custom-control-label { color: #ef5350; } .is-invalid .custom-control-input ~ .custom-control-label::before { background-color: rgba(239, 83, 80, 0.25); } .is-invalid .invalid-feedback, .is-invalid .invalid-tooltip { display: block; } .form-material > .form-control { border-color: transparent; box-shadow: 0 1px 0 #d8e1e1; } .form-material > .form-control ~ .input-group-append { box-shadow: 0 1px 0 #d8e1e1; } .form-material > .form-control:focus { box-shadow: 0 2px 0 #9eb5b5; } .form-material > .form-control:focus + label { color: #575757; } .form-material > .form-control:focus ~ .input-group-append { box-shadow: 0 2px 0 #9eb5b5; } .form-material.form-material-primary > .form-control:focus { box-shadow: 0 2px #70b29c; } .form-material.form-material-primary > .form-control:focus + label { color: #70b29c; } .form-material.form-material-primary > .form-control:focus ~ .input-group-append { color: #70b29c; box-shadow: 0 2px #70b29c; } .is-valid .form-material > .form-control { box-shadow: 0 1px 0 #9ccc65; } .is-valid .form-material > .form-control ~ .input-group-append { color: #9ccc65; box-shadow: 0 1px 0 #9ccc65; } .is-valid .form-material > .form-control:focus { box-shadow: 0 2px #9ccc65; } .is-valid .form-material > .form-control:focus + label { color: #9ccc65; } .is-valid .form-material > .form-control:focus ~ .input-group-append { color: #9ccc65; box-shadow: 0 2px #9ccc65; } .is-valid .form-material ~ .invalid-feedback, .is-valid .form-material ~ .invalid-tooltip { display: block; } .is-valid .form-material label { color: #9ccc65; } .is-invalid .form-material > .form-control { box-shadow: 0 1px 0 #ef5350; } .is-invalid .form-material > .form-control ~ .input-group-append { color: #ef5350; box-shadow: 0 1px 0 #ef5350; } .is-invalid .form-material > .form-control:focus { box-shadow: 0 2px #ef5350; } .is-invalid .form-material > .form-control:focus + label { color: #ef5350; } .is-invalid .form-material > .form-control:focus ~ .input-group-append { color: #ef5350; box-shadow: 0 2px #ef5350; } .is-invalid .form-material ~ .invalid-feedback, .is-invalid .form-material ~ .invalid-tooltip { display: block; } .is-invalid .form-material label { color: #ef5350; } .css-radio:hover .css-control-input ~ .css-control-indicator { border-color: #e6ecec; } .css-radio.css-control-primary .css-control-input:checked ~ .css-control-indicator::after { background-color: #70b29c; } .css-checkbox:hover .css-control-input ~ .css-control-indicator { border-color: #e6ecec; } .css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: #70b29c; border-color: #4b8b75; } .css-switch.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: #70b29c; } .border { border-color: #e6ecec !important; } .border-t { border-top-color: #e6ecec !important; } .border-r { border-right-color: #e6ecec !important; } .border-b { border-bottom-color: #e6ecec !important; } .border-l { border-left-color: #e6ecec !important; } .border-light { border-color: #f8f9f9 !important; } .border-light-t { border-top-color: #f8f9f9 !important; } .border-light-r { border-right-color: #f8f9f9 !important; } .border-light-b { border-bottom-color: #f8f9f9 !important; } .border-light-l { border-left-color: #f8f9f9 !important; } #page-overlay { background: rgba(21, 39, 33, 0.4); background: linear-gradient(to right, rgba(21, 39, 33, 0), rgba(21, 39, 33, 0.6)); } .sidebar-r #page-overlay { background: linear-gradient(to right, rgba(21, 39, 33, 0.6), rgba(21, 39, 33, 0)); } #page-header { background-color: #fff; } .content-side-user { background-color: #f8f9f9; } #sidebar { background-color: #fff; } #side-overlay { background-color: #fff; } @media (min-width: 992px) { #page-container.page-header-modern #page-header { background-color: #f2f5f5; } } #page-container.page-header-inverse #page-header { color: #cfdada; background-color: #113f4c; } #page-container.page-header-glass #page-header { background-color: transparent; } #page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header { background-color: #fff; } #page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-inverse #page-header { background-color: #113f4c; } @media (min-width: 992px) { #page-container.page-header-modern #sidebar { box-shadow: 5px 0 10px #e6ecec; } #page-container.page-header-modern.sidebar-r #sidebar { box-shadow: -5px 0 10px #e6ecec; } } #page-container.sidebar-inverse #sidebar { color: #e6ecec; background-color: #113f4c; } #page-container.sidebar-inverse #sidebar .content-side-user { background-color: #0e353f; } .block { box-shadow: 0 1px 1px #e6ecec; } .block.block-transparent { box-shadow: none; } .block-header-default { background-color: #f8f9f9; } .block-title small { color: #646464; } .block.block-bordered { border-color: #e6ecec; } .block.block-themed > .block-header { background-color: #70b29c; } .block.block-mode-loading::after { color: #113f4c; box-shadow: 0 0 15px 15px rgba(17, 63, 76, 0.05); } .block.block-mode-loading.block-mode-hidden::after { box-shadow: 0 0 8px 8px rgba(17, 63, 76, 0.05); } .block.block-mode-loading.block-mode-loading-inverse::after { background-color: #113f4c; } a.block { color: #575757; } a.block:hover, a.block:focus { color: #575757; } a.block.block-link-pop:hover { box-shadow: 0 2px 30px #dbe3e3; } a.block.block-link-pop:active { box-shadow: 0 2px 10px #eff3f3; } a.block.block-link-shadow:hover { box-shadow: 0 0 36px #dbe3e3; } a.block.block-link-shadow:active { box-shadow: 0 0 10px #e6ecec; } .block.block-fx-pop { box-shadow: 0 2px 30px #dbe3e3; } .block.block-fx-shadow { box-shadow: 0 0 36px #dbe3e3; } #page-loader { background-color: #70b29c; } .nav-main a { color: rgba(87, 87, 87, 0.9); } .sidebar-inverse #sidebar .nav-main a { color: rgba(230, 236, 236, 0.75); } .nav-main a > i { color: rgba(17, 63, 76, 0.75); } .sidebar-inverse #sidebar .nav-main a > i { color: #e6ecec; } .nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i { color: #70b29c; } .sidebar-inverse #sidebar .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a.active > i { color: #70b29c; } .nav-main ul a { color: rgba(87, 87, 87, 0.6); } .nav-main li.open > a.nav-submenu > i { color: #70b29c; } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i { color: #70b29c; } .nav-main li.open > ul { background-color: #f8f9f9; } .sidebar-inverse #sidebar .nav-main li.open > ul { background-color: #0e353f; } @media (min-width: 992px) { .nav-main-header a { color: #717171; } .nav-main-header ul a { color: #8f8f8f; } .nav-main-header a:hover, .nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu { color: #000; background-color: #e6ecec; } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: #dee5e5; } .page-header-inverse #page-header .nav-main-header a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a { color: #cdd8d8; } .page-header-inverse #page-header .nav-main-header ul a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul a { color: #b3c4c4; } .page-header-inverse #page-header .nav-main-header a:hover, .page-header-inverse #page-header .nav-main-header a:focus, .page-header-inverse #page-header .nav-main-header a.active, .page-header-inverse #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse #page-header .nav-main-header li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:hover, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:focus, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a.active, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li:hover > a.nav-submenu { color: #fff; background-color: rgba(0, 0, 0, 0.25); } .page-header-inverse #page-header .nav-main-header ul, .page-header-inverse #page-header .nav-main-header > li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: #113f4c; } .page-header-inverse.page-header-glass #page-header .nav-main-header ul, .page-header-inverse.page-header-glass #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: #0c2e37; } } .nav-users a { border-color: #f2f5f5; } .nav-users a:hover { background-color: #f8f9f9; } .list-timeline .list-timeline-time { background-color: #f8f9f9; } @media (min-width: 768px) { .list-timeline-modern::before { background-color: #f8f9f9; } .list-timeline-modern .list-timeline-time { background-color: transparent; } } .list-activity > li { border-bottom-color: #f2f5f5; } .ribbon-primary .ribbon-box { background-color: #70b29c; } .ribbon-primary.ribbon-bookmark .ribbon-box::before { border-color: #70b29c; border-left-color: transparent; } .ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: #70b29c; border-right-color: transparent; } .ribbon-primary.ribbon-modern .ribbon-box::before { border-color: #70b29c; border-left-color: transparent; border-bottom-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: #70b29c; border-top-color: transparent; border-left-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before { border-color: #70b29c; border-right-color: transparent; border-bottom-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: #70b29c; border-top-color: transparent; border-right-color: transparent; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #70b29c; border-color: #70b29c; } .dropzone { background-color: #f8f9f9; border-color: #d8e1e1; } .dropzone .dz-message { color: #575757; } .dropzone:hover { border-color: #70b29c; } .dropzone:hover .dz-message { color: #70b29c; } .fc-event { color: #171717; } .fc-event:hover { color: #575757; } .fc-state-default { color: #171717; background-color: #f2f5f5; border-color: #d8e1e1; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #cfdada; border-color: #b3c4c4; } .fc-state-hover { color: #171717; } .fc-state-down, .fc-state-active { background-color: #cfdada; border-color: #b3c4c4; } .fc thead th.fc-widget-header { background-color: #f8f9f9; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e6ecec; } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: #f2f5f5; } .fc-unthemed .fc-today { background: #f8f9f9; } .irs-line { background: #f2f5f5; } .irs-bar { background: #70b29c; } .irs-bar-edge { background: #70b29c; } .irs-from, .irs-to, .irs-single { background: #70b29c; } .irs-grid-pol { background: #70b29c; } .autocomplete-suggestions { border-color: #e6ecec; } .autocomplete-suggestion { color: #575757; } .autocomplete-suggestion b { color: #70b29c; } .autocomplete-suggestion.selected { background-color: #f2f5f5; } div.tagsinput { border-color: #d8e1e1; } .form-material div.tagsinput { border-bottom: 1px solid #d8e1e1; } div.tagsinput span.tag { background-color: #70b29c; } .draggable-placeholder { background-color: #eff3f3; border-color: #cad6d6; } .jvectormap-tip { background: #0b2830; } .select2-container .select2-dropdown { border-color: #d8e1e1; } .select2-container--default .select2-selection--single { border-color: #d8e1e1; } .form-material .select2-container--default .select2-selection--single { border-bottom-color: #d8e1e1; } .select2-container--default .select2-selection--multiple { border-color: #d8e1e1; } .form-material .select2-container--default .select2-selection--multiple { border-bottom-color: #d8e1e1; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single { border-color: #9eb5b5; } .form-material .select2-container--default.select2-container--focus .select2-selection--multiple, .form-material .select2-container--default.select2-container--focus .select2-selection--single { border-bottom-color: #9eb5b5; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #70b29c; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #d8e1e1; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #70b29c; } .simplebar-scrollbar::before { background: #0b2830; } .sidebar-inverse #sidebar .simplebar-scrollbar::before { background: #cde4dc; } .slick-slider .slick-prev::before, .slick-slider .slick-next::before { color: #113f4c; }