@charset "UTF-8";

:root {
    --mindaro: #CCFF81;
    --chartreuse: #96FF00;
    --aquamarine: #00F2AD;
    --turquoise: #80EED9;
    --space-cadet: #2D2C4D;
    --raisin-black: #232231;
    --indigo: #AD9CFF;

    --main-color-hover: var(--space-cadet);
    --main-color: #79f8a6;
    --second-color: var(--space-cadet);
    --second-color-hover: var(--raisin-black);
    --third-color: var(--raisin-black);
    --color-general-text: var(--space-cadet);
    --alert-gap: 0.3rem;
    --alert-z-index: 50;

    --main-gradient: linear-gradient(45deg, rgba(150, 255, 0, 1) 25%, rgba(0, 242, 173, 1) 75%, rgba(128, 238, 217, 1) 100%);
    --second-gradient: linear-gradient(180deg, rgba(45, 44, 76, 1) 0%, rgba(35, 34, 49, 1) 100%);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #9E9E9E;
    border-radius: 30px;
}

::-webkit-scrollbar-thumb:hover {
    background: #B3AFB3;
}

::-webkit-scrollbar-track {
    background: #F0F0F0;
    border-radius: 0;
    box-shadow: inset 0 0 0 0 #F0F0F0;
}

#wpbody *:not(i) {
    font-family: 'Circular Std Book', sans-serif !important;
}

#wpbody {
    font-style: normal;
    font-weight: normal;
    color: var(--color-general-text);
    background-color: #efeff6;
    -webkit-font-smoothing: antialiased;
}

body.custom-background {
    background: #fff !important;
}

.aadsso-login-form-text {
    display: none;
}

.navbar.navbar-expand-lg.bg-white.fixed-top {
    background: var(--main-gradient) !important;
}

.border-top-primary {
    border-image: var(--main-gradient) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 !important;
}

table a {
    color: var(--color-general-text) !important;
}

.btn[selected] {
    border: solid 1px var(--main-color) !important;
}

.lec-form select,
.lec-form textarea,
.lec-form input,
table.dataTable select,
table.dataTable textarea,
table.dataTable input {
    border: solid 1px #3d405c4a !important;
}

.multi-entity-change {
    display: inline-block !important;
}

.page .ecommerce-widget h1 {
    font-size: 2.5rem !important;
}

.wp-core-ui select {
    max-width: inherit !important;
}

.dashboard-main-wrapper {
    max-height: 100vh !important;
    overflow: hidden !important;
}

.dashboard-ecommerce {
    background-color: #fbfcfe;
}

.card-body table {
    max-width: 100% !important;
}

.table thead th {
    text-align: center;
    vertical-align: bottom !important;
    border-bottom: 2px solid #e6e6f2 !important;
    padding: 15px !important;
}

.card-header {
    padding: 1.2rem !important;
    background-color: transparent !important;
    font-size: 18px !important;
}

.card-header:first-letter {
    text-transform: uppercase;
}

.form-table .card-header {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem !important;
}

.btn {
    padding: 12px 20px !important;
    font-weight: bold;
    border: 0 !important;
    box-shadow: 0 0 11px 1px #00000020;
}

.dropdown-menu {
    border: 0 solid #e6e6f2 !important;
    box-shadow: 0 0 11px 1px #00000020 !important;
}

.facturation-saas-card-grid,
.facturation-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}

.facturation-saas-card form,
.facturation-card form {
    padding: 1rem;
    border-radius: 1rem;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 30px 0px #2c33381c !important;
    text-align: center;
}

.facturation-saas-card form input[type="file"],
.facturation-card form input[type="file"] {
    padding: 1rem;
    height: initial !important;
    display: block;
    background: rgba(211, 211, 211, 0.674);
}

