/*! * Codebase - v3.0.0 * @author pixelcave - https://pixelcave.com * Copyright (c) 2018 */ body { color: #575757; background-color: #f4f2f5; } a { color: #d262e3; } a.link-effect::before { background-color: #d262e3; } a:hover { color: #a922bd; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #171717; } small, .small { color: #646464; } .content-heading { border-bottom-color: #eae6ec; } hr { border-top-color: #f4f2f5; } .text-primary { color: #d262e3 !important; } a.text-primary.link-effect::before { background-color: #d262e3; } a.text-primary:hover, a.text-primary:focus { color: #a922bd !important; } .text-primary-dark { color: #403537 !important; } a.text-primary-dark.link-effect::before { background-color: #403537; } a.text-primary-dark:hover, a.text-primary-dark:focus { color: #080707 !important; } .text-primary-darker { color: #332a2c !important; } a.text-primary-darker.link-effect::before { background-color: #332a2c; } a.text-primary-darker:hover, a.text-primary-darker:focus { color: black !important; } .text-primary-light { color: #e196ec !important; } a.text-primary-light.link-effect::before { background-color: #e196ec; } a.text-primary-light:hover, a.text-primary-light:focus { color: #c83fdd !important; } .text-primary-lighter { color: #edc1f4 !important; } a.text-primary-lighter.link-effect::before { background-color: #edc1f4; } a.text-primary-lighter:hover, a.text-primary-lighter:focus { color: #d46be5 !important; } .text-body-bg { color: #f4f2f5 !important; } a.text-body-bg.link-effect::before { background-color: #f4f2f5; } a.text-body-bg:hover, a.text-body-bg:focus { color: #c3b8c9 !important; } .text-body-bg-light { color: #f9f8f9 !important; } a.text-body-bg-light.link-effect::before { background-color: #f9f8f9; } a.text-body-bg-light:hover, a.text-body-bg-light:focus { color: #c8becd !important; } .text-body-bg-dark { color: #eae6ec !important; } a.text-body-bg-dark.link-effect::before { background-color: #eae6ec; } a.text-body-bg-dark:hover, a.text-body-bg-dark:focus { color: #b9adc0 !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: #eae6ec !important; } a.text-body-color-light.link-effect::before { background-color: #eae6ec; } a.text-body-color-light:hover, a.text-body-color-light:focus { color: #b9adc0 !important; } .text-dual-primary-dark { color: #403537 !important; } a.text-dual-primary-dark.link-effect::before { background-color: #403537; } a.text-dual-primary-dark:hover, a.text-dual-primary-dark:focus { color: #080707 !important; } .page-header-inverse #page-header .text-dual-primary-dark, .sidebar-inverse #sidebar .text-dual-primary-dark { color: #eae6ec !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: #eae6ec; } .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: #b9adc0 !important; } .bg-primary { background-color: #d262e3 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #c637db !important; } .bg-primary-op { background-color: rgba(210, 98, 227, 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(198, 55, 219, 0.75) !important; } .bg-primary-dark { background-color: #403537 !important; } a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus { background-color: #241e1f !important; } .bg-primary-dark-op { background-color: rgba(64, 53, 55, 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(36, 30, 31, 0.8) !important; } .bg-primary-darker { background-color: #332a2c !important; } a.bg-primary-darker:hover, a.bg-primary-darker:focus, button.bg-primary-darker:hover, button.bg-primary-darker:focus { background-color: #171314 !important; } .bg-primary-light { background-color: #e196ec !important; } a.bg-primary-light:hover, a.bg-primary-light:focus, button.bg-primary-light:hover, button.bg-primary-light:focus { background-color: #d46be5 !important; } .bg-primary-lighter { background-color: #edc1f4 !important; } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus, button.bg-primary-lighter:hover, button.bg-primary-lighter:focus { background-color: #e196ec !important; } .bg-body { background-color: #f4f2f5 !important; } a.bg-body:hover, a.bg-body:focus, button.bg-body:hover, button.bg-body:focus { background-color: #dcd5df !important; } .bg-body-light { background-color: #f9f8f9 !important; } a.bg-body-light:hover, a.bg-body-light:focus, button.bg-body-light:hover, button.bg-body-light:focus { background-color: #e0dbe3 !important; } .bg-body-dark { background-color: #eae6ec !important; } a.bg-body-dark:hover, a.bg-body-dark:focus, button.bg-body-dark:hover, button.bg-body-dark:focus { background-color: #d2cad6 !important; } .bg-gd-primary { background: #bc26d3; background: linear-gradient(135deg, #bc26d3 0%, #d878e7 100%) !important; } .btn-link { color: #d262e3; } .btn-link:hover, .btn-link:focus { color: #a922bd; } .btn-primary { color: #fff; background-color: #d262e3; border-color: #c32eda; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #c32eda; border-color: #a120b5; } .btn-primary.disabled, .btn-primary:disabled { background-color: #d262e3; border-color: #c32eda; } .btn-primary:not([disabled]):not(.disabled):active { background-color: #d262e3; border-color: #c32eda; } .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #c32eda; background-image: none; border-color: #a120b5; } .btn-primary.btn-noborder { border-color: #d262e3; } .btn-primary.btn-noborder:hover, .btn-primary.btn-noborder:focus, .btn-primary.btn-noborder.focus { border-color: #c32eda; } .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: #d262e3; } .show > .btn-primary.btn-noborder.dropdown-toggle { border-color: #c32eda; } .btn-secondary { color: #212529; background-color: #f4f2f5; border-color: #d7cfda; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: #212529; background-color: #d7cfda; border-color: #beb3c4; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #f4f2f5; border-color: #d7cfda; } .btn-secondary:not([disabled]):not(.disabled):active { background-color: #f4f2f5; border-color: #d7cfda; } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: #d7cfda; background-image: none; border-color: #beb3c4; } .btn-secondary.btn-noborder { border-color: #f4f2f5; } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: #d7cfda; } .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: #f4f2f5; } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: #d7cfda; } .btn-outline-primary { color: #d262e3; background-color: transparent; background-image: none; border-color: #d262e3; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #d262e3; border-color: #d262e3; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #d262e3; background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active { color: #d262e3; background-color: transparent; border-color: #d262e3; } .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #d262e3; border-color: #d262e3; } .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: #897393; background-color: transparent; background-image: none; border-color: #897393; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: #897393; border-color: #897393; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #897393; background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: #897393; background-color: transparent; border-color: #897393; } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #897393; border-color: #897393; } .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: #951ea8; background-color: #edc1f4; border-color: #edc1f4; } .btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus { color: #951ea8; background-color: #e196ec; border-color: #e196ec; box-shadow: none; } .btn-alt-primary.disabled, .btn-alt-primary:disabled { background-color: #edc1f4; border-color: #edc1f4; } .btn-alt-primary:not([disabled]):not(.disabled):active { color: #951ea8; background-color: #edc1f4; border-color: #edc1f4; } .btn-alt-primary:not([disabled]):not(.disabled).active, .show > .btn-alt-primary.dropdown-toggle { color: #951ea8; background-color: #e196ec; border-color: #e196ec; } .btn-alt-secondary { color: #171717; background-color: #eae6ec; border-color: #eae6ec; } .btn-alt-secondary:hover, .btn-alt-secondary:focus, .btn-alt-secondary.focus { color: #171717; background-color: #d2cad6; border-color: #d2cad6; box-shadow: none; } .btn-alt-secondary.disabled, .btn-alt-secondary:disabled { background-color: #eae6ec; border-color: #eae6ec; } .btn-alt-secondary:not([disabled]):not(.disabled):active { color: #171717; background-color: #eae6ec; border-color: #eae6ec; } .btn-alt-secondary:not([disabled]):not(.disabled).active, .show > .btn-alt-secondary.dropdown-toggle { color: #171717; background-color: #d2cad6; border-color: #d2cad6; } .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: #dcd5df; border-color: #dcd5df; 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: #dcd5df; border-color: #dcd5df; } .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: #332a2c; border-color: #332a2c; 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: #332a2c; border-color: #332a2c; } .alert-primary { color: #403537; background-color: #edc1f4; border-color: #e196ec; } .alert-primary hr { border-top-color: #db80e8; } .alert-primary .alert-link { color: #241e1f; } .badge-primary { color: #fff; background-color: #d262e3; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #c637db; } .progress-bar { background-color: #d262e3; } .nav-link { color: #575757; } .nav-link:hover, .nav-link:focus { color: #d262e3; } .nav-tabs { border-bottom-color: #eae6ec; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #eae6ec #eae6ec #eae6ec; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #575757; border-color: #eae6ec #eae6ec #fff; } .nav-tabs-block { background-color: #f9f8f9; } .nav-tabs-block .nav-link { border-color: transparent; } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: #d262e3; 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: #eae6ec; } .nav-tabs-alt .nav-link { background-color: transparent; border-color: transparent; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: #d262e3; background-color: transparent; border-color: transparent; box-shadow: inset 0 -2px #d262e3; } .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 #d262e3; } .nav-pills .nav-link { color: #575757; } .nav-pills .nav-link:hover, .nav-pills .nav-link:focus { color: #d262e3; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; background-color: #d262e3; } .page-item.active .page-link { background-color: #d262e3; border-color: #d262e3; } .page-link { color: #171717; background-color: #f4f2f5; border-color: #f4f2f5; } .page-link:hover, .page-link:focus { color: #171717; background-color: #eae6ec; border-color: #eae6ec; } .list-group-item-action { color: #575757; } .list-group-item-action:hover, .list-group-item-action:focus { color: #575757; background-color: #f9f8f9; } .list-group-item-action:active { color: #575757; background-color: #eae6ec; } .list-group-item { border-color: #eae6ec; } .list-group-item.active { color: #fff; background-color: #d262e3; border-color: #d262e3; } .breadcrumb { background-color: #f4f2f5; } .breadcrumb-item.active { color: #171717; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #403537; } .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #403537; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #403537; } .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #403537; } .tooltip-inner { background-color: #403537; } .popover { border-color: #eae6ec; 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: #eae6ec; } .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: #eae6ec; } .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: #eae6ec; } .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: #eae6ec; } .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { border-left-color: #fff; } .modal-header { border-bottom-color: #eae6ec; } .modal-footer { border-top-color: #eae6ec; } .modal-backdrop { background-color: #480e51; } .dropdown-menu { border-color: #eae6ec; } .dropdown-header { color: #171717; } .dropdown-item { color: #575757; } .dropdown-item:hover, .dropdown-item:focus { color: #575757; background-color: #f4f2f5; } .dropdown-item.active, .dropdown-item:active { color: #575757; background-color: #eae6ec; } .dropdown-divider { border-top-color: #f4f2f5; } .table th, .table td { border-top-color: #eae6ec; } .table tbody + tbody { border-top-color: #eae6ec; } .table .thead-dark th { background-color: #403537; } .table .thead-light th { background-color: #eae6ec; } .table-bordered, .table-bordered th, .table-bordered td { border-color: #eae6ec; } .table-active, .table-active > th, .table-active > td { background-color: #f4f2f5; } .table-hover .table-active:hover { background-color: #e8e4ea; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e4ea; } .table-primary, .table-primary > th, .table-primary > td { background-color: #edc1f4; } .table-hover .table-primary:hover { background-color: #e7acf0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #e7acf0; } .table-dark { background-color: #403537; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #4e4143; } .table-responsive > .table.table-bordered thead th, [class*="table-responsive-"] > .table.table-bordered thead th { border-top: 1px solid #eae6ec; } .form-control, .input-group-text { color: #575757; background-color: #fff; border-color: #ded8e1; } .input-group-text { background-color: #f9f8f9; } .form-control:focus { color: #171717; background-color: #fff; border-color: #ad9eb5; } 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: #d262e3; } .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 #f4f2f5, 0 0 0 3px #d262e3; } .custom-checkbox .custom-control-input:active ~ .custom-control-label::before, .custom-radio .custom-control-input:active ~ .custom-control-label::before { background-color: #de8deb; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #d262e3; } .custom-select { border-color: #ded8e1; } .custom-select:focus { border-color: #ad9eb5; } .custom-select:focus::-ms-value { color: #575757; background-color: #fff; } .custom-file-control { border-color: #ded8e1; } .custom-file-control::before { color: #575757; background-color: #f4f2f5; border-color: #ded8e1; } .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 #ded8e1; } .form-material > .form-control ~ .input-group-append { box-shadow: 0 1px 0 #ded8e1; } .form-material > .form-control:focus { box-shadow: 0 2px 0 #ad9eb5; } .form-material > .form-control:focus + label { color: #575757; } .form-material > .form-control:focus ~ .input-group-append { box-shadow: 0 2px 0 #ad9eb5; } .form-material.form-material-primary > .form-control:focus { box-shadow: 0 2px #d262e3; } .form-material.form-material-primary > .form-control:focus + label { color: #d262e3; } .form-material.form-material-primary > .form-control:focus ~ .input-group-append { color: #d262e3; box-shadow: 0 2px #d262e3; } .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: #eae6ec; } .css-radio.css-control-primary .css-control-input:checked ~ .css-control-indicator::after { background-color: #d262e3; } .css-checkbox:hover .css-control-input ~ .css-control-indicator { border-color: #eae6ec; } .css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: #d262e3; border-color: #bc26d3; } .css-switch.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: #d262e3; } .border { border-color: #eae6ec !important; } .border-t { border-top-color: #eae6ec !important; } .border-r { border-right-color: #eae6ec !important; } .border-b { border-bottom-color: #eae6ec !important; } .border-l { border-left-color: #eae6ec !important; } .border-light { border-color: #f9f8f9 !important; } .border-light-t { border-top-color: #f9f8f9 !important; } .border-light-r { border-right-color: #f9f8f9 !important; } .border-light-b { border-bottom-color: #f9f8f9 !important; } .border-light-l { border-left-color: #f9f8f9 !important; } #page-overlay { background: rgba(72, 14, 81, 0.4); background: linear-gradient(to right, rgba(72, 14, 81, 0), rgba(72, 14, 81, 0.6)); } .sidebar-r #page-overlay { background: linear-gradient(to right, rgba(72, 14, 81, 0.6), rgba(72, 14, 81, 0)); } #page-header { background-color: #fff; } .content-side-user { background-color: #f9f8f9; } #sidebar { background-color: #fff; } #side-overlay { background-color: #fff; } @media (min-width: 992px) { #page-container.page-header-modern #page-header { background-color: #f4f2f5; } } #page-container.page-header-inverse #page-header { color: #d7cfda; background-color: #403537; } #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: #403537; } @media (min-width: 992px) { #page-container.page-header-modern #sidebar { box-shadow: 5px 0 10px #eae6ec; } #page-container.page-header-modern.sidebar-r #sidebar { box-shadow: -5px 0 10px #eae6ec; } } #page-container.sidebar-inverse #sidebar { color: #eae6ec; background-color: #403537; } #page-container.sidebar-inverse #sidebar .content-side-user { background-color: #382e30; } .block { box-shadow: 0 1px 1px #eae6ec; } .block.block-transparent { box-shadow: none; } .block-header-default { background-color: #f9f8f9; } .block-title small { color: #646464; } .block.block-bordered { border-color: #eae6ec; } .block.block-themed > .block-header { background-color: #d262e3; } .block.block-mode-loading::after { color: #403537; box-shadow: 0 0 15px 15px rgba(64, 53, 55, 0.05); } .block.block-mode-loading.block-mode-hidden::after { box-shadow: 0 0 8px 8px rgba(64, 53, 55, 0.05); } .block.block-mode-loading.block-mode-loading-inverse::after { background-color: #403537; } a.block { color: #575757; } a.block:hover, a.block:focus { color: #575757; } a.block.block-link-pop:hover { box-shadow: 0 2px 30px #e0dbe3; } a.block.block-link-pop:active { box-shadow: 0 2px 10px #f2eff3; } a.block.block-link-shadow:hover { box-shadow: 0 0 36px #e0dbe3; } a.block.block-link-shadow:active { box-shadow: 0 0 10px #eae6ec; } .block.block-fx-pop { box-shadow: 0 2px 30px #e0dbe3; } .block.block-fx-shadow { box-shadow: 0 0 36px #e0dbe3; } #page-loader { background-color: #d262e3; } .nav-main a { color: rgba(87, 87, 87, 0.9); } .sidebar-inverse #sidebar .nav-main a { color: rgba(234, 230, 236, 0.75); } .nav-main a > i { color: rgba(64, 53, 55, 0.75); } .sidebar-inverse #sidebar .nav-main a > i { color: #eae6ec; } .nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i { color: #d262e3; } .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: #d262e3; } .nav-main ul a { color: rgba(87, 87, 87, 0.6); } .nav-main li.open > a.nav-submenu > i { color: #d262e3; } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i { color: #d262e3; } .nav-main li.open > ul { background-color: #f9f8f9; } .sidebar-inverse #sidebar .nav-main li.open > ul { background-color: #382e30; } @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: #eae6ec; } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: #e3dee5; } .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: #d4cdd8; } .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: #beb3c4; } .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: #403537; } .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: #32292b; } } .nav-users a { border-color: #f4f2f5; } .nav-users a:hover { background-color: #f9f8f9; } .list-timeline .list-timeline-time { background-color: #f9f8f9; } @media (min-width: 768px) { .list-timeline-modern::before { background-color: #f9f8f9; } .list-timeline-modern .list-timeline-time { background-color: transparent; } } .list-activity > li { border-bottom-color: #f4f2f5; } .ribbon-primary .ribbon-box { background-color: #d262e3; } .ribbon-primary.ribbon-bookmark .ribbon-box::before { border-color: #d262e3; border-left-color: transparent; } .ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: #d262e3; border-right-color: transparent; } .ribbon-primary.ribbon-modern .ribbon-box::before { border-color: #d262e3; border-left-color: transparent; border-bottom-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: #d262e3; border-top-color: transparent; border-left-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before { border-color: #d262e3; border-right-color: transparent; border-bottom-color: transparent; } .ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: #d262e3; 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: #d262e3; border-color: #d262e3; } .dropzone { background-color: #f9f8f9; border-color: #ded8e1; } .dropzone .dz-message { color: #575757; } .dropzone:hover { border-color: #d262e3; } .dropzone:hover .dz-message { color: #d262e3; } .fc-event { color: #171717; } .fc-event:hover { color: #575757; } .fc-state-default { color: #171717; background-color: #f4f2f5; border-color: #ded8e1; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #d7cfda; border-color: #beb3c4; } .fc-state-hover { color: #171717; } .fc-state-down, .fc-state-active { background-color: #d7cfda; border-color: #beb3c4; } .fc thead th.fc-widget-header { background-color: #f9f8f9; } .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: #eae6ec; } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: #f4f2f5; } .fc-unthemed .fc-today { background: #f9f8f9; } .irs-line { background: #f4f2f5; } .irs-bar { background: #d262e3; } .irs-bar-edge { background: #d262e3; } .irs-from, .irs-to, .irs-single { background: #d262e3; } .irs-grid-pol { background: #d262e3; } .autocomplete-suggestions { border-color: #eae6ec; } .autocomplete-suggestion { color: #575757; } .autocomplete-suggestion b { color: #d262e3; } .autocomplete-suggestion.selected { background-color: #f4f2f5; } div.tagsinput { border-color: #ded8e1; } .form-material div.tagsinput { border-bottom: 1px solid #ded8e1; } div.tagsinput span.tag { background-color: #d262e3; } .draggable-placeholder { background-color: #f2eff3; border-color: #d2cad6; } .jvectormap-tip { background: #332a2c; } .select2-container .select2-dropdown { border-color: #ded8e1; } .select2-container--default .select2-selection--single { border-color: #ded8e1; } .form-material .select2-container--default .select2-selection--single { border-bottom-color: #ded8e1; } .select2-container--default .select2-selection--multiple { border-color: #ded8e1; } .form-material .select2-container--default .select2-selection--multiple { border-bottom-color: #ded8e1; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single { border-color: #ad9eb5; } .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: #ad9eb5; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #d262e3; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #ded8e1; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #d262e3; } .simplebar-scrollbar::before { background: #332a2c; } .sidebar-inverse #sidebar .simplebar-scrollbar::before { background: #edc1f4; } .slick-slider .slick-prev::before, .slick-slider .slick-next::before { color: #403537; }