.facturation-saas-card form input[type="file"]::file-selector-button,
.facturation-card form input[type="file"]::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(#000, 0.16);
    box-shadow: 0px 1px 0px rgba(#000, 0.05);
    margin-right: 16px;
}

.card,
.btn,
.card form input,
.card form select,
.card form textarea,
#wpmem_login form,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.table-responsive select,
.table-responsive input,
.dropdown-menu,
#contract-tab span:nth-child(3),
.user-avatar-address form button,
.badge-saas-list span,
.company-searchbar .large-window,
#wpmem_login #wpmem_login_form,
.login-action-register #login #registerform,
.wpmem_reset form,
.wpmem_reset #login,
#wpmem_login #wpmem_login_form input,
.login-action-register #login #registerform input,
.wpmem_reset form input,
.wpmem_reset #login input,
.login-action-register #login .notice.notice-info.message.register,
.login-action-register .notice.notice-error {
    border-radius: 0.8rem !important;
}

.lec-form h4 {
    margin: 1rem 0 !important;
    border-bottom: solid 1px var(--main-color);
    padding-bottom: 10px;
    width: 350px;
}

.card form select,
.table-responsive select,
.btn,
.btn[object] {
    min-height: 47px !important;
    min-width: 47px !important;
}

.card form input,
.card form select,
.table-responsive select,
.table-responsive input,
.btn,
.btn[object] {
    height: 47px !important;
}

.dropdown-menu {
    overflow: hidden;
}

.card,
#wpmem_login #wpmem_login_form,
.login-action-register #login #registerform,
.wpmem_reset form,
.wpmem_reset #login {
    box-shadow: 0 1px 12px 2px rgb(0 0 0 / 2%);
}

.dashboard-custom ul,
.dashboard-custom ul li,
.dashboard-custom li {
    list-style: none !important;
}

.entry-content thead th,
.entry-content tr th {
    padding: 5px 9px !important;
    position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    top: 0;
    transform: translate(-50%, 37%);
}

.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul {
    padding: inherit !important;
}

.card {
    padding: 0 !important;
    max-width: initial !important;
    overflow: hidden;
    border: 0 !important;
    box-shadow: 0px 0px 30px 0px #2c33381c !important;
}

.footer {
    border: 0 !important;
    box-shadow: 0px 0px 10px 2px rgb(216 220 235 / 33%) !important;
}

.dashboard-main-wrapper {
    padding-top: 61px !important;
}

table label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-size: 15px !important;
    color: var(--color-general-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dt-paging .dt-paging-button {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: 0px;
    margin-right: 5px;
    color: var(--color-general-text);
    background-color: #fff;
    border: 1px solid #e6e6f2;
    line-height: 1;
}

.dataTables_paginate.paging_simple_numbers,
.dataTables_info,
.dataTables_length,
.dataTables_filter {
    display: inline-block;
    width: 50%;
}

.dataTables_filter label:first-child {
    width: max-content;
    margin-left: auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--second-color);
    border-color: var(--second-color);
}

input.dataTables_filter {
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: var(--color-general-text) !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d2d2e4 !important;
}

input.dataTables_filter:focus {
    color: var(--color-general-text) !important;
    background-color: #fff !important;
    border-color: #a7a7f0 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(214, 214, 255, .75) !important;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: 0.6;
}

.dataTables_length select {
    color: var(--color-general-text) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position: 99% 52% !important;
    border: 1px solid #d2d2e4 !important;
    padding: 1px 10px !important;
}

.company-saas-list {
    max-width: inherit;
}

.company-searchbar {
    width: 100%;
    max-width: inherit;
    padding: 20px;
    height: 332px;
    overflow-y: auto !important;
}

/** OTHER START **/
.company-searchbar-input div:first-child {
    border-bottom: solid 1px #d2d2e4 !important;
}

.badge-saas-list span {
    position: absolute;
    top: -10px;
    background-color: #ef172c;
    right: -10px;
    font-size: 9pt;
    height: 23px;
    color: white;
    width: 23px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
}

.contract-modal-overlay {
    backdrop-filter: blur(3px);
    background-color: #00000080;
    position: fixed;
    right: 0;
    width: calc(100% - 160px);
    height: calc(100vh - 32px);
    z-index: 9;
}

.contract-modal-overlay .card {
    margin: 0;
    border: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 85%;
    max-height: 85%;
    max-width: inherit;
    min-width: inherit;
}

.company-searchbar .badge-filter-group {
    display: flex;
    align-items: center;
    margin: 1.2rem 0;
    padding: 12px;
    border-radius: 17px;
    background-color: #fafafa;
}

.company-searchbar-result td {
    width: max-content;
    font-size: 1rem;
}

.company-searchbar-result tr td:first-child {
    text-align: left;
}

.company-searchbar .badge-filter-group .badge-filter {
    margin-right: 1rem;
}

.company-searchbar .large-window {
    margin-right: 2rem;
    background: white;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.07);
}

#searchbarData {
    border-radius: 0 !important;
    border: 0;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.lec-form textarea,
.lec-form input,
.lec-form select {
    max-width: inherit;
    display: block;
    width: 100%;
}

.lec-form .lec-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.2rem;
    margin-top: 0;
}

.contract-modal-overlay .contract-modal .form-table {
    margin-top: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.contract-modal-overlay button,
.contract-modal-overlay a {
    border: 0;
    cursor: pointer;
    text-align: left;
}

#modal-buttons button i {
    margin-right: 0.5rem;
}

.lec-form input[type=checkbox]:checked::before {
    height: 1.5rem;
    width: 1.5rem;
}

.lec-form input[type='radio'],
.lec-form input[type='checkbox'] {
    width: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(8px);
    height: 38px !important;
}

input[type='checkbox']:not(.wpsc-ticket-list-tbl input) {
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
}

a.btn-primary {
    color: white !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--main-color-over);
    border-color: var(--main-color-hover);
}

.influencer-profile-data .user-social-media {
    padding: 0 !important;
}

.spinner-xxl {
    width: 110px !important;
    height: 110px !important;
    margin: 100px auto !important;
    display: block !important;
}

.btn.btn-icon {
    margin: auto;
    display: block;
    width: max-content;
    padding: 0.5rem 0.8rem !important;
}

.desaware-renew-location {
    min-height: 300px;
    max-height: 500px;
    overflow-y: scroll;
}

.btn.btn-desaware {
    background: linear-gradient(to right, #365285cf 0%, #4d6ca4cf 100%);
    color: white;
    margin-right: 1rem;
}

button[object].btn-block {
    margin-top: 1rem;
}

tr.group,
tr.group:hover {
    background-color: rgba(230, 230, 242, .5) !important;
}

#contract-tab p {
    font-size: 1rem;
    color: black;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    position: relative;
}

#contract-tab .mr-2 {
    margin-right: 1rem;
}

#contract-tab span:nth-child(3) {
    background-color: #e02f41;
    padding: 8px 10px;
    margin-right: 10px;
    color: white;
    font-size: 9pt;
    margin-left: 1rem;
}

h4 a.extraction_object,
button[name=extraction_object] {
    all: inherit;
    color: #153fd9;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    background-color: white;
    padding: 10px 33px 10px 10px;
    width: 500px;
    border-radius: 10px;
    margin: 20px 0;
}

h4 a.extraction_object i,
button[name=extraction_object] i {
    margin-right: 10px;
    padding: 15px;
    box-shadow: 0px 0px 10px 2px rgb(216 220 235 / 33%) !important;
    border-radius: 10px;
    color: #444444;
}

.influencer-profile-data .user-avatar-info {
    margin-top: inherit !important;
}

.user-avatar-address form button {
    color: #2372ff;
    border: 0;
    display: inline;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 15px;
}

.sidebar-dark {
    background: var(--second-gradient) !important;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover {
    background-color: var(--main-color-hover) !important;
}

.nav-left-sidebar .submenu {
    background-color: var(--main-color-hover) !important;
}

.sidebar-dark * {
    color: #fff !important;
}

#contract-export-btn {
    margin-left: 1rem;
}

#wpmem_restricted_msg {
    display: none;
}

.wpmem_reset .language-switcher,
.login-action-register #language-switcher {
    display: none;
}

.wpmem_reset #lostpasswordform,
.wpmem_reset #resetpassform {
    border: 0 !important;
    box-shadow: initial !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wpmem_reset #login p {
    border: 0 !important;
    padding: 0 !important;
    box-shadow: initial !important;
    color: var(--color-general-text);
    font-size: 16px;
}

.wp-login-log-in {
    display: none !important;
}

.wpmem_reset #login p a,
.wpmem_reset label {
    color: var(--color-general-text);
    font-size: 16px !important;
}

#wpmem_login,
.wpmem_reset {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100vh;
    overflow: hidden;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--color-general-text);
    -webkit-font-smoothing: antialiased;
    position: relative;
}

#wpmem_login .button_div {
    position: relative;
    padding: 0 !important;
    margin-top: 2rem;
}

#wpmem_login form a:hover {
    color: inherit;
}

.login h1 a {
    background-image: none, url(/wp-content/plugins/editions-compagnons/resources/img/flowwa-logo-RVB-500px.png) !important;
    width: 100% !important;
    background-size: 200px !important;
    background-position: center !important;
}

.wpsc-header label {
    color: white !important;
}

.wpsc-tickets-container,
.wpsc-shortcode-container {
    box-shadow: none !important;
}

#wpmem_login #login,
.login-action-register #login {
    background-image: url(/wp-content/plugins/editions-compagnons/resources/img/flowwa-shape-2.svg);
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 2300px;
    width: 100%;
    padding: 5vh 0;
}

#wpmem_login #login {
    top: 40%;
    transform: translate(0%, -50%);
    width: 100%;
    height: 100%;
}

#wpmem_login #wpmem_login_form,
.login-action-register #login #registerform,
#wpmem_login #wpmem_login_form .wpmem_reset form,
.wpmem_reset #login {
    width: 100%;
    max-width: 400px;
    margin: auto;
    border: 0;
    padding: 20px;
    z-index: 1;
}

.login .message,
.login .notice,
.login .success {
    border: 0 !important;
    color: var(--space-cadet) !important;
}

.login form:not(#language-switcher),
#wpmem_login #wpmem_login_form,
.login-action-register #login #registerform,
.wpmem_reset form,
.wpmem_reset #login {
    background-color: var(--space-cadet) !important;
}

.login-action-register #login #registerform #reg_passmail,
.login-action-register #login #registerform .req {
    display: none !important;
}

#wpmem_login label,
.login-action-register #login #registerform label,
.wpmem_reset label,
#wpmem_login form a,
.wpmem_reset form a,
.loginform label {
    color: white !important;
}

#wpmem_login form a:not(.btn),
.wpmem_reset form a:not(.btn) {
    text-decoration: underline;
}

.wpmem_reset #login h1 a {
    width: 250px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#wpmem_login .entry-content input[type="text"],
#wpmem_login .entry-content input[type="password"] {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--color-general-text);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d2e4;
    padding: 12px;
}

#wpmem_login legend,
#wpmem_reg legend {
    font-size: 18px !important;
    margin-bottom: 1em !important;
    width: 0 !important;
    text-align: center !important;
    color: black;
    overflow: hidden;
}

#wpmem_login fieldset {
    margin: 0.8rem 0 0 0 !important;
    width: 100%;
}

#wpmem_login form img {
    margin: 15px auto;
    width: 270px;
    display: block;
}

#wpmem_login #wpmem_restricted_msg {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

#wpmem_login #wpmem_login {
    border-top: 1px solid #e6e6f2;
    width: 100%;
}

.login-action-register #login #nav,
.login-action-register #login #backtoblog {
    display: none !important;
}

.login-action-register .notice.notice-info.message.register,
.login-action-register .notice.notice-error {
    width: 400px;
    margin: auto;
    margin-bottom: 50px;
}

#wpmem_login .button_div input[type="submit"],
.login-action-register #login #registerform input[type="submit"],
.wpmem_reset input[type="submit"],
.wpmem_reset .submit.reset-pass-submit button,
.wpmem_reset .submit.reset-pass-submit input {
    color: #fff;
    background-color: var(--indigo);
    border-color: var(--indigo);
    border: none;
    padding: 13px;
    font-size: 15px;
    cursor: pointer;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.wpmem_reset input[type="submit"]:hover,
.wpmem_reset .submit.reset-pass-submit button:hover,
.wpmem_reset .submit.reset-pass-submit input:hover,
.wpmem_reset input[type="submit"]:active,
.wpmem_reset .submit.reset-pass-submit button:active,
.wpmem_reset .submit.reset-pass-submit input:active,
.wpmem_reset input[type="submit"]:focus,
.wpmem_reset .submit.reset-pass-submit button:focus,
.wpmem_reset .submit.reset-pass-submit input:focus {
    background-color: var(--main-color-light);
    border-color: var(--main-color-light);
    transition: 0.3s ease-in-out;
}

.slideIn {
    animation: 0.4s slideinAnim forwards;
}

.opacity {
    animation: 0.4s opacityAnim forwards;
}

.toast_wrapper {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: fixed;
    top: 52px;
    right: 20px;
    gap: var(--alert-gap);
    z-index: var(--alert-z-index);
}

.lec-alert {
    width: 40vw;
    background-color: var(--alert-bg-clr);
    font-weight: bold;
    border-radius: 0.7rem;
    color: var(--alert-text-clr);
    border: solid 2px var(--alert-border-clr);
    padding: 1rem;
    box-shadow: 0px 0px 10px 2px rgb(216 220 235 / 33%) !important;
}

.lec-alert p {
    font-size: 18px !important;
}

.alert_show {
    animation: show 0.3s cubic-bezier(0.14, 0.94, 0.18, 0.95);
}

.alert_hide {
    animation: hide 0.3s cubic-bezier(0.14, 0.94, 0.18, 0.95) reverse;
}

.doc-search-result div:not(.docResult, #loader) {
    box-shadow: 0px 0px 30px 0px #2c33381c !important;
    background: #f2f2f870;
    display: flex;
    align-items: center;
    text-align: center;
    height: 50px;
    justify-content: space-evenly;
    margin: 10px 0;
}

.doc-search-result div:not(.docResult) a {
    color: var(--color-general-text);
    text-decoration: underline;
}

.doc-search-result div:not(.docResult) span {
    width: 20%;
}

.doc-search-result div:not(:last-child),
.doc-search-result div:not(:first-child) {
    border-radius: 20px;
}

.doc-search-result div:first-child {
    border-radius: 20px 20px 0 0;
}

.doc-search-result div:last-child {
    border-radius: 0 0 20px 20px;
}

.pagination-label-button button {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: 0px;
    margin-right: 5px;
    color: var(--color-general-text);
    background-color: #fff;
    border: 1px solid #e6e6f2;
    line-height: 1;
    border-radius: 10px;
    cursor: pointer;
}


.pagination-label-button button:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--second-color);
    border-color: var(--second-color);
}


.pagination-label-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    max-width: 395px;
    margin: auto;
    overflow-y: hidden;
    overflow-x: scroll;
}

.pageheader-title {
    margin-bottom: 15px !important;
}

.toolkit-card {
    height: 145.6px;
    position: relative;
    font-weight: bold;
    overflow: visible;
}

.toolkit-card span {
    background-color: var(--main-color);
    color: white;
    font-size: 0.8rem;
    position: absolute;
    top: -25px;
    right: -25px;
    border-radius: 10px;
    padding: 5px 14px;
}


.toolkit-card a {
    height: 65px !important;
    width: 100%;
    display: inline-block;
    text-align: left;
    position: relative;
}

.toolkit-card i {
    position: absolute;
    top: 10px;
    right: 10px;
    rotate: -45deg;
    font-size: 1.2rem;
}

.toolkit-content {
    display: grid;
    grid-template-columns: 1fr 350px;
    height: calc(100% - 4rem);
    grid-gap: 2rem;
    overflow: hidden;
    padding: 2rem 0;
    position: relative;
}

.toolkit-category-section {
    margin-bottom: 3rem;
    display: grid;
    grid-gap: 1.5rem;
    border-radius: 2rem;
    grid-template-columns: 1fr 1fr;
}

.toolkit-content .toolkit-category-section h3:first-child {
    padding: 0 !important;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: var(--space-cadet);
}

.toolkit-content .toolkit-category-section h3:first-child img {
    height: 56px;
    padding: 10px;
    border-radius: 10px;
    background: white;
    margin-right: 1rem;
    box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 5%);
}

.toolkit-content div hr:first-child {
    height: 3px;
    background: lightgrey;
    border: 0;
    margin: 1rem 0;
}

.toolkit-filters {
    background: white;
    border-radius: 20px;
    height: max-content;
    box-shadow: 0 0 11px 1px #00000008;
}

.toolkit-filters input[type="text"] {
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 0.75rem !important;
}

.toolkit-filters .card-body {
    padding: 2rem !important;
}

.toolkit-filters span {
    font-size: 14px;
}

.toolkit-post {
    text-align: left;
    border-radius: 15px;
    color: black;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    width: 100%;
    background: #f8fafe;
    padding: 3px 3px;
    font-weight: bold;
    border: solid 1px #80808026;
    text-indent: 0px;
    line-height: 22px;
}

.toolkit-post:hover {}

.toolkit-themes-category label,
.toolkit-type-category label {
    display: block;
}

.toolkit-post span {
    height: 25px;
    margin: 0 0.5rem 0 -5px;
    font-size: 0.7rem;
    color: white;
    padding: 0px 5px;
    border-radius: 0.5rem;
    background: var(--aquamarine);
}

.toolkit-post:hover {}

.toolkit-themes-category label,
.toolkit-type-category label {
    display: block;
}

.toolkit-post .fa:last-child,
.toolkit-post .fa:first-child {
    padding: 15px;
    box-shadow: 0 0 11px 1px #00000008;
}

.toolkit-post .fa:first-child {
    background: white;
    margin-right: 20px;
    border-radius: 50%;
}

.toolkit-post .fa.fa-youtube-play {
    color: red;
}

.toolkit-post .fa:last-child {
    background: var(--space-cadet);
    color: white;
    display: block;
    margin-left: auto;
    border-radius: 15px 15px 15px 0;
}

.btn-toolkit {
    text-align: left;
}

.table-max-sized {
    width: 100%;
    max-height: 300px;
    overflow: auto;
}

div.metric-value.d-inline-block {
    width: 100%;
}

.opportunities-form {
    position: relative;
    display: grid;
    grid-gap: 1rem;
}

.opportunities_product_items {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    background: white;
    border: solid 1px #3d405c4a !important;
    border-radius: 0.75rem;
    transition: 0.5s ease-in-out;
}

.opportunities_product_items li {
    margin: 5px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: solid 1px #ededed;
    color: black;
}

.opportunities_product_items li:hover {
    box-shadow: 0 0 11px 1px #00000020;
    background: #f6f6f6;
    transition: 0.3s ease-in-out;
}

.opportunities_product_items li {
    border-radius: 4px;
}

.opportunities_product_items li:first-child {
    border-radius: 0.75rem 0.75rem 4px 4px;
}

.opportunities_product_items li:last-child {
    border-radius: 4px 4px 0.75rem 0.75rem;
}

.toplevel_page_idLec .wp-menu-image.dashicons-before img {
    width: 20px !important;
    height: 28px !important;
    transform: translate(0px, -1px) !important;
}

#wpmem_login .button_div,
#wpmem_reg .button_div {
    text-align: inherit !important;
}

form#registerform p:first-child {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

#adminmenu li:last-child {
    display: none !important;
    height: 0 !important;
}

@media screen and (max-width: 960px) {
    .contract-modal-overlay {
        width: calc(100% - 36px);
        height: calc(100vh - 33px);
    }
}

@media screen and (max-width: 782px) {
    .contract-modal-overlay {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .contract-modal-overlay {
        width: 100%;
    }
}

@keyframes show {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes slideinAnim {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }

    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes opacityAnim {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1400px) {
    .toolkit-category-section {
        grid-template-columns: 1fr;
    }

    .toolkit-category-section hr {
        display: none;
    }
}


@media only screen and (max-width: 1000px) {
    .toolkit-content {
        grid-template-columns: 1fr;
    }

    .toolkit-filters {
        max-height: 300px;
        overflow-y: scroll;
    }

    .toolkit-content div:first-child {
        order: 2;
    }
}